.row{
    max-width: 1200px;
    margin: 0 auto;
}
.adidas-sis {
    width: 100%;
    overflow: hidden;
    position: relative;
	background: #000;
}
.main-ttl{
/*    font-family: "adineuePRO", 'Poppins', sans-serif;*/
    font-size: 2.5em;
    text-align: center;
    padding: 80px 0;
	font-weight:bold;
	color: #fff;
}

.main-jp-ttl{
    display: block;
    font-size: 22px;
    font-weight: 900;
    font-family: source-han-sans-japanese, sans-serif;
}

.maintxt{
	font-size: 14px;
	font-weight: bold;
	margin: 0 auto;
	text-align: left;
	padding: 0 10px;
}

.sub-ttl{
    text-align: center;
    font-size: 18px;
    margin: 50px auto 20px;
	line-height:1.8;
}

.catch .txt-box{
    max-width: 860px;
    margin: 50px auto;
    line-height: 1.8;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color: #fff;
}

.catch .txt-box span{
	display: block;
	color: #ccc;
	padding: 20px 0 30px 0;
}

.catch .txt-box01{
    max-width: 860px;
    margin: 50px auto;
    line-height: 1.8;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color: #222;
}

.catch .txt-box01 span{
	display: block;
	color: #222;
	padding: 20px 0 30px 0;
}



.feature-navi ul{
    margin: 0 auto 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.feature-navi ul li{
    width: 32%;
	margin: 10px auto;
}

/*.feature-navi ul li a{
    display: block;
    padding: 1rem;
    text-align: center;
    border: 1px solid #121212;
    transition: 0.3s;
	font-size: 24px;
	font-weight: bold;
}

.feature-navi ul li a span{
	display: block;
	font-size: 18px;
	font-weight: normal;
}

.feature-navi ul li a:hover{
    background: #121212;
    color: #ffffff;
}*/




.feature-navi ul li a {
    display: block;
	text-align: center;
	font-weight: bold;
  overflow: hidden;
  padding: 25px;
  color: #000;
  border-radius: 0;
  background: #ff703b;
position: relative;	
	
}

.feature-navi ul li a span{
		font-size: 22px;
	position: relative;
}

.feature-navi ul li a:before {
  position: absolute;
top: 100px;
    left: 140px;
    width: 230%;
    height: 440%;
  content: '';
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-98%) translateY(-70%) rotate(135deg);
  transform: translateX(-46%) translateY(-10%) rotate(90deg);
  background: #fff100;
}

.feature-navi ul li a:hover:before {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(135deg);
  transform: translateX(-9%) translateY(-25%) rotate(135deg);
}


.referee-box1{
	margin: 100px auto 0 auto;
	max-width: 1200px;
	background: #86cced;
  border-radius: 30px;	
}


.referee-box2{
	margin: 100px auto 0 auto;
	max-width: 1200px;
	background: #fc6634;
  border-radius: 30px;	
}


.referee-box3{
	margin: 100px auto 0 auto;
	max-width: 1200px;
	background: #fff100;
  border-radius: 30px;	
}



.gallery{
    overflow: hidden;
    margin: 30px 0;
}
.gallery ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    overflow-x: auto;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
}

.gallery ul li{
    width: 33.3%;
    overflow: hidden;
}
.gallery ul li img{
transition: 0.5s;
display: block;
}

.gallery ul li img:hover{
	transform: scale(1.1, 1.1);
}
.brand-ttl{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.brand-ttl .brand-ttl-wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 4.375rem 0;
}

.brand-ttl .brand-ttl-wrap li{
    width: 50%;
    color: #ffffff;
}

.brand-ttl .brand-ttl-wrap li:nth-child(1){
    text-align: center;
}

.brand-ttl .ttl-bk{
    background: #000000;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.brand-ttl .brand-catch{
    font-size: 1.75em;
    font-weight: 500;
    margin: 0 0 30px 0;
}
.brand-ttl .brand-txt{
    font-size: 1em;
    font-weight: 500;
}

.product-wp{
    position: relative;
    margin: 30px auto 0;
    max-width: 1200px;    
}

.product-ttl{
    font-size: 1.55em;
    font-weight: 700;
}

