/*=========================================
下層共通用
=========================================*/
:root {
	/* フォントサイズ */
	--_black: 900;
	--_extrabold: 800;
	--_bold: 700;
	--_semibold: 600;
	--_medium: 500;
	--_regular: 400;
	--_light: 300;

	/* カラー */
	--_naby: #01549D;
	--_kv_cream: #FFFEF9;
	--_bg_lightblue: #D2ECFA;
	--_bg_green: #E5F6D4;
	--_bg_pink: #FFE5F1;
	--_top_red: #E61B25;
}

body {
	color: #252525;
}

.font_mplus1 {
	font-family: "M PLUS Rounded 1c", serif;
	font-weight: 400;
	font-style: normal;
}

ul {
	padding-left: 0px;
}

img {
	width: 100%;
}

.sec_inner {
	max-width: 960px;
	width: 100%;
	margin: 0 auto;
}

/* mv */
.mv {
	line-height: 0;
	background-color: white;
	padding-bottom: 5px;
	border-bottom: 3px solid #01549D;
}

.mv img {
	border-bottom: 12px solid #01549D;
}

/* ancer */
#brand .anc {
	background-color: #FFFEF9;
	/* border-bottom: 12px solid var(--_naby); */
}

#brand .border-bottom {
	border-bottom: 3px solid var(--_naby);
	margin-bottom: 5px;
}

#brand .anc ul {
	width: 90%;
	max-width: 980px;
	margin: 0 auto;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 2.5%;
	justify-content: start;
	padding: 80px 20px;
}

#brand .anc ul li {
	width: calc(90% / 5);
	margin-bottom: 40px;
}

#brand ._btn a {
	border-radius: 50vw;
	position: relative;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 0 auto;
	padding: 25px;
	color: #313131;
	transition: 0.3s ease-in-out;
	font-size: clamp(1.6rem, 2.1vw, 2.2rem);
	font-weight: bold;
	color: var(--_naby);
	font-weight: var(--_extrabold);
	font-size: 20px;

	text-shadow:
		2px 0 0 #fff,
		-2px 0 0 #fff,
		0 2px 0 #fff,
		0 -2px 0 #fff,
		1.5px 1.5px 0 #fff,
		-1.5px 1.5px 0 #fff,
		1.5px -1.5px 0 #fff,
		-1.5px -1.5px 0 #fff;
}

#brand ._btn a:hover {
	opacity: 1;
	box-shadow: none;
	transform: translateY(5px);
}

#brand ._btn a:after {
	content: "";
	position: absolute;
	display: block;
	width: 15%;
	padding-top: 15%;
	left: 50%;
	bottom: -18%;
	transform: translateX(-50%);
	background: url(../img/icon_arrow_down.png)no-repeat center / contain;
}

#brand ._btn._logo a {
	padding: 25px 12.9%;
	border: 3px solid var(--_naby);
	box-shadow: 0 5px 0 0 var(--_naby);
}

#brand ._btn._logo a:hover {
	box-shadow: none;
	transform: translate(0, 5px);
}

#brand ._btn._online a {
	color: #000;
	width: 90%;
	margin: 0 auto;
	background-color: white;
	border-radius: 8px;
	padding: 5%;
	border: 3px solid var(--_naby);
	box-shadow: 3px 3px 0px 0px rgba(1, 84, 157, 1);
}

#brand ._2column ._btn._online a {
	font-size: 18px;
}

#brand ._3column ._btn._online a {
	font-size: 14px;
}

#brand ._btn._online a:hover {
	opacity: 1;
	box-shadow: none;
	transform: translateY(3px);
}

#brand ._btn._online a::after {
	display: none;
}


/* スライダー */
#brand ._2column .slider_wrap {
	padding: 40px 60px;
}

#brand ._3column .slider_wrap {
	padding: 10px 25px;
}

#brand .slider_wrap._02 {
	padding: 10px;
}

#brand .slider_text {
	font-size: clamp(1rem, 0.9vw, 1.3rem);
	font-weight: var(--_extrabold);
	border-bottom: 2px solid #01549D;
	padding: 0 0 10px;
	width: 80%;
	margin: 0 auto 10px;
}
#brand .sec03_product {
	font-size: 1.6rem;
	font-weight: var(--_extrabold);
}
#brand .sec03_product span {
	font-size: 2.2rem;
}
#brand .slick-dotted.slick-slider {
	margin-bottom: 0 !important;
}

