/*--Reset--*/

 #X-CRAZYFAST {
	display: none;
}

@font-face {
    font-family: "adihaus";
    src: url("../font/adihaus-din-regular.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "adineuePRO";
    src: url("../font/adineuepro-boldweb.woff") format("woff"), url("../font/adineuepro-boldweb.ttf") format("truetype");
    font-display: swap;
}

.solar {
	font-size: 14px;
	line-height: 1.5;
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	letter-spacing: 0.05em;
    margin: 0 0 60px;
}

.solar .pc-hide {
	display: none;
}

.solar img {
	max-width: 100%;
    height: auto;
}

.solar a {
	color: inherit;
	text-decoration: none;
}

.solar ul, .solar li {
	list-style: none;
}

.solar table {
    border-collapse: collapse;
    border-spacing: 0;
  }


/*--//Reset--*/
.solar .main-image-slider img {
	width: 100%;
}
.solar .main-image-slider{
	position: relative;
}
.solar .main-image-slider .slick-dots{
	width: 100%;
	display: flex;
	justify-content: center;
	gap: 16px;
	position: absolute;
	bottom: 20px;
	display: none;
}
.solar .main-image-slider .slick-dots li{
	width: 12px;
	border-radius: 50%;
	aspect-ratio: 1/1;
	line-height: 0;
	background: #fff;
}
.solar .main-image-slider .slick-dots .slick-active{
	background: #333;
	transform: scale(1.25);
}
.solar .main-image-slider .slick-dots button{
	width: 100%;
	height: 100%;
	background-color: transparent;
	cursor: pointer;
	border: none;
	outline: none;
	padding: 0;
	appearance: none;
	color: rgba(0, 0, 0, 0);
}

.solar .main-image-slider .pc_none{
	display: none;
}

.solar .pc-hide{
	display: none;
}

.solar-inner {
	max-width: 980px;
	padding: 0 10px;
	margin: 0 auto;
}
.solar-inner-pro {
	max-width: 980px;
	padding: 0 10px;
	margin: 100px auto 12px auto;
}

.solar .main-title-unit {
	margin: 50px 0 60px 0;
	padding: 0 10px;
}

.solar .title-box {
    text-align: center;
    margin-bottom: 60px;
}

.solar .main-title-unit .title-box {
	margin-bottom: 40px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding-bottom: 40px;
	max-width: 700px;
	margin: 0 auto;
	justify-content: space-between;
}

.solar .title-outter{
	max-width: 360px;
	text-align: center;
}

.road_tit {
    max-width: 700px;
    width: 94%;
    font-size: 20px;
    line-height: 2;
    margin: 40px auto;
    font-weight: 700;
    text-align: center;
}

.solar .sub-title{
	max-width: 334px;
	line-height: 2;
}

.solar .item-visual{
	margin: 60px auto;
	max-width: 980px;
}
.solar .item-visual2{
	margin: 60px auto;
	max-width: 980px;
}


.solar .item-visual img{
	width: 100%;
	position: relative;
    z-index: 3;
}

/*--ナビ--*/
.solar-navi {
	margin-top: -10px;
	background-color: #fff;
	height: 70px;
	margin-top: 1%;
}

.solar-navi .solar-inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 700px;
}

.solar-navi .solar-inner::before{
    order: 1;
}

.solar-navi .solar-inner li {
	/**/ max-width: 220px;
	width: 24%;
	/* max-width: 440px; */
	/* width: 48%; */
	margin: 15px 0;
}
/* 
.solar-navi .solar-inner li a {
	display: block;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	border: 1px solid #FFD579;
	transition: 0.3s;
	z-index: 1;
	height: 70px;
	line-height: 20px;
	text-align: center;
	background-color: #000;
	border-radius: 10px;
	font-family: "adineuePRO";
}

.solar-navi .solar-inner li a:hover{
	color: #000;
	background-color: #FFD579;
} */
.campaign{
	width: 100%;
}

.solar .campaign img {
	max-width: 700px; 
	height: auto;
	display: block;
	margin: 100px auto 0 auto;
}	
.solar .campaign .campaign-button {
	max-width: 700px; 
	height: auto;
	display: block;
	margin: 20px auto 0 auto;
	font-weight: 700;
	text-align: center;
	position: relative;
	background-color: #ffffff;
	color: #000000;
	border: 2px solid #000000;
	padding: 10px 0;
}	
/* .solar .campaign  a::after{
	content: "";
	position: absolute;
    right: 20px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg) translateY(-50%);
} */

.solar .campaign  a:hover{
	color: #fff;
	background: #666666;
}

.solar .campaign  a:hover::after{
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

.solar .campaign p{
	text-align: center;
	font-size: 14px;
	line-height: 1.5;
	margin: 20px auto 0 auto;
	max-width: 700px; 
	color: #000000;
}
.solar .campaign p strong{
	color: #2137dd;
}


.influ-video{
	margin: 0 auto;
	max-width: 700px; 
}
.influ-video2{
	margin: 0 auto;
	max-width: 1040px; 
}
.influ-video-ttl{
	text-align: center;
	margin: 0 0 0px;
	line-height: 1.7;
	font-weight: bold;
}
.influ-video-ttl2{
	text-align: center;
	margin: 60px 0 20px 0;
	font-weight: bold;
}
.influ-video-box{
	margin: 0 auto;
	/* padding:40px 20px; */
	width: 50%;
}
.influ-video-box2{
	margin: 0 auto;
	/* padding:40px 20px 20px 20px; */
	width: 100%;
}
.influ-video iframe{
	aspect-ratio: 16 / 9; 
  	max-width: 700px; 
  	height: 100%; 
	margin: 0 auto;
  	border: none; 
}
.influ-video-box2 iframe{
	aspect-ratio: 16 / 9; 
  	width: 100%; 
  	height: 100%; 
	  /* padding: 10px; */
  	border: none; 
}

/* ── １．ヘッダー（左画像／テキスト／右画像）を横並びに ── */
.influ-video-box {
	display: flex;
	flex-wrap: wrap;           /* 狭いときは折り返し */
	align-items: center;       /* 縦中央揃え */
	justify-content: center;   /* 横中央寄せ */
	gap: 20px;                 /* 要素間の余白 */
  }
  
  /* ── ２．influ-video-box の直下にある img を丸く整形 ── */
  .influ-video-box > img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 34px;
  }
  
  /* ── ３．動画部分を下段に１列で ── */
  .influ-video-box2 {
	/* すでに width:100% が入っているなら flex-basis だけ追加でOK */
	flex-basis: 100%;     /* 横幅100% */
	margin-top: 20px;     /* 上に余白 */
  }