.product-wp .product-tec{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.product-wp .product-tec:nth-child(even){
    flex-direction: row-reverse;
}

.product-wp .product-tec li:nth-child(1){
    width: 50%;
}
.product-wp .product-tec li:nth-child(2){
    width: 45%;
}
.product-txtbox{
    margin: 20px 0 40px 0;
	line-height:1.8;
}

.product-txtbox span{
	font-weight: bold;
	color: #222;
	padding: 0;
	display: block;
	margin: 0 0 10px 0;
}

.product-txtbox01{
    margin: 20px 0 40px 0;
	line-height:1.8;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #fff100;
}


.product-catch{
    display: block;
    font-weight: 700;
    font-size: 1.15em;
    margin: 20px 0;
}

.lineup{
   /* padding:40px 0 0 0;*/
}

.lineup-ttl{
    font-size: 2.75em;
    margin: 0 auto;
    font-weight: 700;
    text-align: center;
	padding-top: 50px;
	color: #fff;
}

.lineup-ttl01{
    font-size: 2.75em;
    margin: 40px auto 0 auto;
    font-weight: 700;
    text-align: center;
	padding-top: 50px;
	color: #222;
}

.lineup-ttl02{
    font-size: 1.75em;
    margin: 0 auto;
    font-weight: 700;
    text-align: center;
	/*padding-top: 50px;*/
	color: #222;	
}

.lineup-ttl03{
    font-size: 1.75em;
    margin: 0 auto 30px 0;
    font-weight: 700;
    text-align: center;
	padding-top: 30px;
	color: #fff;	
}

.lineup-ttl03 span{
	font-size: 16px;
	display: block;
	font-weight: normal;
	margin: 20px auto;
}


.cardimg{		
  display:inline-block;
  animation:cardimg 0.8s infinite;
}


.cardimg img{	
	width: 30px;
}

.lineup-list{
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.lineup-list-col3{
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


.lineup-list li{
    max-width: 450px;
    width: 42%;
    margin: 0 0 60px 0; 
}



.lineup-list-col3 li{
  width: 24%;
  margin: 0 0 30px 0;
  background: #fff;
  border-radius: 10px;
  position: relative; 
  overflow: hidden;   /*はみ出し防止*/
}



/*--  拡張 
.lineup-list-col3 li {
    transition:box-shadow 0.3s, transform 0.3s;
}
 
.lineup-list-col3 li:hover {
    box-shadow:0 6px 14px rgba(0, 0, 0, 0.24);
    transform:translate(0, -5px);
}

 --*/



/*--輝く

.lineup-list-col3 li {
    position:relative;
    overflow:hidden;
}
 
    .lineup-list-col3 li::before {
        position:absolute;
        top:0;
        left:-100%;
        bottom:0;
        margin:auto 0;
        width:100px;
        height:200%;
        content:"";
        background:linear-gradient(to left, #fff, #fff 10%, transparent 10%, transparent 20%, #fff 20%, #fff 90%, transparent 90%, transparent 94%, #fff 94%);
        opacity:0.3;
        transform:translate(-50%) rotate(45deg);
        transition:left 0.3s ease-in, transform 0.3s ease-in;
    }
 
    .lineup-list-col3 li:hover::before {
        left:150%;
        transform:translate(50%) rotate(45deg);
        transition-timing-function:ease-out, ease-out;
    }--*/

/*--輝く--*/


#page_top{
  width: 80px;
  height: 80px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #ffde00;
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 80px;
  height: 80px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #000;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -40px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: 'TOP';
  font-size: 13px;
  color: #000;
  position: absolute;
  top: 45px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}




.lineup-list li:nth-last-child(-n+2){
    margin: 0 auto 100px;
}

.lineup-list li p,
.lineup-list-col3 li p{
    text-align: center;
}

.lineup-list li .spec,
.lineup-list-col3 li .spec{
    font-size: 1.2em;
    font-weight: 600;
}


.lineup-list li .spec01,
.lineup-list-col3 li .spec01{
    font-size: 1em;
    font-weight: 600;
	background: #32363c;
	color: #d2e671;
	padding: 10px 0;
	margin: 0 auto;
	width: 90%;
}


.lineup-list li .spec02,
.lineup-list-col3 li .spec02{
    font-size: 1em;
    font-weight: 600;
	background: #121212;
	color: #ffda61;
	padding: 10px 0;
	margin: 0 auto;
	width: 90%;	
}


.lineup-list li .spec03,
.lineup-list-col3 li .spec03{
    font-size: 1em;
    font-weight: 600;
	background: #32363c;
	color: #eb7ca7;
	padding: 10px 0;
	margin: 0 auto;
	width: 90%;	
}



.lineup-list li .eng-name,
.lineup-list-col3 li .eng-name{
    font-size: 1.25em;
/*    font-family: "adineuePRO", 'Poppins', sans-serif;*/
    margin: 20px 0;
    color: #7f7f7f;
	font-weight:bold;
}

.lineup-list li .jp-name,
.lineup-list-col3 li .jp-name{
    display: block;
    font-size: 60%;
    font-family: source-han-sans-japanese, sans-serif;
	font-weight:normal;
}

.lineup-list li .spike,
.lineup-list-col3 li .spike{
    font-size: 1em;
}

.lineup-list li .price,
.lineup-list-col3 li .price{
    font-size: 1.2em;
    font-weight: 700;
    margin: 30px 0;
}

.lineup-list li .cart-btn a,
.lineup-list-col3 .cart-btn a{
    background: #121212;
    border: 1px solid #121212;
    display: block;
    padding: 1.2rem;
    font-size: 1.125em;
    max-width: 370px;
    margin: 0 auto;
    color: #ffffff;
    transition: .3s;
	border-radius: 10px;
}

.lineup-list li .cart-btn a:hover,
.lineup-list-col3 .cart-btn a:hover{
    background: #ffffff;
    color: #121212;
}

.flare-njr-area-btn a{
    background: #121212;
    border: 1px solid #121212;
    display: block;
    padding: 1.2rem;
    font-size: 2em;
    max-width: 900px;
	text-align: center;
    margin: 30px auto 50px auto;
	letter-spacing:6px;
    color: #ffffff;
    transition: .3s;	
}

.flare-njr-area-btn a:hover{
    background: #ffffff;
    color: #121212;	
}



/*---矢印---*/

.arrow {
    position: relative;
}

.arrow:before {
    width: 30px;
    transform: translate(30px, 0px);
}

.arrow:after {
    width: 10px;
    transform-origin: right center;
    transform: translate(30px, 0px) rotate(25deg);
}

.arrow:before,
.arrow:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    height: 1px;
    transition: .3s;
}

.other-btn .arrow:before,
.other-btn .arrow:after {
    background: #ffffff;
    right: 50px;
}

.other-btn .arrow:hover.arrow:before,
.other-btn .arrow:hover.arrow:after {
    background: #646464;
}

.view-all {
    background: #646464;
    padding: 50px 0;
}
.view-all .row{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.other-btn{
    max-width: 570px;
    width: 47%;
}

.other-btn a{
    border: 1px solid #fff;
    padding: 15px 0;
    text-align: center;
    display: block;
    font-size: 1.28em;
    color: #fff;
    transition: .3s;
}

.other-btn a:hover {
    background: #fff;
    border: 1px solid #646464;
    color: #646464;
}

/*---動画---*/
.movie-wrap{
    position: relative;
    max-width: 1200px;
    width: 100%;
    height: 70vh;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    background: #000;
    overflow: hidden;
    margin: 0 0 100px 0;
}

.background-movie {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.background {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    margin: auto;
    z-index: -2;
    width: calc(100vh * 1.78);
    margin: 0 auto;
    overflow: hidden;
}

#movie-player {
    min-width: 100%;
    min-height: 100vh;
    z-index: 1;
}

#sb-wrapper-inner{
    top: 20px !important;
}

/*---//動画---*/

	
.flare-njr-area{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	}	


.flare-njr-ttl{
font-size: 2em;
font-weight: bold;
border-top:1px #222 solid;
padding: 15px;	
}


.flare-njr-ttl span{
font-size: 14px;
font-weight: normal;
}

.hr-line{
	width: 95%;
	border-bottom: 2px #ccc solid;
	margin: 90px auto 0 auto;
	padding: 0;
}




/*フェードイン*/
.hero img{
    opacity: 0;
    transform: scale(.8);
    transition: 1.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.hero.show img{
    opacity: 1;
    transform: scale(1);
}

.hero p{
    color: #222;
    opacity: 0;
    transform: translateX(40px);
    transition: .8s;
    transition-delay: .8s;
}
.hero.show p{
    opacity: 1;
    transform: translateX(0);
}

.referee-mustbox{
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;	
}

.referee-mustbox li{
    width: 32%;
    margin: 0 0 60px 0; 	
}




.referee-mustlink{
 display:block; 
 position:relative;
 text-decoration:none;	
}


.referee-itemlink{
 display:block; 
 position:relative;
 text-decoration:none;
 padding: 15px;	
 height:100%;	
}

.referee-mustlink img,.referee-itemlink img{
  display:block;
  width:100%;
  transition:0.3s;
}

.lineup-list-col3 li:hover img{
  transform:scale(1.05);
}

/*ぼかし
.referee-mustlink:before{
  content:"商品一覧へ";
  display:block;
  color:#fff;
  line-height:48px;
  width:180px;
  border:solid 1px #fff;
  border-radius:5px;
  text-align:center;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-1em;
  margin-left:-90px;
  opacity:0;
  z-index:3;
  transition:0.3s;
  font-weight:bold;
  letter-spacing:0.2em;
}


.referee-mustlink:hover img{
  filter:blur(5px);
}

.referee-mustlink:hover:before{
  opacity:1;
  margin-top:-0.5em;
}

*/

.referee-mustlink:before,.referee-itemlink:before{
  content:"";
  position:absolute;
  inset:0; /* ← これが最強（top/left不要） */
  z-index:2;
  background:#000;
  opacity:0;
  transition:0.3s;	
/*  content:"";
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  z-index:2;
  background:#000;
  opacity:0;
  transition:0.3s;*/
}

.referee-mustlink:after{
  content:"MORE";
  display:block;
  color:#fff;
  line-height:48px;
  width:180px;
  border:solid 1px #fff;
  border-radius:5px;
  text-align:center;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-1em;
  margin-left:-90px;
  opacity:0;
  z-index:3;
  transition:0.3s;
  font-weight:bold;
  letter-spacing:0.2em;
}

.referee-itemlink:after{
  content:"今すぐ購入";
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%); /* ← 中央配置を安定化 */
  color:#fff;
  width:180px;
  line-height:48px;
  border:2px solid #fff;
  border-radius:5px;
  text-align:center;
  opacity:0;
  z-index:3;
  transition:0.3s;
  font-weight:bold;
  letter-spacing:0.2em;
}


.lineup-list-col3 li:hover .referee-itemlink:before{
  opacity:0.5;
}

.lineup-list-col3 li:hover .referee-itemlink:after{
  opacity:1;
}


.referee-mustlink:hover:before{
  opacity:0.5;
}
.referee-mustlink:hover:after{
  opacity:1;
  margin-top:-0.5em;
}





.referee-mustbt{
	margin-top: 10px;
}






/*ボタン スライド

.referee-mustbt {
  background: #ff701e;
  border: 2px solid #ff701e;
  border-radius: 60px;
  color: #fff;
  display: block;
  font-weight: bold;
  max-width: 300px;
  padding: 15px 40px;
  text-align: center;
}

.referee-mustbt{
  background: #fff;
  color: #ff701e;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.referee-mustbt::after {
  background: #ff701e;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
  z-index: -1;
}
.referee-mustbt:hover {
  color: #fff;
}
.referee-mustbt:hover::after {
  transform: scale(1, 1);
}*/


.referee-bt{
	width: 800px;
	margin: 0 auto;
	padding: 0 0 80px 0;
}

.referee-allbt a{
  display: block;
  padding: 15px;
  background: linear-gradient(to right, #222 50%, #fff 50%);
  background-size: 190% 100.5%;
  background-position: right bottom;
  /*font: 1.25em "Montserrat";*/
  font-size: 26px;
  font-weight: bold;
  color: #222;
  border: none;
  border-left: 0.2em solid #222;
  border-color: none;
  box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.08);
  transition: all 0.5s ease-out;
	text-align: center;
	border-radius: 100px;
}

.referee-allbt a:hover {
  background-position: left bottom;
  color: #fff;
}




.referee-mustbt a{
  display: block;
  padding: 0.6em 1.9em;
  background: linear-gradient(to right, #ff703b 50%, #fff 50%);
  background-size: 190% 100.5%;
  background-position: right bottom;
  /*font: 1.25em "Montserrat";*/
  font-size: 16px;
  font-weight: bold;
  color: #222;
  border: none;
  border-left: 0.2em solid #ff703b;
  border-color: none;
  box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.08);
  transition: all 0.5s ease-out;
	border-radius: 100px;	
}

.referee-mustbt a:hover {
  background-position: left bottom;
  color: #FFF;
}



.referee-point{
    position: relative;
    overflow: hidden;
}

.referee-pointtxt{
    position: absolute;
	bottom: 10px;
    /*top: 10px;*/
    left: 10px;
    font-size: 24px;
    font-weight: bold;
	background-color: rgba(255,234,0,0.6);
	padding: 15px;
}

.referee-pointtxt span{
	display: block;
/*    position: absolute;
    top: 30px;
    left: 30px;*/
    font-size: 16px;
    font-weight: bold;
	color: #222;
}


.pattern img{
    opacity: 0;
    transform: translateY(40px);
    transition: .5s;
}
.pattern.show img{
    opacity: 1;
    transform: translateY(0);
}
.pattern p{
    color: #000;
    opacity: 0;
    transform: translateX(40px);
    transition: .5s;
    transition-delay: .5s;
}
.pattern.show p{
    opacity: 1;
    transform: translateX(0);
}

.referee-pointbox{
    max-width: 1100px;
    margin: 0 auto 30px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;	
}

.referee-pointbox li{
    width: 33%;
    margin: 0 0 30px 0;
	position: relative;
}



.referee-pointbox01{
    max-width: 1100px;
    margin: 0 auto 30px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;	
}

.referee-pointbox01 li{
    width: 33%;
    margin: 0 0 30px 0;
	position: relative;	
}


p.referee-pointtxt01{
    position: absolute;
	bottom: 15px;
    /*top: 15px;*/
    left: 10px;
    font-size: 24px;
    font-weight: bold;
	background-color: rgba(254,85,23,0.60);
	padding: 10px;
	color: #fff;
}

p.referee-pointtxt01 span{
	display: block;
/*    position: absolute;
    top: 30px;
    left: 30px;*/
	border-top: 2px #fff solid;
	padding: 10px 0 0 0;
	margin: 10px auto;
    font-size: 16px;
    font-weight: bold;
	color: #fff;
}




.referee-cost  {
	width: 90%;
	text-align: center;
	/*background: #fff;*/
	margin: 80px auto;
	padding: 0;
	color: #fff;
 /* margin-inline: 0;*/
  border-bottom:1px solid #fff;
}

.referee_costttl {
  position: relative;
  border: none;
  display: block;
  list-style: none;
  /*width: 100%;*/
  font-size: 36px;
  font-weight: bold;
  cursor: pointer;
  padding: 15px;
  line-height: 1.6em;
}

summary.referee_costttl::-webkit-details-marker {
  display:none;
}

.referee_costttl:after {
  content: "+";
  position: absolute;
  top: calc(50% - 0.5em);
  right: 20px;
  line-height: 1;
  padding: 0;
  pointer-events: none;
}

.referee-cost::details-content {
  opacity: 0;
  block-size: 0;
  transition: .3s;
  transition-property: display, opacity, block-size, padding;
  transition-behavior: allow-discrete;
  line-height: 1.6em;
}

.referee-costbox{
	width: 1200px;
	margin: 0 auto;
}

/*
.referee-cost .referee-costbox {
display: none; 折り畳み式用
}
*/
.referee-cost .referee-costbox > *:first-of-type {
  margin-top: 0;
}

.referee-cost .referee-costbox > *:last-of-type {
  margin-bottom: 0;
}

.referee-cost[open]::details-content {
  opacity: 1;
  block-size: auto;
  block-size: calc-size(auto, size);
}

.referee-cost[open] .referee-costbox {
  /*padding: 0 2em 1.4em 3em;*/
	display: block;
}

.referee-cost[open] .referee_costttl:after {
  content: "-";
}

.referee-costtxt{
    font-size: 16px;
    font-weight: bold;
    /*line-height: 180%;*/
    padding: 20px 0;
	text-align: center;
	color: #fff;
}

.referee-costtxt01{
	font-size: 13px;
	margin: 0 auto 15px auto;
	color: #fff;
	text-align: center;
}

.referee-costtxt02{
	color: #222;
	font-size: 13px;
	padding-top: 10px;
	text-align: left;
}

/*-- TABLE --*/

.referee-container {
  /*position: absolute;*/
  top: 50%;
  left: 50%;
  /*transform: translate(-50%, -50%);*/
}
table {
  width: 100%;
  margin: 20px auto;
  border-collapse: collapse;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  border: 1px #fff solid;
  text-align: left;
}

th,
td {
  background-color: rgba(208, 176, 0, 0.3);
  color: #fff;
  border: 1px #fff solid;
}

th {
  text-align: left;
}

thead th {
  background-color: #ff703b;
  text-align: center;
  font-weight: bold;
  border: 1px #fff solid;
  padding: 15px;
  font-size: 18px;	
}

tbody tr{
	border: 1px #fff solid;
	color: #fff;
}

tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
tbody td {
  padding: 15px;	
  position: relative;
}
tbody td:hover:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -9999px;
  bottom: -9999px;
  background-color: rgba(255, 255, 255, 0.2);
  z-index: -1;
}