/* スライダー_ドット */
#brand .dots_box {
	margin: 20px auto 5%;
}
#brand .dots_box._2line {
	display: flex;
	align-items: center;
	height: calc(min(2vw, 24px) * 2);
	margin: 20px auto 5%;
}
#brand .slider_text._2line {
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(4.8rem + 10px);
}
@media screen and (max-width: 980px) {
	#brand .dots_box._2line {
		height: calc((5.5vw * 3));
	}
	#brand .dots_box._2line._2line_sp_none {
		height: auto;
		margin: 3vw 0 0 10px;
	}
	#brand .slider_text._2line {
		height: calc(3vw * 1.5 * 2);
	}
	#brand .slider_text._2line._2line_sp_none {
		height: auto;
	}
}
#brand .dots_wrap {
	display: flex;
	width: 80%;
	margin: 0 auto;
	justify-content: center;
	gap: 5%;
	flex-wrap: wrap;
}
#brand .dots_wrap li {
	list-style: none;
	width: min(2vw, 24px);
	height: auto;
	aspect-ratio: 1 / 1;
	border-radius: 100vw;
	cursor: pointer;
	border: 3px solid #fff;
	box-sizing: border-box;
}

#brand .dots_wrap li button {
	display: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	padding: 0;
	border: none;
	background-color: transparent;
}


#brand .dots_wrap li:hover {
	border: 3px solid #1d50a2;
}

#brand .dots_wrap li.slick-active {
	border: 3px solid #1d50a2;
}

/* サムネイル */

/* ドットカラー変更 */
#brand .dots_color {
	width: 70%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4%;
	margin: 3% auto 4%;
	padding-inline-start: 0;
}

#brand .dots_color li {
	width: min(2vw, 30px);
	aspect-ratio: 1 / 1;
	border-radius: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	border: 2px solid #fff;
	/* opacity: 0.6; */
	padding: 0;
}

#brand ._3column .dots_color li {
	max-width: 22px;
}

#brand .dots_color li._active {
	border: 3px solid #1d50a2;
	opacity: 1;
}

/* --------- 色玉の設定 --------- */
/* Puma 01 */
#brand .slider_flex_wrap._3column ._01 .dots_box li:nth-of-type(1) {
	background: linear-gradient(90deg, #231815 0%, #231815 50%, #fff 50%, #fff 100%);
}
#brand .slider_flex_wrap._3column ._01 .dots_box li:nth-of-type(2) {
	background: linear-gradient(90deg, #231815 0%, #231815 50%, #D93924 50%, #D93924 100%);
}
#brand .slider_flex_wrap._3column ._01 .dots_box li:nth-of-type(3) {
	background: linear-gradient(90deg, #231815 0%, #231815 50%, #365299 50%, #365299 100%);
}
#brand .slider_flex_wrap._3column ._01 .dots_box li:nth-of-type(4) {
	background: linear-gradient(90deg, #1E5199 0%, #1E5199 50%, #231815 50%, #231815 100%);
}
#brand .slider_flex_wrap._3column ._01 .dots_box li:nth-of-type(5) {
	background: linear-gradient(90deg, #231815 0%, #231815 50%, #BF9213 50%, #BF9213 100%);
}
#brand .slider_flex_wrap._3column ._01 .dots_box li:nth-of-type(6) {
	background: linear-gradient(90deg, #231815 0%, #231815 50%, #B2AEB2 50%, #B2AEB2 100%);
}
#brand .slider_flex_wrap._3column ._01 .dots_box li:nth-of-type(7) {
	background: linear-gradient(90deg, #797C80 0%, #797C80 50%, #fff 50%, #fff 100%);
}
#brand .slider_flex_wrap._3column ._01 .dots_box li:nth-of-type(8) {
	background: linear-gradient(90deg, #DFCEB4 0%, #DFCEB4 50%, #fff 50%, #fff 100%);
}
#brand .slider_flex_wrap._3column ._01 .dots_box li:nth-of-type(9) {
	background: linear-gradient(90deg, #231815 0%, #231815 50%, #A2CBE5 50%, #A2CBE5 100%);
}