/*--//ナビ--*/
/* lf-nav */
.solar .lf-nav-wrap{
	opacity: 0;
	z-index: -1;
}
.solar .lf-nav-box{
	position:fixed;
	bottom:100px;
	left: 0;
	z-index: 9999;

}
.solar .lf-nav-box.active{
	opacity: 0;
	z-index: -1;
}

.solar .lf-nav-box li a{
	box-sizing: border-box;
	display: block;
	text-align: center;
	font-size: 14px;
	color:#fff;
	width: 160px;
}

@media screen and (max-width:1300px){
	.solar .lf-nav-box li a{
		width: 130px;
	}
}

.solar .lf-nav-box li:not(:nth-child(4)) a{
	border-bottom: 1px solid #fff;
}

/* //lf-nav */
.solar .gallery_cont{
	display: flex;
}

.solar .bg-gray {
	position: relative;
	background-color:hsla(0,0%,0%,1);
	/* background-image: */
	/* radial-gradient(at 97% 88%, hsla(0,0%,0%,1) 0px, transparent 50%),
	radial-gradient(at 80% 0%, hsla(189,0%,40%,1) 0px, transparent 50%),
	radial-gradient(at 7% 54%, hsla(355,0%,0%,1) 0px, transparent 50%),
	radial-gradient(at 92% 91%, hsla(340,0%,40%,1) 0px, transparent 50%),
	radial-gradient(at 0% 100%, hsla(0,0%,32%,1) 0px, transparent 50%),
	radial-gradient(at 80% 100%, hsla(0,0%,0%,1) 0px, transparent 50%),
	radial-gradient(at 0% 0%, hsla(343,0%,0%,1) 0px, transparent 50%); */
	background: linear-gradient(135deg, #000000,  #666666);
	background: -webkit-linear-gradient(-45deg, #000000,  #666666);
	background: -moz-linear-gradient(-45deg, #000000,  #666666);
	background-size: 150% 150%;
	animation-name: gradation;
	animation-duration: 5.0s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
	padding: 60px 0 60px;
	overflow: hidden;
  }
  @keyframes gradation{
	0%{
		background-position: 0% 0%;
	}
	100%{
		background-position: 100% 100%;
	}
 }
   .solar .item-f50 .bg-gray::before {
	content: "";
	position: absolute;
	top: -7%;
    right: 0%;
    width: 60%;
    height: 80%;
	background-image: url(../images/f50_union.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	pointer-events: none; /* 画像がクリックを邪魔しないように */
	z-index: 0;
  }

  .solar .item-pre .bg-gray::before {
	content: "";
	position: absolute;
	top: 21%;
    right: 0%;
    width: 60%;
    height: 80%;
	background-image: url(../images/f50_union.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	pointer-events: none; /* 画像がクリックを邪魔しないように */
	z-index: 0;
  }

  .solar .item-copa .bg-gray::before {
	content: "";
	position: absolute;
	top: 21%;
    right: 0%;
    width: 60%;
    height: 80%;
	background-image: url(../images/f50_union.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	pointer-events: none; /* 画像がクリックを邪魔しないように */
	z-index: 0;
  }

.solar #F50 .bg-gray {
	padding: 80px 0 60px;
	margin-bottom: 60px;
}
.solar #COPA .bg-gray {
	padding: 80px 0 60px;
}
.solar #PREDATOR .bg-gray {
	padding: 80px 0 60px;
}
.solar .item-cont {
	margin: 0 0 70px;
}

.item-cont h3{
	font-size:22px;
	text-align: center;
	color:#fff;
	font-weight:600;
	line-height:1;
}

#COPAICON.item-cont h3{
	color:#212121;
	margin-top:60px;
}

.item-cont h3 small{
	display: block;
	text-align: center;
	font-size:16px;
	font-weight:300;
	margin-top:20px;
}

.solar .item-cont .scroll-hidden{
	overflow: hidden;
}

.solar .x-scroll{
	width: 100%;
	overflow-x: scroll;
	overflow-y: hidden;
}

.solar .x-scroll::-webkit-scrollbar{
	height: 5px;
	width: 0px;
 }
 .solar .x-scroll::-webkit-scrollbar-track{
	opacity: 1;
 }
 .solar .x-scroll::-webkit-scrollbar-thumb{
	background-color: #FFD579;
	width: 30px;
	border-radius: 5px;
 }

/* campaign */
.solar .campaign{
	margin: 40px 0;
}

.solar .campaign .cp_btn {
	margin: 20px 0 60px;
	text-align: center;
}

.solar .campaign .cp_btn a{
	position: relative;
	display: inline-block;
	background: #000;
	color: #fff;
	padding: 15px 60px;
	border-radius: 5px;
}

.solar .campaign .cp_btn a::after{
	content: '';
	width: 6px;
	height: 6px;
	border: 0;
	border-bottom: solid 2px #fff;
	border-right: solid 2px #fff;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	right: 20px;
	bottom: 0;
	margin: auto;
}

.solar .campaign .cp_btn a:hover{
	background: #666666;
	transition: .3s;
}


.solar .campaign .cp_ttl{
	margin: 20px 0 30px;
	background: #000;
	color: #fff;
	text-align: center;
	padding: 8px 0;
	font-size:20px;
	font-weight: bold;
}
.solar .campaign .cp_txt{
	text-align: center;
	font-size:16px;
	font-weight: bold;
}
.solar .campaign .cp_txt span{
	color: #d2a83f;
}

.solar .campaign .cp_note{
	padding: 20px;
	border: #000 solid 1px;
	margin: 20px 0 0 0;

}
.solar .campaign .cp_shop{
	padding: 8px 20px;
	background: #f6f6f6;
	margin: 20px 0 0 0;
}


 /* furefox */
 html {
	scrollbar-color: #FFD579 rgba(0, 0, 0, 0.0);
	scrollbar-width: thin; }

.solar .x-scroll-cont{
	width: 1820px;
	height: 100%;
	margin: 30px 0 0;
    display: flex;
    justify-content: space-between;
}

.solar .x-scroll-item{
	max-width: 900px;
}

.solar .item-cont-block{
	/* background-color: #fff; */
	/* border: 1px solid #FFD579; */
	/* padding: 30px; */
	box-sizing: border-box;
	margin-bottom: 60px;
	display: flex;
	flex-direction: column;
}

.solar #PREDATOR .title-box img{
	height: 40px;
}

.solar .item-cont-above {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex-grow: 0.5;
}

.solar .item-cont-above .item-ttl-box {
	width: 35%;
	box-sizing: border-box;
	padding: 0;
}

.solar .item-cont-above .item-img-box {
	width: 65%;
	box-sizing: border-box;
}

.solar .item-cont-above .item-img-box {
	padding: 0 0 0 70px;
}

.solar .item-ttl-box .item-series {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.3;
	color: #fff;
}

.solar .item-ttl-box .item-series span {
	display: inline-block;
	padding: 10px 0 0;
	border-top: 4px solid #fff;
}

.solar .item-ttl-box .item-ttl-sub {
	font-size: 18px;
	font-weight: bold;
}

.solar .item-ttl-box .item-ttl-sub02 {
	color: #186376;
	font-weight: bold;
	margin: 10px 0 0;
}

.solar .item-ttl-box .item-txt {
	margin: 40px 0 0;
	color: #fff;
}
.solar .item-cont-bottom-box {
    overflow-x: auto;
}

.solar .notes{
	color: #aaaaaa;
	margin: 20px 0 0 0;
}

.solar .item-cont-bottom {
	margin: 60px 0 0;
	display: flex;
	justify-content: space-between;
}



.solar .item-cont-bottom li {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	width: 31%;
}
/* #F50 .item-cont-bottom li {
	width: 23%;
} */

.solar .item-cont-bottom .imgbox {
	margin: 0 0 10px;
}

.solar .item-cont-bottom li .tech-ttl {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 10px;
	color: #fff;
}

.solar .item-cont-bottom li .tech-txt{
	color: #fff;
}

#F50 .tech-ttl{
	font-size: 16px;
}