/*--チェックボックス--*/

.checkbox-container{
	max-width: 1100px;
    margin: 0 auto;
	padding: 25px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
} 

.checkbox-container li{
	width: 32%;
}


.checkbox-3 {
    border: none;
	display: flex;
	justify-content: space-evenly;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: space-around;
}

.checkbox-3 label {
    display: flex;
    align-items: center;
    gap: 0 .5em;
    position: relative;
    max-width: 200px;
    margin-bottom: .4em;
    padding: .5em .7em;
    border: 1px solid #ff703b;
    border-radius: 25px;
    background-color: #ff703b;
    cursor: pointer;
}

.checkbox-3 label:has(:checked) {
    background-color: #ff703b;
    color: #fff;
}

.checkbox-3 label::before {
    width: 14px;
    height: 14px;
    border-radius: 1px;
    background-color: #fff;
    content: '';
}

.checkbox-3 label:has(:checked)::after {
    position: absolute;
    top: 14px;
    left: 15px;
    transform: rotate(45deg);
    width: 4px;
    height: 8px;
    border: solid #ff703b;
    border-width: 0 2px 2px 0;
    content: '';
}

.checkbox-3 input {
    display: none;
}



.daylist {
	width: 100%;
    background-color: #fff700;
    border-radius: 25px;	
}