/* PRIVATELABEL 02 */
#brand .slider_flex_wrap._3column ._02 .dots_box li:nth-of-type(1) {
	background: linear-gradient(90deg, #231815 0%, #231815 50%, #C7C8E5 50%, #C7C8E5 100%);
}
#brand .slider_flex_wrap._3column ._02 .dots_box li:nth-of-type(2) {
	background: linear-gradient(90deg, #BBD4EF 0%, #BBD4EF 50%, #C7C8E5 50%, #C7C8E5 100%);
}
#brand .slider_flex_wrap._3column ._02 .dots_box li:nth-of-type(3) {
	background: linear-gradient(90deg, #DCC7E1 0%, #DCC7E1 50%, #E6CBE2 50%, #E6CBE2 100%);
}

/* PRIVATELABEL 03 */
#brand .slider_flex_wrap._3column ._03 .dots_box li:nth-of-type(1) {
	background: linear-gradient(90deg, #eed4df 0%, #eed4df 50%, #c2b9be 50%, #c2b9be 100%);
}
#brand .slider_flex_wrap._3column ._03 .dots_box li:nth-of-type(2) {
	background: linear-gradient(90deg, #cfdbd8 0%, #cfdbd8 50%, #efdacf 50%, #efdacf 100%);
}
#brand .slider_flex_wrap._3column ._03 .dots_box li:nth-of-type(3) {
	background: linear-gradient(90deg, #496c93 0%, #496c93 50%, #d4def1 50%, #d4def1 100%);
}

/* JILLSTUART 04 */
#brand .slider_flex_wrap._3column ._04 .dots_box li:nth-of-type(1) {
	background: #f5bad1;
}
#brand .slider_flex_wrap._3column ._04 .dots_box li:nth-of-type(2) {
	background: #aed1ee;
}
#brand .slider_flex_wrap._3column ._04 .dots_box li:nth-of-type(3) {
	background: #fff;
}
/* BeBe 05 */
#brand .slider_flex_wrap._3column ._05 .dots_box li:nth-of-type(1) {
	background: linear-gradient(90deg, #a8ceec 0%, #a8ceec 50%, #cfe6f7 50%, #cfe6f7 100%);
}
#brand .slider_flex_wrap._3column ._05 .dots_box li:nth-of-type(2) {
	background: linear-gradient(90deg, #0a0506 0%, #0a0506 50%, #fff 50%, #fff 100%);
}
#brand .slider_flex_wrap._3column ._05 .dots_box li:nth-of-type(3) {
	background: linear-gradient(90deg, #dbb8d7 0%, #dbb8d7 50%, #fbe3e8 50%, #fbe3e8 100%);
}

/* CECILMcBEE 06 */
#brand .slider_flex_wrap._3column ._06 .dots_box li:nth-of-type(1) {
	background: #88ced2;
}
#brand .slider_flex_wrap._3column ._06 .dots_box li:nth-of-type(2) {
	background: #573c3c;
}
#brand .slider_flex_wrap._3column ._06 .dots_box li:nth-of-type(3) {
	background: #d4c4df;
}
/* UNDERARMOUR 07 */
#brand .slider_flex_wrap._3column ._07 .dots_box li:nth-of-type(1) {
	background: linear-gradient(90deg, #0a0506 0%, #0a0506 50%, #1a2488 50%, #1a2488 100%);
}
#brand .slider_flex_wrap._3column ._07 .dots_box li:nth-of-type(2) {
	background: linear-gradient(90deg, #0a0506 0%, #0a0506 50%, #aa002c 50%, #aa002c 100%);
}
#brand .slider_flex_wrap._3column ._07 .dots_box li:nth-of-type(3) {
	background: linear-gradient(90deg, #9b9f9e 0%, #9b9f9e 50%, #0a0506 50%, #0a0506 100%);
}

/* NIKE 08 */
#brand .slider_flex_wrap._3column ._08 .dots_box li:nth-of-type(1) {
	background: linear-gradient(90deg, #1a1a1a 0%, #1a1a1a 50%, #e63f47 50%, #e63f47 100%);
}
#brand .slider_flex_wrap._3column ._08 .dots_box li:nth-of-type(2) {
	background: linear-gradient(90deg, #0a0506 0%, #0a0506 50%, #fff789 50%, #fff789 100%);
}
#brand .slider_flex_wrap._3column ._08 .dots_box li:nth-of-type(3) {
	background: linear-gradient(90deg, #0a0506 0%, #0a0506 50%, #1a2488 50%, #1a2488 100%);
}
#brand .slider_flex_wrap._3column ._08 .dots_box li:nth-of-type(4) {
	background: linear-gradient(90deg, #c9ced2 0%, #c9ced2 50%, #1a1a1a 50%, #1a1a1a 100%);
}