#F50 .tech-txt {
	font-size: 14px;
}

.solar .item-list{
    display: flex;
    flex-wrap: wrap;
    margin: 80px 0 0;
    justify-content: space-between;
}

.solar .item-list li .item-page,
.solar .item-list li .shop-only-wrap{
	height: 100%;
	display: flex;
	flex-direction: column;
}

/* ボタンの高さ調整 */
/* .solar .item-list .item-name{
    flex-grow: 1;
} */

.solar .item-list .in_h{
    margin-top: 33px;
}


.solar .item-list::after,
.solar .item-list::before{
    content: "";
    display: block;
    width: 31%;
}

.solar .item-list::before{
    order: 1;
}

.solar .item-list li{
    width: 31%;
	margin-bottom: 60px;
}
.solar .item-list li span.newcl {
	border: 1px solid #FFD579;
	color: #000;
	background: linear-gradient(90deg, #FFF 0%, #FFD579 100%);
	position: absolute;
	top:0;
	left: 0;
	text-align: center;
	max-width: 100px;
	width: 50%;
	padding: 5px 0;
	/* display: none; */
}

.solar .item-list li span.newcl4 {
	border: 1px solid #AD9BF6;
	color: #000;
	background: linear-gradient(90deg, #FFF 0%, #AD9BF6 100%);
	position: absolute;
	top:0;
	left: 0;
	text-align: center;
	max-width: 100px;
	width: 50%;
	padding: 5px 0;
	/* display: none; */
}

.solar .item-list li img{
    border: 1px solid #eee;
}


.solar .item-list li .cvbtn{
    text-align: center;
    background: #000;
    padding: 14px 0;
    line-height: 1;
	font-size: 12px;
    color: #fff;
    border-radius: 5px;
    margin: 10px 0 0;
    position: relative;
	transition: .3s;
}

.solar .item-list li .cvbtn::after{
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-50%);
	transition: .3s;
}

.solar .item-list li > a:hover .cvbtn{
	background: #666666;
}
.solar .item-list li > a:hover .cvbtn::after{
	right: 15px;
}

.cvbtn2{
    text-align: center;
    /* background: #ffffff; */
	background: linear-gradient(90deg, #ffd26f 0%, #ecab1e 100%);
    padding: 20px 0;
    line-height: 1;
	font-size: 14px;
    color: #000000;
    border-radius: 5px;
    margin: 40px 0 0;
    position: relative;
	transition: .3s;
}
.cvbtn3{
    text-align: center;
    /* background: #ffffff; */
	background: linear-gradient(90deg, #FFFFFF 0%, #AD9BF6 100%);
    padding: 20px 0;
    line-height: 1;
	font-size: 14px;
    color: #000000;
    border-radius: 5px;
    margin: 40px 0 0;
    position: relative;
	transition: .3s;
}

.cvbtn2::after{
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-top: 2px solid #000000;
    border-right: 2px solid #000000;
    transform: rotate(45deg) translateY(-50%);
	transition: .3s;
}
.solar .item-list li .cvbtn3{
    text-align: center;
    background: #000;
    padding: 14px 0;
    line-height: 1;
	font-size: 12px;
    color: #fff;
    border-radius: 5px;
    margin: 13px 0 0;
    position: relative;
	transition: .3s;
}

.solar .item-list li .cvbtn3::after{
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-50%);
	transition: .3s;
}

.solar .item-list li > a:hover .cvbtn2{
	background: #666666;
	color: fff;
}
.solar .item-list li > a:hover .cvbtn2::after{
	right: 15px;
}

.solar .item-list li .item-price{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.solar .item-list li .item-price span.price{
    font-size: 20px;
    margin: 10px 0 0;
}

.solar .item-list li .taglist{
	font-size: 12px;
    display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
    margin: 10px 0;
	flex-grow: ;
}


.solar .item-list li .taglimited{

    margin: 3px 0px 9px 0;
}

.solar .item-list li .taglist span{
    display: block;
    width: 48%;
    text-align: center;
    padding: 3px 0;
	margin-bottom: 7px;
}
.solar .item-list li .taglist .mfl-bg{
	font-size: 10px;
    padding: 6px 0;
	/* height: 20px */
}
.solar .item-list li .taglist .type{
    border: 1px solid #ccc;
}
.solar .item-list li .taglist .type2{
    border: 1px solid #ccc;
}
.solar .item-list li .taglist .type3{
    border: 1px solid #ccc;

}
.solar .item-list li .taglist .type3{
  background-color: #fff;

}

.solar .item-list li .taglist .type4{
	padding: 4px 0;
}
.solar .item-list li .taglist span.shose{
	border: 1px solid #ccc;
    width: 100%;
}

.solar .item-list li .taglist span.shose2 {
    width: 100%;
}

.mfl-bg {
    background: #b9a46e;
	color: #fff;
}

.solar .item-list li {
    position: relative;
}

.solar .item-list li .mens{
	text-align: center;
	width: 60px;
	padding: 5px 0;
    background: #007eff;
    border: 1px solid #007eff;
    color: #fff;
	position: absolute;
	top: 0;
	left: 0;
}

.solar .item-list li .junior{
	text-align: center;
	max-width: 80px;
	width: 40%;
	padding: 5px 0;
    background: #ffc028;
    border: 1px solid #ffc028;
    color: #fff;
	position: absolute;
	top: 0;
	/* left: 105px; */
}
.solar .item-list li .junior2{
	text-align: center;
	max-width: 80px;
	width: 40%;
	padding: 5px 0;
    background: #ffc028;
    border: 1px solid #ffc028;
    color: #fff;
	position: absolute;
	top: 0;
	left: 105px;
}
.item-list li .newcl2 {
	text-align: center;
	position: absolute;
	top: 0;
	max-width: 100px;
	width: 50%;
	padding: 5px 0;
    background: #82b4ff;
	border: 1px solid #82b4ff;
	color: #fff;
	display: none;
}

.fact{
max-width: 980px;
margin: 0 auto;
  }
  .fact ul {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	gap: 40px;
	list-style: none;
	padding: 0;
	margin: 0;
  }
  
  .fact li {
	flex: 1 1 50%;
	display: flex;
	flex-direction: column;
  }
  
  .fact picture img {
	width: 100%;
	height: auto;
	display: block;
  }
  
  .fact p {
	font-size: 14px;
	line-height: 1.6;
	margin-top: 20px;
	color: #333;
  }
  
  
  @media screen and (max-width: 767px) {
	.solar .campaign img {
		max-width: 90%; 
		height: auto;
		display: block;
		margin: 100px auto 0 auto;
	}	
	.solar .campaign .campaign-button {
		max-width: 90%; 
		height: auto;
		display: block;
		margin: 20px auto 70px auto;
		
		text-align: center;
		background-color: #ffffff;
		color: #000000;
		border: 1px solid #000000;
		padding: 10px 0;
	}	
	.solar .campaign p{
		text-align: center;
		font-size: 14px;
		line-height: 1.5;
		margin: 20px auto 0 auto;

		max-width: 90%; 
		color: #000000;
	}
	.fact li {
	  flex: 0 0 100%;
	}
	
	.fact{
		max-width: 980px;
		width: 90%;
		margin: 0 auto;
		  }
		  .fact ul {
			display: block;
			flex-direction: row;
			flex-wrap: nowrap;
			justify-content: space-between;
			align-items: flex-start;
			gap: 40px;

			list-style: none;
			padding: 0;
			margin: 0;
		  }
		  
		  .fact li {
			flex: 1 1 50%;
			margin-bottom: 50px;
			display: flex;
			flex-direction: column;
		  }
		  
		  .fact picture img {
			width: 100%;
			height: auto;
			display: block;
		  }
		  
		  .fact p {
			font-size: 14px;
			line-height: 1.6;
			margin-top: 20px;
			color: #333;
		  }
  }
  
  


  

.solar .item-list li .taglist .ladies{
    background: #ec2c7e;
    border: 1px solid #ec2c7e;
    color: #fff;
}

.solar .chart .unit-ttl{
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 40px;
}

.solar .unit-ttl span{
    font-size: 16px;
    display: block;
}

.solar .filter-tag{
	display: flex;
	flex-wrap: wrap;
}

.solar .item-ttl-box .filter-tag.first{
	margin: 20px 0 0;
}

.solar .filter-tag li{
	font-size: 12px;
	padding: 5px;
	border: #ccc 1px solid;
	margin: 0 5px 5px 0;
	color: #ccc;
}

.solar .filter-tag li.active{
	background: #fff;
	border: #fff 1px solid;
	color: #000;
}

.solar .jp-micro-tag{
	background: #fff;
	color: #000;
	text-align: center;
	margin: 10px 0 0;
	padding: 5px 0;
}

.solar .series-all-item a{
	display: block;
	border: #000 2px solid;
	background: #fff;
	text-align: center;
	padding: 10px 0;
	position: relative;
	transition: .3s;
	font-weight: bold;
}

.solar .series-all-item a::after{
	content: "";
	position: absolute;
    right: 20px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg) translateY(-50%);
}

.solar .series-all-item a:hover{
	color: #fff;
	background: #666666;
}

.solar .series-all-item a:hover::after{
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
/* .solar span.shop-only{
	line-height: 1.2;
	margin: 10px 0 0;
} */

.solar .item-list li .item-name{
	font-size: 13px;
}

.solar .item-list li .item-name span.shop-only{
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	background-color: #ee0404;
	padding: 3px;
	display: inline-block;
	align-items: center;
	padding: 0em 0.4em;
	margin: 0 0.5em 0 0;
}

.solar .item-list li .item-price span.shop{
	font-size: 14px;
}
.solar .shop-btn-wrap{
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;

}
.solar .item-list li .shop-btn-wrap .cvbtn{
	line-height: 1.2;
    display: flex;
    width: 48%;
    align-items: center;
    justify-content: center;
    margin: 10px auto 0;
}
/* .solar .item-list li .shop-btn-wrap .cvbtn:nth-child(1){
    margin: auto 0;
}
.solar .item-list li .shop-btn-wrap .cvbtn:nth-child(2){
    margin: auto 0;
} */

.solar .item-list li .shop-btn-wrap .cvbtn::after{
	display: none;
}

.solar .item-list li .shop-btn-wrap .cvbtn:hover {
	background: #666;
}
.solar .item-list li .shop-btn-wrap .cvbtn3{
	line-height: 1.2;
    display: flex;
    width: 48%;
    align-items: center;
    justify-content: center;
    margin: 16px auto 0;
}
.solar .item-list li .shop-btn-wrap .cvbtn3::after{
	display: none;
}

.solar .item-list li .shop-btn-wrap .cvbtn3:hover {
	background: #666;
}
.red_txt {
	color: red;
	font-weight: bold;
	font-size: 12px;
}
.top_cp {
	text-align: center;
	padding: 10px 0;
}
span.newcolor2{
	font-size: 12px!important;
	padding: 5px 8px!important;
	background: linear-gradient(90deg, #FFF 0%, #FFD579 100%);
	color: #000;
	display: inline-block;
	font-weight: 400;
	margin: 10px 0;
}

span.newcolor3{
	font-size: 12px!important;
	padding: 5px 8px!important;
	background: linear-gradient(90deg, #FFF 0%, #AD9BF6 100%);
	color: #000;
	display: inline-block;
	font-weight: 400;
	margin: 10px 0;
}

/*2025/1/14追記*/
#PREDATOR .movie {
	max-width: 980px;
    margin: 60px auto;
    text-align: center;
}
.movie .filmframe {
	width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    display: block;
}
.shop3::after {
	content: '';
	display: block;
	width: 48%;
	margin: 10px auto 0;
}

/* li .cl_space{
	left: 105px;
} */

.main-title-unit {
	margin: 60px 0;
}
.title-main {
	font-size: 42px;
	font-family: "adineuePRO";
}

.main-title-unit .title-main span{
	color: #FFD579;
}

.title-box .title-sub {
    display: block;
    font-size: 18px;
    font-weight: bold;
}
p.concept {
	margin-top: 20px;
	text-align: left;
	margin-bottom: 0px;
}
p.concept2 {
	margin-top: 0px;
	text-align: left;
	margin-bottom: 0px;
}
p.concept2 span {
	font-weight: bold;

}
.title-box .title-main {
    font-size: 39px;
	line-height: 3.2rem;
}
.title-box .title-sub {
	margin-top: 20px;
}
.all-item {
	max-width: 980px;
	margin: 0 auto;
	padding: 0 10px;
}
.all-item .series-all-item a {
	border: #ec1717 2px solid;
	color: #ec1717;
}
.all-item .series-all-item a::after{
	border-top: 2px solid #ec1717;
    border-right: 2px solid #ec1717;
}
.all-item .series-all-item a:hover{
	color: #fff;
	background: #ec1717;
}
.campaign_txt {
	margin: 40px 0;
    padding: 0 10px;
}
.campaign_txt h2 {
	font-size: 34px;
	text-align: center;
	font-weight: bold;
	margin: 20px 0;
}
.campaign_txt .campaign_txt_box{
	max-width: 980px;
    padding: 2%;
    margin: 0 auto;
	background-color: #f5f5f5;
	box-sizing: border-box;
}
.qr_message {
	background: #000;
	width: 80%;
	margin: 0 auto;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	padding: 20px;
}
span.gold_petitdator {
	font-size: 30px;
	display: block;
	padding: 10px 0 0;
}
span.gold_petitdator span.gold {
	background: linear-gradient(90deg, #FFD700, #FFC200, #FFB700);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      text-fill-color: transparent;
}
.campaign_txt ul {
	width: 85%;
	margin: 20px auto;
}
.campaign_txt ul li {
	padding: 10px;
	font-weight: bold;
}
.limit {
	font-size: 24px;
	padding: 20px 0;
	letter-spacing: 2px;
	font-weight: bold;
	text-align: center;
	display: block;
}
span.cp_mini {
	font-size: 18px;
	vertical-align: middle;
	padding: 3px 10px;
	border: 1px solid #000;
}
span.mini {
	font-size: 12px;
	vertical-align: middle;
}

.solar .bg-white {
	background-color: #000;
	color: #fff;
}
.shop-only-wrap > div .cvbtn::after, li.bg-white a::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    transition: .3s;
}
ul.novelty {
	width: 90%;
	max-width: 750px;
	margin: 0 auto;
}
ul.novelty li{
	width: 100%;
	text-align: center;
    line-height: 1;
    border-radius: 25px;
    margin: 10px 0 50px;
    transition: .3s;
 }
 ul.novelty li a {
	width: 100%;
	padding: 14px 0;
	display: block;
 }
.bg-white > a:hover::after{
	right: 15px;
	border-top: 2px solid #000;
    border-right: 2px solid #000;
}
li.bg-white:hover{
	background-color: #f5e72b;
	color: #000;
}


/*---staff　comment---*/

.staff-comment{
	/* margin: 10px 25px 80px 25px; */
	margin: 60px auto 0;
	background: linear-gradient(90deg, #000 50%,#3B3B3B 50% );
	padding: 30px;
	overflow: hidden;
	border-radius: 10px;
	position: relative;
	max-width:980px ;
	z-index: 1;
}

.staff-title{
	margin: 10px 0 40px;
	position: relative;
}
.staff-title::after{
	content: "";
	position: absolute;
	width: 32%;
	height: 1px;
	background: #fff;
	display: block;
	left: 243px;
	top: 40%;
}
.staff-icon{
	width: 167px;
	height: 167px;
	overflow: hidden;
	border-radius: 100%;
	border: 4px solid #F4F4F4;
	position: relative;
	z-index: 2;
}

.staff-wrap{
	display: flex;
}

.staff-box{
	display: flex;
	align-items: center;
}
.staff-box-f50{
	background: #fff;
padding: 60px 0 90px 0;
}

.staff-profile{
	background: url(../images/staff/shiba.svg) #F4F4F4 no-repeat right 10px top 10px;
	border-radius: 10px;
	padding: 30px 30px 30px 100px;
	position: relative;
	right: 80px;
	width: 480px;
	box-sizing: border-box;
}
.staff01{
	background: url(../images/staff/shiba.svg) #F4F4F4 no-repeat right 10px top 10px;

}
.staff-shop{
	margin: 0 0 5px;
	font-size: 12px;
}

.staff-name{
	margin: 0 0 10px;
	font-weight: bold;
	font-size: 16px;
}

.experience{
	background:url(../images/staff/rectangle.svg) no-repeat #3B3B3B;
	background-size: cover;
	border-radius: 5px;
	padding: 10px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 1;
	display: block;
	margin: 0 0 20px;
	max-width: 200px;
}

.comment-title{
	padding: 0 0 0 36px;
	background: url(../images/staff/grip_label.svg) no-repeat;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 20px;
}

.comment-link{
	text-align: right;
}

.comment-link a{
	text-decoration: underline;
}
.staff-rating-box{
	width: 300px;
	position: relative;
    right: 20px;

}
.staff-rating-box1{
	width: 300px;
	position: relative;
    right: 20px;
    top: 60px;
}
.staff-rating-box2{
	width: 300px;
	position: relative;
    right: 20px;
    top: 100px;
}
.staff-rating-box3{
	width: 300px;
	position: relative;
	right: 36px;
    top: 40px;
}
.staff-rating-box4{
	width: 300px;
	position: relative;
    right: 35px;
    top: 20px;

}
.staff-rating-box5{
	width: 300px;
	position: relative;
    right: 14px;
    top: 80px;

}
.staff-rating-box6{
	width: 300px;
	position: relative;
    right: 14px;
    top:140px;

}


.rating-box{
	color: #fff;
	display: flex;
	justify-content: space-between;
	margin: 0 0 20px;

}

.rating-ttl{
	font-weight: bold;
	margin: 0 10px 0 0;
	font-size: 14px;
	white-space: nowrap;
}

.label-row{
	display: flex;
	justify-content: space-between;
	width: 160px;
	font-size: 12px;
	margin: 0 0 10px;
}

.bar-wrap{
	width: 90%;
	height: 1px;
	background: #dddddd;
	margin: 0 5%;
	box-sizing: border-box;
	position: relative;
}

.circle-tag{
	position: absolute;
	height: 15px;
	width: 15px;
	border-radius: 100%;
	background:#FEB409;
	top: -7px;
}
.circle-tag2{
	position: absolute;
	height: 15px;
	width: 15px;
	border-radius: 100%;
	background:#FEB409;
	top: -7px;
}
.circle-tag3{
	position: absolute;
	height: 15px;
	width: 15px;
	border-radius: 100%;
	background:#FEB409;
	top: -7px;
}
.circle-tag4{
	position: absolute;
	height: 15px;
	width: 15px;
	border-radius: 100%;
	background:#FEB409;
	top: -7px;
}
.circle-tag5{
	position: absolute;
	height: 15px;
	width: 15px;
	border-radius: 100%;
	background:#FEB409;
	top: -7px;
}
.circle-tag6{
	position: absolute;
	height: 15px;
	width: 15px;
	border-radius: 100%;
	background:#FEB409;
	top: -7px;
}
/*--スタッフコメント調整--*/

#PREDATOR .fit .circle-tag{
	left: 50%;
	transform: translateX(-50%);
}
#PREDATOR .foot-width .circle-tag{
	left: 50%;
	transform: translateX(-50%);
}
#PREDATOR .weight .circle-tag{
	left: 30%;
	transform: translateX(-50%);
}
#PREDATOR .sole .circle-tag{
	left: 50%;
	transform: translateX(-50%);
}
#PREDATOR .thrust-up .circle-tag{
	left: 30%;
	transform: translateX(-50%);
}
#PREDATOR .grip .circle-tag{
	left: 80%;
	transform: translateX(-50%);
}