.daylist ul {
    list-style-type: disc;
    margin: 0;
    padding: 15px;
}

.daylist li {
	width: 100%;
	color: #000;
    font-size: 15px;
	font-weight: bold;
    text-align: left;
    line-height: 200%;
}

.daylist li::marker {
    color: #000000;
    font-size: 1.1em;
}





/*-- Q＆A --*/

.qa-question{
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0;
}

.q-left {
    display: flex;
    /*justify-content: center;*/
    align-items: start;
    gap: 0 22px;
}

.q-left img {
    max-width: 70px;
    height: 100%;
    border: 3px solid #fff;
    border-radius: 50%;
}

.q-left p {
    position: relative;
    width: 100%;
    max-width: 500px;
    margin: 10px 0 0;
    padding: .8em 1em;
    border-radius: 5px;
    background-color: #fff100;
    color: #000000;
    font-size: 20px;
    font-weight: bold;
}

.q-left p::before {
    position: absolute;
    left: -10px;
    width: 15px;
    height: 25px;
    background-color: #fff100;
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
    content: '';
}



.a-right {
    display: flex;
    /*justify-content: center;*/
	justify-content: flex-end;
    align-items: start;
    gap: 0 22px;
	margin-bottom: 60px;
}

.a-right img {
    max-width: 70px;
    height: 100%;
    border: 3px solid #f2f2f2;
    border-radius: 50%;
}

