@charset 'utf-8';
/*
 * name:top.css
 * author: sovanda
*/

/* top
------------------------------------------------ */
#alert { margin-top: 58px; text-align: center; font-size: 16px; font-size: 1.6rem; letter-spacing: 0.072em; }
#alert a { display: inline-block; color: #CE1017; }
.top--headline{ margin: 0 auto; text-align: center; }
.top--headline .en { font-family: 'Oswald', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif; font-size: 32px; font-size: 3.2rem; letter-spacing: 0.148em; line-height: 1.2; margin-bottom: 8px; color:#011E41; }
.top--headline .jp { font-size: 16px; font-size: 1.6rem; line-height: 32px; letter-spacing: 0.14em; display: inline-block; min-width: 220px; background: #011e41; color: #fff; }

@media screen and (max-width: 768px) {
	.top--headline .en { font-size: 20px; font-size: 2rem; margin-bottom: 2px; }
	.top--headline .jp { font-size: 10px; font-size: 1rem; line-height: 20px; min-width: 160px; }
}

/* visual*/
#visual a{ display: block; }
#visual img{ width: 100%; }

/* top item */
#top__list{ padding-top: 120px; }
#top__list ul{ display: flex; flex-wrap: wrap; justify-content: space-between; }
#top__list ul a{ display: block; }
.top__list--pht{ position: relative; }
.top__list--title{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.top__list--title .en{ display: block; font-size: 3.2rem; font-weight: bold; font-family: 'Oswald', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif; text-align: center; color: #fff; }
.top__list--title .ja{ display: block; width: 100%; max-width: 220px; margin: 0 auto; font-size: 1.8rem; letter-spacing: 0.08em; line-height: calc(34/18); text-align: center; color:#fff; background-color: #011E41; }
.top__list--txt{ margin-top: 10px; font-size: 1.4rem; font-weight: 400; letter-spacing: 0.072em; line-height: calc(22 / 14); color:#393939; }
.top-news--tab{ display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 560px; margin: 0 auto; }
.top-news--tabbtn{ width: calc(260/560 * 100%); font-size: 2rem; font-weight: bold; line-height: 42px; color:#fff; -webkit-appearance: none; -moz-appearance: none; border:0; background-color: #B0B0B0; cursor: pointer; }
.top-news--tabbtn[aria-expanded=true]{ background-color: #011E41; }
.top-news--panel[aria-hidden=true]{ display: none; }


@media screen and (min-width: 769px) {
	#top__list ul li{ width: calc(490/1000 * 100%); }
	#top__list ul li:not(:nth-child(-n+2)){ margin-top: 40px; }
	.about--col-txt dd{ margin-top: 33px; }
}

@media screen and (max-width: 768px) {
	#visual{ padding-top: 0; }
	#top__list{ padding-top: 50px; }
	.top__list--title .en{ font-size: 2.5rem; }
	.top__list--title .ja{ width: calc(100% - 20px); font-size: 1.4rem; }
	.top__list--txt{ font-size: 1.3rem; letter-spacing: 0.024em; line-height: calc(44 / 26); }
	#top__list ul{ justify-content: space-between; }
	#top__list ul li { width: calc(50% - 10px); }
	#top__list ul li img{ width: 100%; }
	.top-news--tabbtn{ font-size: 1.6rem; line-height: 34px; }
}

@media screen and (max-width: 768px) and (min-width: 430px) {
	#top__list ul li:not(:nth-child(-n+2)){ margin-top: 20px; }
}

@media screen and (max-width: 430px) {
	#top__list ul li { width: 100%; }
	#top__list ul li+li{ margin-top: 20px; }
}

/* section category */
#category { padding: 130px 0 0; }
#category .wrap { max-width: 1090px; }
.category__block { width: 45.9%; }
.category__block__top { position: relative; will-change: transform, filter; transform-style: preserve-3d; transition: all .3s ease-out; }
.category__block__top:hover { transform: scale(0.95); }
.category__block__top a { display: block; }
.category__block__item ul { position: relative; display: block; }
.category__block__item ul li { float: left; width: calc(33.33% - 6px); margin-right: 9px; }
.category__block__item ul li:last-child { margin-right: 0; }
.category__block__item ul li a { display: block; }
.category__block__item--image { position: relative; margin-bottom: 5px; border: 1px solid #D0D0D0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.category__block__item--imagePic { position: relative; }
.category__block__item--imageNum { position: absolute; top: 0; left: 0; width: 33.6%; }
.category__block__item--desc { font-size: 12px; font-size: 1.2rem; line-height: 1.333333; }
.category__block__item--descSku { margin-top: 5px; padding: 2px 0; display: inline-block; vertical-align: middle; color: #989898; }
.category__block__item--descName { font-size: 1.2rem; font-weight: 400; letter-spacing: 0.024em; line-height: calc(16 / 12); margin-top: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;  font-weight: normal; }
.category__block__item--descColor {margin-top: 5px; }
.category__block__item--descPriceAround{ display: inline-block; vertical-align: middle; padding: 2px 5px; font-size: 1.2rem; font-weight: 400; text-align: center; letter-spacing: 0.024em; line-height: calc(16 / 12); color:#090707; background-color: #EBEBEB; }
.category__block__item--descPrice { font-weight: 400; margin-top: 10px; }
.category__block__top--txt{ margin-top: 17px; padding-right: 91px; font-size: 1.8rem; font-weight: bold; letter-spacing: 0.072em; line-height: calc(31 / 18); color:#090707; background: url(../../img/share/long-arrow-next.svg) no-repeat right center / 91px auto; }
.woocommerce-Price-amount{ font-weight: bold; }
.category__block--boys { float: left; margin-top: 27px; }
.category__block--girls { float: right; margin-top: 27px; }

/* section other */

#other { margin-top: 100px; padding: 70px 0 90px; background-color: #F4F4F4; }
.other__lists { margin-top: 30px; }
.other__lists ul { overflow: hidden; display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; }
.other__lists ul li { width: calc(490/1000 * 100%); }
.other__lists ul li:not(:nth-last-child(-1n+2)) { margin-bottom: 70px; }
.other__lists--pic { position: relative; overflow: hidden; margin-bottom: 15px;}
.other__lists--pic * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; }
.other__lists__desc--title { font-size: 20px; font-size: 2rem; margin-bottom: 10px; color: #011E41; }
.other__lists__desc--desc { font-size: 14px; font-size: 1.4rem; letter-spacing: 0.024em; line-height: 1.85; color: #393939; }

/* hover animation */
figure.other__lists--pic img { opacity: 1; width: 100%; object-fit: cover; object-position: center; width: 100%; height: 100%; }
figure.other__lists--pic:after,
figure.other__lists--pic:before { background: #FFE600; width: 200%; height: 200%; position: absolute; content: ''; opacity: 0.4; -webkit-transition: all 0.55s ease-in-out; transition: all 0.55s ease-in-out; z-index: 1; }
figure.other__lists--pic:after { top: 0; left: 0; -webkit-transform: skew(-45deg) translateX(-150%); transform: skew(-45deg) translateX(-150%); }
figure.other__lists--pic:before { right: 0; bottom: 0; -webkit-transform: skew(-45deg) translateX(150%); transform: skew(-45deg) translateX(150%); }
figure.other__lists--pic figcaption { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; }
figure.other__lists--pic span { font-size: 18px; font-size: 1.8rem; font-weight: bold; text-align: center; letter-spacing: 0.04em; color: #fff; line-height: 60px; max-width: 60%; display: block; margin: 0 auto; opacity: 0; border: 2px solid #fff; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; }
figure.other__lists--pic a { left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index: 2; }
figure.other__lists--pic:hover:after { -webkit-transform: skew(-45deg) translateX(-50%); transform: skew(-45deg) translateX(-50%); }
figure.other__lists--pic:hover:before { -webkit-transform: skew(-45deg) translateX(50%); transform: skew(-45deg) translateX(50%); }
figure.other__lists--pic:hover figcaption span { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; opacity: 1; }
.other__lists ul li:nth-child(1) figure.other__lists--pic:after,
.other__lists ul li:nth-child(1) figure.other__lists--pic:before { background: #591F0A; }
.other__lists ul li:nth-child(2) figure.other__lists--pic:after,
.other__lists ul li:nth-child(2) figure.other__lists--pic:before { background: #274156; }
.other__lists ul li:nth-child(3) figure.other__lists--pic:after,
.other__lists ul li:nth-child(3) figure.other__lists--pic:before { background: #60090C; }

/* section news */
#news { margin-top: 90px; background: #F4F4F4; padding: 65px 0; }
#news .top--headline .en{ margin-bottom: 10px; }
.news--title { text-align: center; margin-bottom: 42px; }
.news--title .en { font-family: 'Oswald', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif; font-size: 32px; font-size: 3.2rem; letter-spacing: 0.148em; line-height: 1.2; margin-bottom: 8px; }
.news--title .jp { font-size: 16px; font-size: 1.6rem; line-height: 32px; letter-spacing: 0.14em; display: inline-block; width: 120px; background: #011e41; color: #fff; }
.news__list { position: relative; max-width: 1000px; margin: 42px auto 0; }
.news__list ul li { background: #fff; margin-bottom: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.news__list ul li a { display: block; padding: 19px 60px; }
.news__list ul li a span { display: inline-block; vertical-align: top; }
.news__list--tag { width: 103px; font-size: 12px; font-size: 1.2rem; line-height: 35px; font-weight: bold; line-height: 35px; letter-spacing: 0.04em; margin-right: 35px; background: #011e41; color: #fff; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; }
.news__list--date { width: 103px; font-size: 16px; font-size: 1.6rem; line-height: 35px; letter-spacing: 0.06em; margin-right: 35px; }
.news__list--title { width: calc( 100% - 276px ); font-size: 16px; font-size: 1.6rem; line-height: 35px; letter-spacing: 0.048em; height: 35px; overflow: hidden; }
.news__list--more { text-align: center; font-size: 16px; font-size: 1.6rem; letter-spacing: 0.1em; line-height: 36px; margin-top: 23px; }
.news__list--more a { display: inline-block; border-bottom: 1px solid #000; }

/* responsive style
------------------------------------------------ */
@media screen and (max-width: 1024px) {
	/* section category */
	.category__block { width: calc( 50% - 10px ); }
	.category__block__top--txt { font-size: 1.99203187251vw; }
	.category__block:first-child { margin-right: 20px; }
}

@media screen and (max-width: 768px) {
	#alert { margin-top: 40px; font-size: 12px; font-size: 1.2rem; letter-spacing: 0.032em; text-align: left; }
	#category { padding: 65px 0 0; }
	.category__block { width: 100%; }
	.category__block__top:hover { transform: scale(1); }
	.category__block__item ul li { float: none; width: 100%; margin-right: 0; }
	.category__block__item ul li+li{ margin-top: 25px; }
	.category__block__item--image,
	.category__block__item--desc { display: inline-block; vertical-align: middle; }
	.category__block__item--image { width: 35%; margin: 0 15px 0 0; border-width: 1px; }
	.category__block__item--desc { width: calc( 65% - 15px ); font-size: 13px; font-size: 1.3rem; vertical-align: top; }
	.category__block__item--descSku { margin:0; font-size: 11px; font-size: 1.1rem; }
	.category__block__item--descColor{ margin-top: 3px; font-size: 1.2rem; font-weight: 400; }
	.category__block__item--descName { font-weight: normal; font-size: 1.2rem; max-height: 2.6em; }
	.category__block__item--descPrice { font-weight: bold; margin-top: 3px; }
	.category__block__top--txt{ position: absolute; left: 4px; top: 4px; margin-top: 0; padding: 11px 40px 6px 20px; width: calc(100% - 68px); font-size: 1.3rem; font-weight: bold; letter-spacing: 0.072em; background: url(../../img/share/sp-long-arrow-next.svg) no-repeat calc(100% - 14px) 29px / 36px auto; }
	.category__block__top--txt span{ display: block; font-size: 1.1rem; line-height: 1; margin-bottom: 2px; }
	.category__block--boys{ margin:25px 0 0; }
	.category__block--boys .category__block__top--txt{ background-color: rgba(255,255,255,.5); }
	.category__block--girls{ margin: 40px 0 0; }
	.category__block--girls .category__block__top--txt{ background-color: #EDF3FF; }
	.category__block--girls .category__block__top--txt span{ color:#CE1017; }

	/* section other */
	#other { padding: 50px 0; margin-top: 50px; }
	.other__lists { margin-top: 25px; padding: 0; }
	.other__lists ul { display: block; }
	.other__lists ul li { width: 100%; margin-right: 0; }
	.other__lists ul li:not(:nth-last-child(-1n+2)) { margin-bottom: 25px; }
	.other__lists ul li:not(:last-child) { margin-bottom: 25px; }
	.other__lists--pic { margin-bottom: 10px; }
	.other__lists__desc--title { margin-bottom: 5px; font-size: 14px; font-size: 1.4rem; letter-spacing: 0.05em; }
	.other__lists__desc--desc { text-align: left; font-size: 13px; font-size: 1.3rem; letter-spacing: 0.024em; line-height: calc(44 / 26); }
	figure.other__lists--pic span { font-size: 14px; font-size: 1.4rem; line-height: 58px; }

	/* section news */
	#news { padding: 35px 0 35px; margin-top: 60px; }
	#news .top--headline .jp{ min-width: 80px; }
	.news--title { margin-bottom: 20px; }
	.news--title .en { font-size: 20px; font-size: 2rem; margin-bottom: 2px; }
	.news--title .jp { font-size: 10px; font-size: 1rem; line-height: 20px; width: 65px; }
	.news__list{ margin-top: 25px; }
	.news__list ul li { line-height: inherit; margin-bottom: 3px; }
	.news__list ul li a { display: block; padding: 15px; }
	.news__list--tag { min-width: 60px; font-size: 10px; font-size: 1rem; line-height: 20px; margin-right: 8px; -webkit-border-radius: 2px; border-radius: 2px; }
	.news__list--date { width: 75px; font-size: 12px; font-size: 1.2rem; letter-spacing: 0.032em; line-height: 20px; margin-right: 0; }
	.news__list--title { font-size: 13px; font-size: 1.3rem; width: 100%; line-height: 1.9230; letter-spacing: 0.032em; height: auto; margin-top: 8px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
	.news__list--more { font-size: 13px; font-size: 1.3rem; letter-spacing: 0.032em; line-height: 2.15; margin-top: 15px; }
}

/* everyone vioce 
===============================*/
#everyone-voice{ padding: 85px 0 0; }
.owl-carousel .owl-dots{ width: 100%; text-align: center; }
.owl-carousel button.owl-dot span{ display: block; border-radius: 50%; }
/* .owl-carousel .owl-nav{ position: absolute; left: 0; top:50%; transform: translateY(-50%); display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; } */
.owl-carousel .owl-nav{ line-height: 0; margin-top: -3px; }
.owl-carousel .owl-nav button.owl-next span, 
.owl-carousel .owl-nav button.owl-prev span{
	position: absolute;
	top:50%;
	transform: translateY(-50%);
    display: block;
    font-size: 0;
    color: transparent;
    border-radius: 50%;
    overflow: hidden;
}
.owl-carousel .owl-nav button.owl-next span{ transform: rotate(180deg); }
.owl-carousel .owl-nav button.disabled{ visibility: hidden; }
.everyone-voice--wrap{ width: calc(100% - 40px); max-width: 1160px; margin: 0 auto; }
.everyone-voice--list{ margin-top: 50px; display: flex; flex-wrap: wrap; }
.everyone-voice--list h3{ margin-top: 7px; font-size: 1.4rem; font-weight: 400; text-align: left; letter-spacing: 0.08em; line-height: calc(36 / 14); color:#393939; }
.everyone-voice--list li > a{ display: block; }
.everyone-voice--list .owl-carousel .owl-nav button.owl-next span, 
.everyone-voice--list .owl-carousel .owl-nav button.owl-prev span{
    height: 16px;
    width: 16px;
    background: url(../../img/everyone-voice/everyone-voice-arrow.png) no-repeat center center / 16px;
}

.everyone-voice--list .owl-carousel .owl-nav button.owl-next span{ right: 6px; transform: translateY(-50%) rotate(180deg); }
.everyone-voice--list .owl-carousel .owl-nav button.owl-prev span{ left: 6px; }
.everyone-voice--list .owl-carousel .owl-dots{ position: absolute; left: 0; bottom: 8px;}
.everyone-voice--list .owl-carousel button.owl-dot{ margin: 0 3px; }
.everyone-voice--list .owl-carousel button.owl-dot span{ width: 5px; height: 5px; background-color: #fff; opacity: 0.5; }
.everyone-voice--list .owl-carousel button.owl-dot.active span{ opacity: 1;  }
.everyone-voice--link{ transition: .2s ease; display: table; margin: 30px auto 0; font-size: 1.6rem; font-weight: 400; color:#031F40 !important; border-bottom: 1px solid #031F40; letter-spacing: 0.1em; line-height: calc(30 / 16); }
.everyone-voice--link:hover{ border-bottom-color: transparent; }
.custom-dots-container { margin-top: 10px; display: flex; flex-wrap: wrap; justify-content: center; }
.custom-dots-container .owl-dot{ margin: 0 7px; padding: 0; width: 5px; height: 5px; background-color:#EBEBEB; border-radius: 50%; border:0; }
.custom-dots-container .owl-dot.active{ background-color: #B5B5B5; }

@media screen and (min-width: 1025px) {
    .everyone-voice--list li{ width: 23.47%; }
    .everyone-voice--list li:not(:nth-child(4n+1)){ margin-left: calc(6.12% / 3); }
    .everyone-voice--list li:not(:nth-child(-n+4)){ margin-top: 50px; }
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
    .everyone-voice--list li{ width: 31%; }
    .everyone-voice--list li:not(:nth-child(3n+1)){ margin-left: calc(7% / 3); }
    .everyone-voice--list li:not(:nth-child(-n+3)){ margin-top: 42px; }
}

@media screen and (max-width: 768px) {
	#everyone-voice{ padding: 50px 0 0; }
    .everyone-voice--desc h2{ font-size: 2.1rem; font-weight: 400; line-height: calc(58 / 36); } 
    .everyone-voice--desc p{ margin-top: 25px; font-size: 1.5rem; font-weight: 400; line-height: calc(48 / 26); }
    .everyone-voice--list{ max-width: 560px; margin: 29px auto 0; justify-content: space-between; }
    .everyone-voice--list li{ width: 47.86%; }
    .everyone-voice--list li:not(:nth-child(-n+2)){ margin-top: 7.5%; }
    .everyone-voice--list h3{ margin-top: 12px; font-size: 1.3rem; line-height: calc(30 / 22); }
	.everyone-voice--link{ margin-top: 35px; font-size: 1.5rem; line-height: calc(50 / 26); }
}

@media screen and (max-width: 320px) {
    .everyone-voice--desc h2{ font-size: 1.8rem; }
    .everyone-voice--desc p{ margin-top: 22px; font-size: 1.3rem; }
    .everyone-voice--list{ margin-top: 25px; }
    .everyone-voice--list h3{ margin-top: 11px; font-size: 1.1rem; }
	.everyone-voice--link{ margin-top: 30px; font-size: 1.3rem; }
}

/* new visual slide */
.wrap-1000{ position: relative; margin: 0 auto; width: calc(100% - 40px); max-width: 1000px; }
#visual .owl-dots{ position: absolute; margin-top: 3px; text-align: center; }
#visual .owl-carousel button.owl-dot{ margin: 0 5px; width: 6px; height: 6px; border-radius: 50%; overflow: hidden; background-color: #c1c1c1; }
#visual .owl-carousel button.owl-dot.active{background-color: #011e41; }

#visual .owl-carousel .owl-nav button.owl-next span, 
#visual .owl-carousel .owl-nav button.owl-prev span{
    width: 45px;
	padding: 0 0 6px;
	line-height: 1;
	font-size: 3rem;
	color:#524E4A;
	border-radius: 2px;
    background-color: rgba(255,255,255,.5);
}
#visual .owl-carousel .owl-nav button:hover span{ background-color: rgba(255,255,255,1); }
#visual .owl-carousel .owl-nav button.owl-next span{ right: 6px; transform: translateY(-50%); }
#visual .owl-carousel .owl-nav button.owl-prev span{ left: 6px; }

@media screen and (max-width: 768px) {
	#visual .owl-carousel button.owl-dot{ width: 13px; height: 13px; border-width: 1px; margin: 0 4px; }
}

/* showroom */
#top-showroom{ padding-top: 85px; }

@media screen and (max-width: 768px) {
	#top-showroom{ padding-top: 65px; }
}

/*
top-accordion
-------------------------------------*/
#top-pickup{ padding-top: 85px; }
.top-pickup--group+.top-pickup--group{ margin-top: 65px; }
.top-accordion--tab.product-line-up--tab{ background-image: url(../../img/top/2025/products_line_up.jpg); }
.top-accordion--tab.chikyu-tandoseru--tab{background-image: url(../../img/top/2025/chikyu_randoseru.jpg);}
.top-accordion--tab.checking{background-image: url(../../img/top/2025/checking.jpg);}
.top-accordion--tab.showroom--tab{background-image: url(../../img/top/2025/checking.jpg);}
.top-accordion--tab.catalog--tab{background-image: url(../../img/2026/top/top_catalog26-min.png);}
.top-accordion{ margin-top: 25px; }
.top-accordion--tab{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 180px; width: 100%; background-size: auto 100%; background-position: center; background-repeat: no-repeat; }
.top-accordion--panel{ display: none; padding: 30px 20px; background-color: #F4F4F4; }
.top-accordion--toggle-btn{ position: relative; width: 100%; max-width: 300px; font-size: 1.8rem; font-weight: bold; line-height: 60px; text-align: center; color: #011E41; cursor: pointer; border: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; background-color: rgba(255,255,255,.9); }
.top-accordion--toggle-btn svg{ position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
.top-accordion--toggle-btn svg .cls-1 { fill: #011e41; opacity: 0.8; }
.top-accordion__lists{ max-width: 840px; width: calc(100% - 40px); margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.top-accordion__lists li{  border-radius: 5px; overflow: hidden; }
.top-accordion__lists li a{ padding: 0 calc(40/400 * 100%); display: inline-flex; align-items: center; width: calc(100% - (80/400 * 100%)); font-size: 2rem; font-weight: bold; letter-spacing: 0.02em; color: #fff; min-height: 80px; }
.top-accordion__lists li.gray{ background-color: #877B73; }
.top-accordion__lists li.yellow{ background-color: #E79147; }
.top-accordion__lists li.blue{ background-color: #183A77; }
.top-accordion__lists li.red{ background-color: #A63728; }
.top-accordion__lists li.green{ background-color: #17771A; }
.top-accordion--close-btn{ display: table; padding: 0 38px; margin: 30px auto 0; font-size: 2rem; letter-spacing: .02em; line-height: calc(36/20); text-align: center; color:#393939; cursor: pointer; background-color:none; border: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; background: url(../../img/top/2025/accordion_arrow_up.png) no-repeat right center / 22px auto; }

@media screen and (min-width: 769px) {
	.top-accordion__lists li{ width: calc(400/840 * 100%); background: url(../../img/top/2025/btn_arrow_next.png) no-repeat calc(100% - 40px) center / 10px auto; }
	.top-accordion__lists li:not(:nth-child(-n+2)){ margin-top: 30px; }
}
@media screen and (max-width: 768px) {
	.top-accordion--tab.product-line-up--tab{ background-image: url(../../img/top/2025/top_lineup_sp-min.jpg); }
	.top-accordion--tab.chikyu-tandoseru--tab{background-image: url(../../img/top/2025/top_chikyurandoseru_sp-min.jpg);}
	.top-accordion--tab.checking{background-image: url(../../img/top/2025/top_checking_sp-min.jpg);}
	.top-accordion--tab.catalog--tab{background-image: url(../../img/2026/top/top_catalog26_sp-min.png);}

	.top-accordion__lists li{ width: 100%; background: url(../../img/top/2025/btn_arrow_next.png) no-repeat calc(100% - 15px) center / 8px auto; }
	.top-accordion__lists li:not(:nth-child(-n+1)){ margin-top: 10px; }
	.top-accordion__lists li a{ padding: 0 20px; width: calc(100% - 40px); font-size: 1.6rem; min-height: 64px; }
	.top-accordion--close-btn{ font-size: 1.6rem; }
}

#ranking{ padding-top: 65px; }
.catalog--tab .top-accordion--toggle-btn{ max-width: 500px; }
@media screen and (max-width: 768px) {
	.catalog--tab .top-accordion--toggle-btn {
		max-width: 260px;
		padding: 20px;
		line-height: 1.7;
	}
}