/* MARYQUANT 09 */
#brand .slider_flex_wrap._3column ._09 .dots_box li:nth-of-type(1) {
	background: linear-gradient(90deg, #000 0%, #000 50%, #cebfa7 50%, #cebfa7 100%);
}
#brand .slider_flex_wrap._3column ._09 .dots_box li:nth-of-type(2) {
	background: linear-gradient(90deg, #e7bcbf 0%, #e7bcbf 50%, #cebfa7 50%, #cebfa7 100%);
}
#brand .slider_flex_wrap._3column ._09 .dots_box li:nth-of-type(3) {
	background: linear-gradient(90deg, #c2c5e2 0%, #c2c5e2 50%, #cebfa7 50%, #cebfa7 100%);
}

/* PAUL and JOE 10 */
#brand .slider_flex_wrap._3column ._10 .dots_box li:nth-of-type(1) {
	background: #e4c5c7;
}
#brand .slider_flex_wrap._3column ._10 .dots_box li:nth-of-type(2) {
	background: #fbf0d3;
}
#brand .slider_flex_wrap._3column ._10 .dots_box li:nth-of-type(3) {
	background: #c9cce4;
}

/* POLO 11 */
#brand .slider_flex_wrap._3column ._11 .dots_box li:nth-of-type(1) {
	background: linear-gradient(90deg, #1a1a1a 0%, #1a1a1a 50%, #3f5caa 50%, #3f5caa 100%);
}
#brand .slider_flex_wrap._3column ._11 .dots_box li:nth-of-type(2) {
	background: linear-gradient(90deg, #0080c6 0%, #0080c6 50%, #a61d2b 50%, #a61d2b 100%);
}
#brand .slider_flex_wrap._3column ._11 .dots_box li:nth-of-type(3) {
	background: linear-gradient(90deg, #0080c6 0%, #0080c6 50%, #004020 50%, #004020 100%);
}

/*=========================================
くるピタページ用
=========================================*/
#brand .h2_ttl {
	text-align: center;
}

#brand .contents_wrap {
	width: 90%;
	max-width: 980px;
	margin: 0 auto;
}


/* sec01 */
#brand .sec01 {
	position: relative;
	width: 100%;
	background: url(../img/bg_sec01.png) repeat-y bottom / 100%;
	text-align: center;
	padding: 0 0 30px;
}

#brand .sec01::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 4%;
	background: url(../img/line_pink.png)no-repeat top / contain;
	z-index: 10;
}

#brand .sec01 .contents_wrap {
	width: 80%;
	max-width: 642px;
	padding-top: 1.5%;
}

#brand .sec01 .h2_ttl {
	position: relative;
	width: 48%;
	max-width: 306px;
	margin: 0 auto 8%;
}
#brand .sec01 .h2_ttl::before,
#brand .sec01 .h2_ttl::after {
	content: "";
	position: absolute;
}
#brand .sec01 .h2_ttl::before {
    top: 40%;
    left: -30%;
    width: 16%;
    padding-top: 16%;
	background: url(../img/h2_ttl_deco_01.png)no-repeat center / contain;
}
#brand .sec01 .h2_ttl::after {
    bottom: -10%;
    right: -22%;
    width: 20%;
    padding-top: 17%;
	background: url(../img/h2_ttl_deco_02.png)no-repeat center / contain;
}
#brand .slider_flex_wrap {
	width: 100%;
	display: flex;
	align-items: stretch;
	justify-content: start;
	gap: 5%;
	flex-wrap: wrap;
}

#brand .slider_flex_wrap .slider_box {
	height: auto;
	display: flex;
	flex-direction: column;
	margin-bottom: 5%;
}

#brand .slider_flex_wrap._2column .slider_box {
	width: 48%;
}

#brand .slider_flex_wrap._3column .slider_box {
	width: 30%;
}