.a-right p {
    position: relative;
    width: 100%;
    max-width: 500px;
    margin: 3px 0 0;
    padding: .8em 1em;
    border-radius: 5px;
	line-height: 160%;
    background-color: #ff703b;
    color: #ffffff;
	font-size: 20px;
	font-weight: bold;
}

.a-right p::before {
    position: absolute;
    right: -10px;
    width: 15px;
    height: 25px;
    background-color: #ff703b;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    content: '';
}


/*画像逆転
.referee-mustbox a{
	display: block;
    transition: all .3s ease-in-out;
}

.referee-mustbox img{
    width: 100%;
    vertical-align: middle;	
}

.referee-mustbox a:hover{
    transform: rotateY(-180deg);
}
*/	




.howtochoose-txtbox{
	width: 85%;
    margin: 40px auto;
	padding: 20px;
	line-height:1.8;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #222;
	background: #fff;
	border-radius: 50px;
}

.howtochoose-txtbox span{
	font-weight: normal;
	display: block;
	font-size: 16px;
}




/*-----------------------------------
スマホ用はここから
-------------------------------*/

@media screen and (max-width:768px) {
    .main-ttl{
        font-size: 2.3em; 
    }
    /*.feature-navi,.catch{
        padding: 0 10px;
    }
	
	.feature-navi ul{
    margin: 80px auto;
	}	
	
    .feature-navi ul li{
        width: 90%;
        margin: 0 0 10px 0;
    }
    .feature-navi ul li a{
        padding: .8rem;
		font-size: 30px;
    }
	
	.feature-navi ul li a span{
	font-size: 15px;	
	}*/

	
	.feature-navi ul{
    margin: 50px auto;
	}
	
	.feature-navi ul li{
		width: 90%;
	}	

.feature-navi ul li a {
    display: block;
	text-align: center;
	font-weight: bold;
  overflow: hidden;
  padding: 20px;
  color: #000;
  border-radius: 0;
  background: #ff703b;
position: relative;	
	
}

.feature-navi ul li a span{
		font-size: 22px;
	position: relative;
}

.feature-navi ul li a:before {
  position: absolute;
  top: 160px;
  left: 70px;
  width: 250%;
  height: 590%;
  content: '';
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-98%) translateY(-70%) rotate(135deg);
  transform: translateX(-45%) translateY(-10%) rotate(90deg);
  background: #fff100;
}