/*--▼F50--*/
#F50 .fit .circle-tag{
	left: 40%;
	transform: translateX(-50%);
}
#F50 .foot-width .circle-tag{
	left: 40%;
	transform: translateX(-50%);
}
#F50 .weight .circle-tag{
	left: 40%;
	transform: translateX(-50%);
}
#F50 .sole .circle-tag{
	left: 60%;
	transform: translateX(-50%);
}
#F50 .thrust-up .circle-tag{
	left: 60%;
	transform: translateX(-50%);
}
#F50 .grip .circle-tag{
	left: 60%;
	transform: translateX(-50%);
}

/*--▼F50 2--*/
#F50 .fit .circle-tag2{
	left: 40%;
	transform: translateX(-50%);
}
#F50 .foot-width .circle-tag2{
	left: 50%;
	transform: translateX(-50%);
}
#F50 .weight .circle-tag2{
	left: 40%;
	transform: translateX(-50%);
}
#F50 .sole .circle-tag2{
	left: 60%;
	transform: translateX(-50%);
}
#F50 .thrust-up .circle-tag2{
	left: 50%;
	transform: translateX(-50%);
}
#F50 .grip .circle-tag2{
	left: 60%;
	transform: translateX(-50%);
}

/*--▼F50 3--*/
#F50 .fit .circle-tag5{
	left: 50%;
	transform: translateX(-50%);
}
#F50 .foot-width .circle-tag5{
	left: 50%;
	transform: translateX(-50%);
}
#F50 .weight .circle-tag5{
	left: 40%;
	transform: translateX(-50%);
}
#F50 .sole .circle-tag5{
	left: 60%;
	transform: translateX(-50%);
}
#F50 .thrust-up .circle-tag5{
	left: 50%;
	transform: translateX(-50%);
}
#F50 .grip .circle-tag5{
	left: 60%;
	transform: translateX(-50%);
}
/*--▼F50 4--*/
#F50 .fit .circle-tag6{
	left: 40%;
	transform: translateX(-50%);
}
#F50 .foot-width .circle-tag6{
	left: 50%;
	transform: translateX(-50%);
}
#F50 .weight .circle-tag6{
	left: 40%;
	transform: translateX(-50%);
}
#F50 .sole .circle-tag6{
	left: 60%;
	transform: translateX(-50%);
}
#F50 .thrust-up .circle-tag6{
	left: 50%;
	transform: translateX(-50%);
}
#F50 .grip .circle-tag6{
	left: 60%;
	transform: translateX(-50%);
}