#brand .slider_flex_wrap .bg_gradation {
	flex: 1;
	background: linear-gradient(to bottom,
			#ffffff 0%,
			#ffffff 40%,
			#fff9f2 100%);
	border-radius: 14px;
	padding-bottom: 5%;
	margin-bottom: 6%;
	box-shadow: -6px -6px 0px 3px rgba(219, 221, 222, 1);
}
#brand .brand_logo {
	padding: 10% 18.8% 1%;
}

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

	/* anc */
	#brand .anc ul {
		width: 80%;
		max-width: none;
		padding: 10% 0 4%;
		margin: 0 auto;
		gap: calc(4% * 2);
		justify-content: center;
	}
	#brand .anc ul li {
		width: 46%;
		text-align: center;
	}
	#brand ._btn._logo a {
		padding: 10% 8%;
	}

	/* btn */
	#brand ._btn a {
		padding: 6% 0;
		box-shadow: 4px 4px 0px -3px #1d50a2, inset 0 0 0 4px #fff;
	}

	#brand ._btn a:after {
		bottom: -30%;
		width: 20%;
		padding-top: 20%;
	}
	#brand ._btn._point a,
	#brand ._btn._lineup a {
		border-radius: 100vw;
		aspect-ratio: 1 / 1;
		padding: 1%;
		width: 80%;
	}
	#brand ._btn a {
		font-size: 4.5vw;
	}
	#brand ._btn._point a {
		box-shadow: 0 3px 0 0 #B0D4F4;
	}
	#brand ._btn._lineupt a {
		box-shadow: 0 3px 0 0 #F7C0D9;
	}
	#brand ._btn._online a {
		box-shadow: 3px 4px 0px -1px #1d50a2, inset 0 0 0 3px #fff;
	}
	#brand ._2column ._btn._online a {
		margin: 0 auto 0 3%;
		font-size: 4.5vw;
		padding: 5% 0;
	}
	#brand ._3column ._btn._online a {
		width: 103%;
		margin-left: -3%;
		font-size: 3.5vw;
		padding: 8% 0;
	}

	/* slider */
	#brand .dots_box {
		margin: 3vw 0 0 10px;
	}
	#brand .dots_color li {
		width: 8vw;
	}
	#brand .slider_text {
		padding: 0 0 2vw;
		font-size: 3vw;
	}
	#brand .dots_wrap li {
		width: 5.5vw;
	}
	#brand .dots_wrap li.slick-active {
		border: 2px solid #1d50a2;
	}

	/* sec01 */
	#brand .sec01 {
		overflow: hidden;
		padding: 0 0 10%;
		background: url(../img/s_bg_sec01.png) repeat-y bottom / 100%;
	}
	#brand .sec01::before {
		padding-top: 7%;
		background: url(../img/s_line_pink.png) no-repeat top / contain;
	}
	#brand .sec01 .contents_wrap {
		width: 90%;
		padding-top: 2%;
		max-width: none;
	}
	#brand .sec01 .h2_ttl {
		width: 100%;
		max-width: none;
		margin-bottom: 15%;
	}
	#brand .sec01 .h2_ttl::before {
		left: -1%;
		top: 60%;
	}
	#brand .sec01 .h2_ttl::after {
		right: -4%;
		bottom: -23%;
	}
	#brand .slider_flex_wrap {
		gap: calc(4% * 2);
		width: 100%;
	}
	#brand .slider_flex_wrap._2column {
		flex-direction: column;
		padding-left: 2%;
	}
	#brand .slider_flex_wrap._3column {
		padding-left: 2%;
	}
	#brand .slider_flex_wrap._2column .slider_box {
		width: 90%;
		margin: 0 auto 10%;
	}
	#brand .slider_flex_wrap._3column .slider_box {
		width: 46%;
		margin-bottom: 10%;
	}
	#brand ._2column .slider_wrap {
		padding: 10%;
	}
	#brand ._3column .slider_wrap {
		padding: 5%;
	}
	#brand ._2column .sec03_product {
		font-size: 5vw;
	}
	#brand ._3column .sec03_product {
		font-size: 5vw;
	}
	#brand ._3column .sec03_product p {
		font-size: 3vw;
	}
	#brand ._2column .sec03_product p span {
		font-size: 7vw;
	}
	#brand ._3column .sec03_product p span {
		font-size: 5vw;
	}
	#brand .slider_flex_wrap .bg_gradation {
		box-shadow: -3px -3px 0px 3px rgba(219, 221, 222, 1);
	}
}