.feature-navi ul li a:hover:before {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(135deg);
  transform: translateX(-9%) translateY(-25%) rotate(135deg);
}

	
	
	
	
    .gallery ul {
        display: block;
        white-space: nowrap;
        padding-left: 10px;
    }

    .gallery ul li {
        display: inline-block;
        width: 70%;
        padding-right: 10px;
    }

    .gallery ul li:last-child{
        padding-left: 10px;
    }
    .lineup-list-col3{
        padding: 0 0 60px 0;
    }

    .lineup-list li{
        width: 90%;
        max-width: 450px;
        margin: 0 auto;
    }

    .lineup-list-col3 li{
        width: 47%;
        margin: 0 auto 20px auto;
    }
	
    .lineup-list-col3 .cart-btn a{
        padding: .8rem;
    }
	
    .flare-njr-area-btn a{
        padding: .8rem;
		font-size: 18px;
    }

    .lineup-list li:nth-last-child(-n+2){
        margin: 0 auto 60px;
    }

    .brand-ttl .brand-ttl-wrap li{
        width: 90%;
        margin: 0 auto 30px;
    }
    
    .product-wp .product-tec li:nth-child(1),
    .product-wp .product-tec li:nth-child(2){
        width: 90%;
        max-width: 600px;
        margin: 0 auto;
    }
    
    .view-all {
        padding: 50px 0 30px 0;
    }

    .other-btn{
        max-width: 570px;
        width: 90%;
        margin: 0 auto 20px;
    }
	