/*--▼COPA--*/

#COPA .fit .circle-tag{
	left: 50%;
	transform: translateX(-50%);
}
#COPA .foot-width .circle-tag{
	left: 50%;
	transform: translateX(-50%);
}
#COPA .weight .circle-tag{
	left: 30%;
	transform: translateX(-50%);
}
#COPA .sole .circle-tag{
	left: 50%;
	transform: translateX(-50%);
}
#COPA .thrust-up .circle-tag{
	left: 50%;
	transform: translateX(-50%);
}
#COPA .grip .circle-tag{
	left: 60%;
	transform: translateX(-50%);
}

.pad{
	padding: 14px 0 5px 0;
}

.footbnr{
	max-width:960px;
	margin:80px auto;
	padding: 0 10px;
}

.footbnr li{
	margin:0 auto 20px;
}

/*--スタッフコメント調整--*/


@media screen and (max-width:767px) {
	.solar .item-list li .cvbtn3{
		text-align: center;
		background: #000;
		padding: 6px 0;
		line-height: 1;
		font-size: 12px;
		color: #fff;
		border-radius: 5px;
		margin: 13px 0 0;
		position: relative;
		transition: .3s;
	}
	
	.solar .item-list li .cvbtn3::after{
		content: "";
		position: absolute;
		right: 20px;
		top: 50%;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		transform: rotate(45deg) translateY(-50%);
		transition: .3s;
	}
	.solar .item-list li .shop-btn-wrap .cvbtn3 {
		line-height: 1.2;
		display: flex
	;
		width: 48%;
		align-items: center;
		justify-content: center;
		margin: 16px auto 0;
	}
	.staff-comment{
		background: linear-gradient(180deg, #000 50%, #3B3B3B 50%);
	}
	.staff-wrap,
	.staff-box{
		flex-wrap: wrap;
		justify-content: center;
	}
	.staff-comment{
		/* margin: 10px 25px 80px 25px; */
		margin: 60px 20px 0 20px;
		/* background: linear-gradient(90deg, #000 50%,#3B3B3B 50% ); */
		padding: 30px;
		overflow: hidden;
		border-radius: 10px;
		position: relative;
		z-index: 1;
	}
	.staff-profile{
		width: 100%;
		padding: 100px 25px 25px 25px;
		right: 0;
		margin: -80px 0 0;
	}
	.solar .item-cont-above .item-ttl-box {
		width: 35%;
		box-sizing: border-box;
		padding: 0 10px;
	}



	.influ-video iframe{
		aspect-ratio: 16 / 9; 
		  width: 100%; 
		  height: 100%; 
		  border: none; 
	}
	.influ-video-box2 iframe{
		aspect-ratio: 9 / 16; 
		  width: 100%; 
		  height: 100%; 
		  /* padding: 10px; */
		  border: none; 
	}

	.influ-video-box > img {

		margin-bottom: 0;
	  }
	  
		/* 1. タイトル */
		.influ-video-box > .influ-video-ttl {
			order: 3;
		}
		/* 2. 左アイコン */
		.influ-video-box > img: {
			order: 1;

		}

		/* 4. 動画（既存の .influ-video-box2 または .influ-video のいずれか） */
		.influ-video-box > .influ-video-box2,
		.influ-video-box > .influ-video {
			order: 4;
			flex-basis: 100%;    /* 幅100% */
			margin-top: 0px;    /* 上に余白 */
		}
	.staff-rating-box{
		width: 100%;
		right: 0;
		margin: 30px 0;
	}
	.staff-rating-box1{
		width: 100%;
		right: 0;
		top: 0;
		margin: 30px 0 0;
	}
	.staff-rating-box2{
		width: 100%;
		right: 0;
		top: 0;
		margin: 30px 0 0;
	}
	.staff-rating-box3{
		width: 100%;
		right: 0;
		top: 0;
		margin: 30px 0 0;
	}
	.staff-rating-box4{
		width: 100%;
		right: 0;
		top: 0;

		margin: 30px 0 0;
	}
	.staff-rating-box5{
		width: 100%;
		right: 0;
		top: 0;

		margin: 30px 0 0;
	}
	.staff-rating-box6{
		width: 100%;
		right: 0;
		top: 0;

		margin: 30px 0 0;
	}
	.staff-shop,
	.staff-name{
		text-align: center;
	}
	.experience{
		margin: 0 auto 30px;
	}
}
.influ-comment-outter,
.influ-video-box{
	width: 100%;
}
.influ-video-box{
	/* padding: 20px; */
	width: 100%;
	margin: 0 auto;
    padding: 30px 0 0 0;
}
.influ-video-box2{
	/* padding: 20px; */
	width: 100%;
}

.jp-microfit{
	margin: 0 0 60px;
}

.jp-microfit-wrap{
	max-width: 980px;
	margin: 0 auto;
	background:  linear-gradient(180deg, #FFF 10.1%, #dfdfdf 100%);
	border-radius: 10px;
	padding: 80px 30px 30px 30px;
}

.jp-microfit-wrap .jmf-ttl{
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 20px;
}

.jp-microfit-wrap ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.jp-microfit-wrap ul li{
	width: 48%;
	box-sizing: border-box;
}

.jp-microfit-wrap ul li:last-child{
	padding: 20px;
}

.jp-microfit-wrap ul li:last-child p{
	line-height: 2;
}

.copa-link{
	margin-top: 60px;
}
.wear-title{
	width: 100%;
	background-color: #efefef;
	padding: 20px;
	margin-top: 30px;
}
@media screen and (max-width:767px) {
	.jp-microfit-wrap ul li{
	width: 100%;
}
.wear-title{
	max-width: 500px;
	width: 100%;
	background-color: #efefef;
	padding: 20px;
	margin-top: 10px;
}

.jp-microfit{
	margin: 0 20px 60px;
}

.jp-microfit-wrap ul li:last-child{
	padding: 0;
}

.jp-microfit-wrap .jmf-ttl{
	margin: 20px 0;
}

.solar .title-outter,
.solar .sub-title{
	max-width: 500px;
	width: 100%;
}

.road_tit {
	width:100%;
    text-align: center;
	font-size: 16px;
}
.wear-title{
	max-width: 500px;
	width: 100%;
	background-color: #efefef;
	padding: 20px;
}
.solar .item-list li .junior2{
	text-align: center;
	max-width: 80px;
	width: 40%;
	padding: 5px 0;
    background: #ffc028;
    border: 1px solid #ffc028;
    color: #fff;
	position: absolute;
	top: 0;
	left: 97px;
}

}


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

	.solar .item-list li .adjustment {
		margin-top:10% ;
	}
	.solar .pc-hide{
		display: block;
	}

    .solar .sp-hide{
        display: none;
    }
	.solar-inner {
		padding: 0 10px;
        box-sizing: border-box;
        margin: 0;
	}
	.solar-inner-pro {
        margin: 20px auto 12px auto;
	}
	.solar .present-01 .present-cont .textbox,
	.solar .present-01 .present-cont .imgbox,
	.solar .present-02 .present-cont .textbox,
	.solar .present-02 .present-cont .imgbox {
		width: 100%;
	}

	.solar .present-02 .present-cont .imgbox img {
		width: 80%;
		text-align: center;
	}

	.solar .present-cont .textbox {
		margin: 0 0 30px;
	}

	.solar .pc-hide {
		display: block;
	}

	.solar .campainbox .event-ttl {
		font-size: 24px;
	}

	.solar .present-02 .present-title span,
	.solar .present-01 .present-title span,
	.solar .campainbox .event-date {
		font-size: 18px;
	}

	.solar .item-cont-above > li {
		width: 100%!important;
	}

	.solar .item-cont-above .item-img-box {
		padding: 0;
		margin: 30px 0 0;
	}
	.solar .main-title-unit .title-box {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		padding-bottom: 0px;
		max-width: 700px;
		margin: 0 auto;
		margin-bottom: 40px;

		justify-content: space-between;
	}
    


/* 追加 */
	.solar .main-title-unit {
		margin: 40px 0 60px;
		padding: 0 30px;
	}

	.solar .x-scroll-cont{
		width: 100%;
		margin: 30px 0 0;
		display: block;
	}

	.solar .x-scroll-item {
		width: 100%;
	}

	.solar .item-cont-block {
		/* padding: 15px; */
	}

	.solar .item-cont-bottom {
		width: 260%;
		margin: 30px 0;
	}

	.solar .item-cont-bottom-box::-webkit-scrollbar-thumb{
		background-color: #ff4d28;
	 }
	 .solar .item-cont-bottom-box {
		overflow-x: auto;
		padding-left: 10px;
	}
	 .solar .item-list li .taglist span.natural{
		border: 1px solid #ccc;
		width: 100%;
	}

	.solar .main-image-slider .slick-dots{

		bottom: 1vw;
		gap: 3vw;
	}
	.solar .main-image-slider .slick-dots li{
		width: 2.4vw;
	}

	/* campaign */
	.solar .campaign .cp_btn{
		margin: 20px 0px 40px;
	}

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

    .chart .scrolldown2{
        color: #fff;
        margin: 100px 0 20px;
    }
    .chart .scrolldown2 span::after,
	.chart .scrolldown2 span::before {
		background: #fff;
	}

	.scrolldown2 {
		text-align: center;
		color: #fff;
		font-size: 14px;
		margin: 20px 0;
	}


	.scrolldown2 span {
		position: relative;
		display: block;
		max-width: 120px;
		margin: 10px auto 0;
		transform: translate(-30px, 0px);
	}

	.scrolldown2 span:before,
	.scrolldown2 span:after {
		content: '';
		display: block;
		position: absolute;
		top: 40%;
		height: 1px;
		transition: .3s;
	}
	p.concept {
		margin-top: 20px;
		text-align: left;
		margin-bottom: 20px;
	}
	.scrolldown2 span::after,
	.scrolldown2 span::before {
		background: #fff;
	}

	.scrolldown2 span:before {
		width: 120px;
		transform: translate(30px, 0px);
	}

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

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

    .solar .item-list li{
        width: 49%;
		margin: 0 0 30px;
    }

    .solar .item-list li .item-price span.price{
        font-size: 18px;
    }
	/* lf-nav */

	.solar .lf-nav-box{
		width: 100%;
		bottom:0;
		left: 0;
		display: flex;
	}

	.solar .lf-nav-box li{
		width: calc(100% / 2);
		/* display: flex; */

	}

	.solar .lf-nav-box li a{
		width: 100%;
        display: flex;
        height: 100%;
        align-items: center;
        justify-content: center;

	}

	.solar .lf-nav-box li:not(:nth-child(3)) a{
		border-bottom: none;
		border-right: 1px solid #FFD579;
	}
	/* //lf-nav */

	.solar .item-list li .shop-btn-wrap .cvbtn{
		padding: 5px 0;
	}
	.solar .item-list li .shop-btn-wrap .cvbtn_fix {
		padding: 10px 0;
	}

	.solar .item-list .item-name.tf_h{
		margin-bottom: 20px;
	}
	.solar .item-list .item-name.pm_h {
		margin-bottom: 37px;
	}
	/*2025/1/16追加*/
	.campaign_txt h2 {
		font-size: 24px;
	}
	.qr_message {
		font-size: 14px;
	}
	span.gold_petitdator {
		font-size: 24px;
	}
	.campaign_txt ul {
		width: 95%;
	}
	.campaign_txt ul li {
		font-size: 12px;
	}
	.solar-navi {
		height: unset;
	}
	.solar-navi .solar-inner{
		margin: 15px 0;
	}
	.solar-navi .solar-inner li {
    	max-width: 440px;
    	width: 48%;
		margin: 0 0 15px;
	}

	.solar .lf-nav-box li:not(:nth-child(4)) a{
		border-bottom:none;
	}

}

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

	.solar #COPA .bg-gray {
		padding: 50px 0 60px;
	}

	.solar .title-box {
		margin-bottom: 20px;
	}

	.solar #F50 .title-box img{
		height: 30px;
	}

	.solar #COPA .title-box img{
		height: 40px;
	}

	.solar #X .title-box img{
		height: 60px;
	}
	.solar #PREDATOR .title-box img{
		height: 30px;
	}
	.solar .item-list li .junior {
		/* left: 25vw; */
	}
	span.newcolor2 {
		margin-left: 0;
	}
	/* li .cl_space{
		left: 90px;
	} */

	.solar .bg-gray {
		position: relative;
		background: linear-gradient(165deg, #666 0%, #000 99.21%);
		padding: 60px 0 60px;
		overflow: hidden;
	  }
	  
	  
	   .solar .item-f50 .bg-gray::before {
		content: "";
		position: absolute;
		top: -19%;
        right: -24%;
        width: 120%;
        height: 80%;
		background-image: url(../images/f50_union.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		pointer-events: none; /* 画像がクリックを邪魔しないように */
		z-index: 0;
	  }
	
	  .solar .item-pre .bg-gray::before {
		content: "";
		position: absolute;
		top: 34%;
        right: -24%;
        width: 120%;
        height: 80%;
		background-image: url(../images/f50_union.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		pointer-events: none; /* 画像がクリックを邪魔しないように */
		z-index: 0;
	  }
	
	  .solar .item-copa .bg-gray::before {
		content: "";
		position: absolute;
		top: 33%;
        right: -24%;
        width: 120%;
        height: 80%;
		background-image: url(../images/f50_union.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		pointer-events: none; /* 画像がクリックを邪魔しないように */
		z-index: 0;
	  }
	  .solar .item-list li .taglist .pad{
		padding: 14px 0 5px 0;
	}

 .mfl-bg{
		font-size: 10px;
		/* height: 20px */
	}

}

@media screen and (min-width:1920px){
	.solar .item-f50 .bg-gray::before {
		content: "";
		position: absolute;
		top: -22%;
		right: 15%;
		width: 40%;
		height: 80%;
		background-image: url(../images/f50_union.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		pointer-events: none; /* 画像がクリックを邪魔しないように */
		z-index: 0;
	  }
	
}
/*--anime--*/
.animate-on-scroll {
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 1.2s ease, transform 1.2s ease;
  }
  
  .animate-on-scroll.show {
	opacity: 1;
	transform: translateY(0);
  }
  
: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;
}

@-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;
}

.paddingpl {
	margin-top: 13px!important;
}


/*--anime--*/

/* 改行 */
.br-sp {
    display: none;
}

@media (max-width: 600px) {
    .br-sp {
        display: block;
    }
}
.br-pc {
    display: none;
}

@media (min-width: 600px) {
    .br-pc {
        display: block;
    }
}
@media screen and (max-width: 768px) {
	.ttl-with-image {
	  display: flex;
	  align-items: center;
	  gap: 12px;
	}
	.ttl-with-image h2 {
		font-size: 22px;
		line-height: 1.2;
		margin: 0;
		flex: 1 1 auto;
		max-width: none;
		width: 70%; /* ← 左幅を明示的に広げる */
	  }
	
	  .ttl-with-image .item-img-box {
		width: 30%; /* ← 画像側の幅を抑える */
		flex-shrink: 0;
	  }
	
	  .ttl-with-image .item-img-box img {
		width: 100%;
		height: auto;
		margin-left: auto;
		display: block;
	  }
	/* 不要な absolute 指定は削除 */
	.item-cont-above .item-img-box {
	  position: static;
	  top: auto;
	  right: auto;
	  width: auto;
	  z-index: auto;
	}
	.solar .item-cont-above .item-img-box {
		width: 42%;
		box-sizing: border-box;
	}
	.item-cont-above .item-ttl-box .item-series {
	  padding-right: 0;
	}
  
	.hidden {
	  display: none;
	}
  
	.solar .item-cont-above .item-img-box {
	  padding: 0;
	  margin: 0;
	}
  
	.solar .item-ttl-box .item-series {
	  font-size: 22px;
	  font-weight: bold;
	  line-height: 1.3;
	  color: #fff;
	}
	.solar .item-visual2{
		margin: 60px auto 0px;
		max-width: 980px;
	}
	.scrolldown2 {
        text-align: center;
        color: #fff;
        font-size: 14px;
        margin: 80px 0 20px;
    }
  }
  
    /* PC用：display: flex を無効にする */
@media screen and (min-width: 769px) {
	.ttl-with-image {
	  display: block; /* flex解除 */
	}
  
	.ttl-with-image .item-img-box {
	  display: none; /* PCでは非表示 */
	}
  }