.catch .txt-box{
	font-size:14px;
	margin-top: 20px;
	color: #fff;
}
	

.catch .txt-box span{
	display: block;
	color: #ccc;
	padding-top: 20px;
}
	
.catch .txt-box01{
	font-size:14px;
	margin-top: 20px;
	color: #222;
}
	

.catch .txt-box01 span{
	display: block;
	color: #222;
	padding-top: 20px;
}
	
 	
 

.flare-njr-ttl{
font-size: 2em;
font-weight: bold;
border-top:1px #222 solid;
padding: 10px;	
}

.flare-njr-ttl span{
font-size: 14px;
font-weight: normal;
display: block;	
}
	

.product-txtbox span{
	font-weight: bold;
	/*background: #222;*/
	color: #222;
	padding: 0;
	display: block;
	margin: 0 auto;
	/*text-align: center;*/
	/*width: 95%;*/
}
	
	

  .checkbox-container{
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* ← 2列 */
    gap: 15px;
  }

  /* 3つ目（最後）だけ横幅いっぱい */
  .checkbox-container li:last-child{
    grid-column: 1 / -1; /* ← 2列分使う */
    width: 100%;
  }
	
.checkbox-container li {
    width: 100%;
}	
	

.qa-question{
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
}
	
	.q-left{
		margin-bottom: 15px;
	}	
	
	.q-left p{
		font-size: 16px;
	}	

	.a-right p{
		font-size: 16px;
	}	
	
	p.referee-pointtxt01{
		top: 210px;
	}	

.referee-costbox{
	width: 95%;
}
	

}

@media screen and (max-width:480px) {

    .main-ttl{
        font-size: 1.8em;
        padding: 60px 0 0 0; 
    }
	
	.maintxt{
		padding-top: 10px;
		text-align: center;
	}

    .main-jp-ttl{
		font-size: 18px;
        margin: 10px 0 0 0;  
    }	
	
	.feature-navi ul{
    margin: 50px auto;
	}
	
	.feature-navi ul li{
		width: 90%;
	}	

.feature-navi ul li a {
    display: block;
	text-align: center;
	font-weight: bold;
  overflow: hidden;
  padding: 20px;
  color: #000;
  border-radius: 0;
  background: #ff703b;
position: relative;	
	
}

.feature-navi ul li a span{
		font-size: 22px;
	position: relative;
}

.feature-navi ul li a:before {
  position: absolute;
  top: 160px;
  left: 70px;
  width: 250%;
  height: 590%;
  content: '';
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-98%) translateY(-70%) rotate(135deg);
  transform: translateX(-45%) translateY(-10%) rotate(90deg);
  background: #fff100;
}

.feature-navi ul li a:hover:before {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(135deg);
  transform: translateX(-9%) translateY(-25%) rotate(135deg);
}

	

.referee-itemlink:after{
  width:90%;
}

	
	

.referee-box1{
	width: 95%;
	margin: 50px auto 0;
}


.referee-box2{
width: 95%;
margin: 50px auto 0;	
}


.referee-box3{
width: 95%;
margin: 50px auto 0;	
}

.lineup-ttl{
    font-size: 2.5em;
}

.lineup-ttl01{
    font-size: 2.5em;
}

.lineup-ttl02{
    font-size: 2.5em;
}

.lineup-ttl03{
    font-size: 1.8em;
}

.referee-mustbox{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.referee-mustbox li{
    width: 95%;
    margin: 0 0 60px 0; 	
}


.referee-pointbox{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.referee-pointbox li{
    width: 95%;	
}
	
	.referee-pointtxt{
		font-size: 26px;
		font-weight: normal;
	}	

	.referee-pointtxt span{
		font-size: 16px;
		font-weight: bold;
	}
	
	.referee-pointbox01{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;		
	}	

.referee-pointbox01 li{
    width: 95%;	
}
	


.referee-bt{
	width: 95%;
	margin: 0 auto;
	padding: 0 0 80px 0;
}
	
	.referee-allbt a{
		font-size: 17px;
		  background-size: 185% 100.5%;
	}	
	

	.referee-cost{
		width: 95%;
		margin: 80px auto;
	}	
	
	.referee_costttl{
		font-size: 26px;
	}	
	
	

.cardimg img{	
	width: 25px;
}
	
	

.lineup-list li .cart-btn a,
.lineup-list-col3 .cart-btn a{
		font-size: 1em;
	}	
	

.lineup-list li .eng-name,
.lineup-list-col3 li .eng-name{
    font-size: 1.1em;
}
	
	

    .brand-ttl .brand-catch{
        font-size: 1.5em;
    }

    .lineup-list li .cart-btn a{
        width: 85%;
    }

    .flare-njr-area-btn a{
		font-size: 18px;
        width: 85%;
    }	
	
    .brand-ttl .brand-ttl-wrap{
        padding: 3rem 10px;
    }

    .lineup-list li .eng-name{
        margin: 15px 0;  
    }

    .lineup-list li .price{
        margin: 15px 0;
    }

    .view-all{
        padding: 40px 0 20px 0;
    }

    /*---動画---*/
    .movie-wrap{
        height: 232px;
    }
    .background {
        width: 100%;
    }
	
.flare-njr-ttl{
font-size: 1.5em;
font-weight: bold;
border-top:1px #222 solid;
padding: 8px;	
}

.flare-njr-ttl span{
font-size: 10px;
font-weight: normal;
display: block;	
}

.product-txtbox span{
	font-weight: bold;
	/*background: #222;*/
	color: #222;
	padding: 0;
	display: block;
	margin: 0 auto;
	/*text-align: center;*/
	/*width: 95%;*/
	/*font-size: 12px;*/
}

.howtochoose-txtbox span{
	font-size: 14px;
}

	

}

@media screen and (max-width:375px) {

    .sub-ttl{
        margin: 30px auto;
        font-size: 1em;
    }

     /*---動画---*/
    .movie-wrap{
        height: 210px;
    }

.flare-njr-ttl{
font-size: 1.5em;
font-weight: bold;
border-top:1px #222 solid;
padding: 10px;	
}

.flare-njr-ttl span{
font-size: 10px;
font-weight: normal;
display: block;	
}

.product-txtbox span{
	font-weight: bold;
	/*background: #222;*/
	color: #222;
	padding: 0;
	display: block;
	margin: 0 auto;
	text-align: left;
	/*width: 95%;*/
	/*font-size: 12px;*/
}
		
}

@media screen and (max-width:360px) {
    .movie-wrap{
        height: 200px;
    }
}

@media screen and (max-width:320px){

     /*---動画---*/
    .movie-wrap{
        height: 180px;
    }
} 

/*----スクロールアニメ----*/
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1;
}

.wow {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@keyframes cardimg{
  0%,100%{transform:rotate(0);}
  25%{transform:rotate(10deg);}
  75%{transform:rotate(-10deg);}
}


@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

/*----//スクロールアニメ----*/