@charset "UTF-8";


/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 共通項目 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
*{margin:0;padding:0;text-decoration:none;box-sizing: border-box;}fieldset{border:0}body{line-height:1.8}body,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,select,ul{margin:0;padding:0}img{border:0;vertical-align:top;width:100%;height:auto}a{text-decoration:none}em{font-style:normal}ul li{list-style-type:none;list-style-image:none;list-style:none}address{font-style:normal}strong{font-weight: bold}
html{font-size: 62.5%;}
body{font-size: 1.6em;}


/* float解除 */
.cbox { 
}
* html .cbox {
	zoom: 100%;
}
*:first-child+html .cbox {
	display: inline-block;
}
.cbox:after {
	content: ""; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}



/* sp */ 
.sp {
	display: none;
}



/* リンク */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
a {
	color: #fff;
	text-decoration: none;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
a:hover {
	text-decoration: none;
}
a:before {
	transition: 0.3s;
	-webkit-transition: 0.3s;
}



/* 横幅 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
body {
	font-family: 游ゴシック, YuGothic, "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Verdana, sans-serif;
	font-weight: 400;
	color: #fff;
	padding: 0;
	margin: 0;
	background: linear-gradient(90deg, #252158, #0F3F6C ,#252158);
	background-size: 300% 200%;
	animation: grbg 20s ease infinite;
	letter-spacing: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	font-feature-settings: "palt";
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
}
@keyframes grbg {
    0%{background-position: 0% 50%}
    50%{background-position: 100% 50%}
    100%{background-position: 0% 50%}
}

#fs_preview_header {
	display: none !important;
}


/* フォント */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.en {
	font-family: 'Barlow', sans-serif;
	font-weight: 600;
}


/* グラデーション */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.gr-bg {
	background: linear-gradient(90deg, #252158, #0F3F6C ,#252158);
	background-size: 300% 200%;
	animation: grbg 20s ease infinite;
}




/* flex */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.flex {
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex-start {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}
.flex-end {
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	 -ms-flex-direction: row-reverse;
		 flex-direction: row-reverse;
}
.flex-center {
	display: flex;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ヘッダー */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#header {
	width: 100%;
	padding: 30px 30px 0 30px;
}
	#header .logo a {
		display: block;
		width: 108px;
	}
	#header .logo a:hover {
		opacity: 0.7;
	}



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 基本レイアウト */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */

/* main */
#main {
	display: block;
}

/* inner */
.inner {
	width: 1100px;
	margin: 0 auto;
	position: relative;
}

/* wrap */
.wrap-top {
	padding-top: 200px;
}
.wrap-bottom {
	padding-bottom: 200px;
}


/* txt */
.txt {
	font-size: 1.8rem;
	line-height: 2.0em;
}
	

/* title */
.title {
	text-align: center;
	margin-bottom: 70px;
	position: relative;
}
	.title .en {
		width: 100%;
		font-size: 15.0rem;
		font-weight: 600;
		line-height: 1;
		opacity: 0.1;
		position: absolute;
		top: 0;
		left: 0;
	}

	.title h2 {
		padding-top: 60px;
		font-size: 4.6rem;
		font-weight: 700;
		line-height: 1;
	}
	

/* cta-btn */
.cta-btn {
	max-width: 320px;
	margin: 70px auto 0 auto;
}
	.cta-btn a {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 70px;
		background: #FFF500 url("https://since1922.itembox.design/item/img/wetsuit/icon_cta.svg") no-repeat right 20px center;
		border-radius: 35px;
		font-size: 2.2rem;
		font-weight: 700;
		color: #1B2D60;
		line-height: 1;
	}
	.cta-btn a:hover {
		opacity: 0.7;
	}



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* kv */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#kv {
	padding-top: 40px;
	padding-bottom: 130px;
	overflow: hidden;
}
	#kv .copy {
		width: 100%;
		overflow: hidden;
		position: absolute;
		top: 100px;
		left: 0;
	}
		#kv .copy .loop {
			display: flex;
			width: 100vw;
		}
			#kv .copy .loop img {
				width: 4334px;
				min-width: 4334px;
			}
			#kv .copy .loop img:first-child {
				animation: loop 100s -50s linear infinite;
			}
			#kv .copy .loop img:last-child {
				animation: loop2 100s linear infinite;
			}
			@keyframes loop {
				0% {
					transform: translateX(100%);
				}
				to {
					transform: translateX(-100%);
				}
			}
			@keyframes loop2 {
				0% {
					transform: translateX(0);
				}
				to {
					transform: translateX(-200%);
				}
			}


	#kv .inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
		#kv .inner .text {
			width: 45%;
		}
			#kv .inner .text h1 {
				font-size: 5.0rem;
				font-weight: 700;
				line-height: 1.3em;
				margin-bottom: 4%;
				position: relative;
			}
				#kv .inner .text h1 .en {
					font-size: 1.4rem;
					font-weight: 400;
					line-height: 1.4em;
					position: absolute;
					bottom: 5%;
					right: 14%;
				}

			#kv .inner .text .head {
				background: #FFF500;
				border-radius: 6px;
				font-size: 2.6rem;
				font-weight: 700;
				line-height: 1.3em;
				color: #1B2D60;
				padding: 10px;
				text-align: center;
				margin-bottom: 5%;
			}

			#kv .inner .text ul li {
				width: 30%;
			}


		#kv .inner .pht {
			width: 47%;
			position: relative;
		}
			#kv .inner .pht:before {
				content: "";
				width: 100%;
				height: 100%;
				background: url("https://since1922.itembox.design/item/img/wetsuit/kv_bg_pc.svg") no-repeat center / auto 100%;
				position: absolute;
				top: 50px;
				left: 50px;
				z-index: -1;
			}



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* products */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#products .list {
	margin-bottom: 80px;
}
	#products .list .items {
		width: 46%;
	}
		#products .list .items .text {
			margin-top: -40px;
		}
			#products .list .items .text .en-tit {
				font-size: 6.8rem;
				font-weight: 600;
				line-height: 1;
				text-align: center;
				margin-bottom: 8px;
			}

			#products .list .items .text .info {
				display: flex;
				justify-content: center;
				align-items: center;
				margin-bottom: 12px;
			}
				#products .list .items .text .info h2 {
					font-size: 3.0rem;
					font-weight: 700;
					line-height: 1;
					margin-right: 10px;
				}

				#products .list .items .text .info .price {
					line-height: 1;
				}
					#products .list .items .text .info .price .en {
						font-size: 3.2rem;
						font-weight: 500;
					}
					#products .list .items .text .info .price .tax {
						font-size: 1.4rem;
						font-weight: 700;
					}

			#products .list .items .text ul.tag li {
				background: rgba(255,255,255,0.1);
				margin: 4px;
				font-size: 1.4rem;
				line-height: 1;
				padding: 5px 3px;
			}

			#products .list .items .text .txt {
				margin-top: 20px;
				margin-bottom: 30px;
				padding: 0 5%;
			}

		#products .list .items .cart-btn {
			max-width: 320px;
			margin: 0 auto;
		}
			#products .list .items .cart-btn a {
				display: flex;
				justify-content: center;
				align-items: center;
				height: 70px;
				background: #FFF500 url("https://since1922.itembox.design/item/img/wetsuit/icon_cart_blue.svg") no-repeat right 20px center;
				border-radius: 35px;
				font-size: 2.2rem;
				font-weight: 700;
				color: #1B2D60;
				line-height: 1;
			}
			#products .list .items .cart-btn a:hover {
				opacity: 0.7;
			}


	#products .list-txt {
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 20px;
		border: solid 2px rgba(255,255,255,0.3);
		padding: 30px;
	}
		#products .list-txt ul li {
			font-size: 2.4rem;
			font-weight: 700;
			line-height: 1.3em;
			margin-bottom: 10px;
			padding-left: 18px;
			position: relative;
		}
		#products .list-txt ul li:nth-last-child(1) {
			margin-bottom: 0;
		}
		#products .list-txt ul li:before {
			content: "";
			width: 10px;
			height: 10px;
			border-radius: 50%;
			background: rgba(255,255,255,0.3);
			position: absolute;
			top: 10px;
			left: 0;
		}



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* features */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#features .point {
	max-width: 720px;
	margin: 0 auto;
}
	#features .point h3 {
		font-size: 3.0rem;
		font-weight: 700;
		text-align: center;
		color: #FFF500;
		position: relative;
		margin-bottom: 5px;
	}
	#features .point h3:before {
		content: "";
		width: 235px;
		height: 1px;
		background: rgba(255,255,255,0.3);
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -0.5px;
	}
	#features .point h3:after {
		content: "";
		width: 235px;
		height: 1px;
		background: rgba(255,255,255,0.3);
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -0.5px;
	}


	#features .point ul {
		width: 100%;
		counter-reset: titlenum;
	}
		#features .point ul li {
			width: 100%;
			font-size: 2.0rem;
			font-weight: 700;
			padding-left: 85px;
			margin-bottom: 10px;
			position: relative;
		}
		#features .point ul li:nth-last-child(1) {
			margin-bottom: 0;
		}
		#features .point ul li:before {
			display: flex;
			justify-content: center;
			align-items: center;
			counter-increment: titlenum; /* counter-resetと同じ文字列 */
			content: "POINT " counter(titlenum);
			width: 70px;
			height: 30px;
			border-radius: 4px;
			margin-right: 4px;
			font-size: 1.5rem;
			font-family: 'Barlow', sans-serif;
			font-weight: 600;
			color: #1B2D60;
			text-align: center;
			background: #FFF500;
			position: absolute;
			top: 2px;
			left: 0;
		}
		#features .point ul li:after {
			content: "";
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 5px 0 5px 4px;
			border-color: transparent transparent transparent #fff700;
			position: absolute;
			top: 50%;
			left: 70px;
			margin-top: -5px;
		}


	#features .fukidashi {
		margin-top: -50px;
		margin-bottom: 60px;
	}


	#features .profile {
		border-radius: 20px;
		border: solid 2px rgba(255,255,255,0.3);
		padding: 80px;
	}
		#features .profile .text {
			width: 48%;
		}
			#features .profile .text h3 {
				font-size: 4.0rem;
				font-weight: 700;
				line-height: 1;
				margin-bottom: 25px;
			}

			#features .profile .text .info {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				margin-bottom: 10px;
			}
				#features .profile .text .info .name {
					font-size: 2.2rem;
					font-weight: 700;
					line-height: 1.3em;
					color: #FFF500;
					margin-right: 10px;
				}

				#features .profile .text .info ul li {
					margin-left: 10px;
					margin-top: 10px;
				}
					#features .profile .text .info ul li a:hover {
						opacity: 0.7;
					}

			#features .profile .text .txt {
				font-size: 1.6rem;
				line-height: 1.8em;
			}

		#features .profile .pht {
			width: 48%;
			border-radius: 10px;
			overflow: hidden;
		}


	#features .profile .comment {
		margin-top: 50px;
		padding: 40px;
		border-radius: 10px;
		background: rgba(255,255,255,0.1);
		position: relative;
	}
		#features .profile .comment dt {
			font-size: 2.2rem;
			font-weight: 700;
			color: #FFF500;
			line-height: 1;
			position: absolute;
			top: -10px;
			left: 40px;
		}
		#features .profile .comment dd {
			font-size: 1.6rem;
			line-height: 1.8em;
		}



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* kit */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#kit .read {
	text-align: center;
	margin-bottom: 50px;
}


#kit .detail {
	max-width: 820px;
	margin: 0 auto 60px auto;
	padding: 40px;
	border-radius: 20px;
	background: rgba(255,255,255,0.1);
}
	#kit .detail .pht {
		width: 35%;
		overflow: hidden;
		border-radius: 10px;
	}

	#kit .detail .text {
		width: 60%;
	}
		#kit .detail .text h3 {
			font-size: 3.0rem;
			line-height: 1.3em;
			margin-bottom: 10px;
		}

		#kit .detail .text .txt {
			line-height: 1.7em;
		}


#kit .movie {
	max-width: 820px;
	margin: 0 auto 0 auto;
	border-radius: 20px;
}



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* explanation */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#explanation .tabarea {
	padding-top: 10px;
}
	#explanation .tabarea ul.tabs {
		display: flex;
		justify-content: space-between;
		align-items: baseline;
	}
		#explanation .tabarea ul.tabs li {
			width: 49%;
			height: 90px;
			background: rgba(255,255,255,0.1);
			text-align: center;
			border-radius: 20px;
			font-size: 2.6rem;
			font-weight: 700;
			line-height: 1;
			cursor: pointer;
			padding-top: 32px;
		}
		#explanation .tabarea ul.tabs li.select {
			height: 120px;
			background: rgba(255,255,255,1);
			color: #1B2D60;
			border-radius: 20px 20px 0 0;
			position: relative;
		}
		#explanation .tabarea ul.tabs li.select:before {
			content: "";
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 10px 10px 0 10px;
			border-color: #1b2d60 transparent transparent transparent;
			position: absolute;
			bottom: 20px;
			left: 50%;
			margin-left: -10px;
		}


	#explanation .tabarea .contents .cell {
		background: #fff;
		padding: 60px;
		color: #1B2D60;
	}
	#explanation .tabarea .contents .cell:nth-child(1) {
		border-radius: 0 20px 20px 20px;
	}
	#explanation .tabarea .contents .cell:nth-child(2) {
		border-radius: 20px 0 20px 20px;
	}
	#explanation .tabarea .contents .hide {
		display: none;
	}
		#explanation .tabarea .contents .cell .items {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
			#explanation .tabarea .contents .cell .items .pht {
				width: 48%;
				overflow: hidden;
				border-radius: 10px;
				border: solid 1px #ddd;
			}
			#explanation .tabarea .contents .cell:nth-child(1) .items .pht {
				order: 2;
			}

			#explanation .tabarea .contents .cell .items .text {
				width: 48%;
			}
			#explanation .tabarea .contents .cell:nth-child(1) .items .text {
				order: 1;
			}
				#explanation .tabarea .contents .cell .items .text .en-tit {
					font-size: 6.8rem;
					font-weight: 600;
					line-height: 1;
					margin-bottom: 8px;
				}

				#explanation .tabarea .contents .cell .items .text .info {
					display: flex;
					justify-content: flex-start;
					align-items: center;
					margin-bottom: 18px;
				}
					#explanation .tabarea .contents .cell .items .text .info h2 {
						font-size: 3.0rem;
						font-weight: 700;
						line-height: 1;
						margin-right: 10px;
					}

					#explanation .tabarea .contents .cell .items .text .info .price {
						line-height: 1;
					}
						#explanation .tabarea .contents .cell .items .text .info .price .en {
							font-size: 3.2rem;
							font-weight: 500;
						}
						#explanation .tabarea .contents .cell .items .text .info .price .tax {
							font-size: 1.4rem;
							font-weight: 700;
						}

		#explanation .tabarea .contents .cell .items .text .cart-btn {
			max-width: 320px;
			background: linear-gradient(90deg, #252158, #0F3F6C ,#252158);
			background-size: 300% 200%;
			animation: grbg 20s ease infinite;
			border-radius: 35px;
			margin-top: 30px;
		}
			#explanation .tabarea .contents .cell .items .text .cart-btn a {
				display: flex;
				justify-content: center;
				align-items: center;
				height: 70px;
				background: url("https://since1922.itembox.design/item/img/wetsuit/icon_cart_yellow.svg") no-repeat right 20px center;
				font-size: 2.2rem;
				font-weight: 700;
				color: #FFF500;
				line-height: 1;
			}
			#explanation .tabarea .contents .cell .items .text .cart-btn a:hover {
				opacity: 0.7;
			}


		#explanation .tabarea .contents .cell .list .box {
			width: 48%;
			margin-right: 4%;
			margin-top: 5%;
		}
		#explanation .tabarea .contents .cell .list .box:nth-child(2n) {
			margin-right: 0;
		}
			#explanation .tabarea .contents .cell .list .box .pht {
				border-radius: 10px;
				overflow: hidden;
			}

			#explanation .tabarea .contents .cell .list .box h3 {
				font-size: 2.6rem;
				font-weight: 700;
				margin-top: 8px;
			}

			#explanation .tabarea .contents .cell .list .box p {
				font-size: 1.6rem;
			}



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* history */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#history .logo {
	background: rgba(255,255,255,0.1);
	border-radius: 20px;
	text-align: center;
	padding: 4% 0;
	margin-bottom: 40px;
}
	#history .logo img {
		max-width: 400px;
	}

#history .txt {
	text-align: center;
}



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* flow */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#flow .list {
	max-width: 700px;
	margin: 0 auto;
}
	#flow .list .step {
		padding-bottom: 40px;
		position: relative;
	}
	#flow .list .step:nth-last-child(1) {
		padding-bottom: 0;
	}
	#flow .list .step:before {
		content: "";
		width: 2px;
		height: 100%;
		background: #FFF500;
		position: absolute;
		top: 0;
		left: 29px;
		z-index: -1;
	}
	#flow .list .step:nth-last-child(1):before {
		display: none;
	}
		#flow .list .step .leftbox {
			width: 60px;
		}
			#flow .list .step .leftbox .number {
				width: 100%;
				aspect-ratio: 1 / 1;
				background: #FFF500;
				border-radius: 50%;
				font-size: 3.0rem;
				color: #1B2D60;
				line-height: 0.8;
				text-align: center;
				padding-top: 20%;
			}
				#flow .list .step .leftbox .number span {
					display: block;
					font-size: 1.2rem;
				}


		#flow .list .step .rightbox {
			width: -webkit-calc(100% - 80px);
			width: calc(100% - 80px);
		}
			#flow .list .step .rightbox h3 {
				font-size: 2.6rem;
				font-weight: 700;
				line-height: 1.3em;
				margin-bottom: 8px;
			}

			#flow .list .step .rightbox .txt {
				line-height: 1.8em;
			}
				#flow .list .step .rightbox .txt a {
					text-decoration: underline;
					color: #FFF500;
				}
				#flow .list .step .rightbox .txt a:hover {
					text-decoration: none;
				}



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* faq */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#faq .faqbox {
	background: rgba(255,255,255,0.1);
	border-radius: 10px;
	padding: 40px 0;
	margin-bottom: 20px;
}
#faq .faqbox:nth-last-child(1) {
	margin-bottom: 0;
}
	#faq .faqbox .head {
		margin-bottom: 20px;
	}
		#faq .faqbox .head .q {
			width: 90px;
			font-size: 3.0rem;
			line-height: 0.8;
			text-align: center;
		}
		#faq .faqbox .head h3 {
			width: -webkit-calc(100% - 90px);
			width: calc(100% - 90px);
			font-size: 2.4rem;
			font-weight: 700;
			line-height: 1.3em;
		}

	#faq .faqbox .text {
		padding-right: 40px;
	}
		#faq .faqbox .text .a {
			width: 90px;
			font-size: 3.0rem;
			line-height: 0.8;
			color: #FFF500;
			text-align: center;
		}
		#faq .faqbox .text .txt-detail {
			width: -webkit-calc(100% - 90px);
			width: calc(100% - 90px);
			font-size: 1.6rem;
			line-height: 1.8em;
		}


	
	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* フッター */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#footer {
	width: 100%;
	background: #fff;
	padding: 40px 0;
}
	#footer .inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
		#footer .inner .logo a {
			display: block;
			width: 108px;
		}
		#footer .inner .logo a:hover {
			opacity: 0.7;
		}

		#footer .inner .copyright {
			font-size: 1.2rem;
			line-height: 1;
			font-weight: 400;
			color: #0B0B0B;
			text-align: right;
		}



/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 追従カート */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#flowting {
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 300px;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 10;
}
	#flowting .flow-btn {
		width: 100%;
		order: 1;
	}
		#flowting .flow-btn a {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 70px;
			background: #FFF500 url("https://since1922.itembox.design/item/img/wetsuit/icon_cart_blue.svg") no-repeat right 20px center;
			border-radius: 0 0 0 20px;
			font-size: 1.8rem;
			font-weight: 700;
			color: #1B2D60;
			line-height: 1.3em;
			text-align: center;
		}
		#flowting .flow-btn a:hover {
			opacity: 0.7;
		}

	#flowting .popup-box {
		display: none;
		width: 260px;
		margin: 20px auto 0 auto;
		background: #fff;
		border: solid 1px #21255B;
		border-radius: 20px;
		position: relative;
		order: 2;
	}
	#flowting .popup-box:before {
		content: "";
		width: 30px;
		height: 12px;
		background: url("https://since1922.itembox.design/item/img/wetsuit/icon_fukidashi.svg") no-repeat center / 100%;
		position: absolute;
		top: -12px;
		left: 50%;
		margin-left: -15px;
	}
		#flowting .popup-box .items {
			padding: 22px 30px;
		}
		#flowting .popup-box .items:nth-child(1) {
			border-bottom: solid 1px #21255B;
		}
			#flowting .popup-box .items h2 {
				font-size: 2.2rem;
				font-weight: 700;
				line-height: 1;
				text-align: center;
				color: #1B2D60;
				margin-bottom: 3px;
			}

			#flowting .popup-box .items .price {
				line-height: 1;
				text-align: center;
				color: #1B2D60;
				margin-bottom: 10px;
			}
				#flowting .popup-box .items .price .en {
					font-size: 2.2rem;
					font-weight: 500;
				}
				#flowting .popup-box .items .price .tax {
					font-size: 1.1rem;
					font-weight: 700;
				}

			#flowting .popup-box .items .btn {
				width: 100%;
				border-radius: 23px;
			}
				#flowting .popup-box .items .btn a {
					display: flex;
					justify-content: center;
					align-items: center;
					height: 46px;
					background: url("https://since1922.itembox.design/item/img/wetsuit/icon_cart_yellow.svg") no-repeat right 15px center / 20px;
					font-size: 1.8rem;
					font-weight: 700;
					line-height: 1;
					color: #FFF500;
				}
				#flowting .popup-box .items .btn a:hover {
					opacity: 0.7;
				}





/* 1140px */
@media screen and (max-width: 1140px) {



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 基本レイアウト */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */

/* wrap */
.wrap-top {
	padding-top: 12%;
}
.wrap-bottom {
	padding-bottom: 12%;
}
	
/* inner */
.inner {
	width: 100%;
	padding: 0 7%;
}
	
/* txt */
.txt {
	font-size: 1.6vw;
	line-height: 1.9em;
}
	

/* title */
.title {
	margin-bottom: 7%;
}
	.title .en {
		font-size: 13.0vw;
	}

	.title h2 {
		padding-top: 6.5%;
		font-size: 4.2vw;
	}
	

/* cta-btn */
.cta-btn a {
	height: 52px;
	background: #FFF500 url("https://since1922.itembox.design/item/img/wetsuit/icon_cta.svg") no-repeat right 15px center / 20px;
	border-radius: 26px;
	font-size: 2.2vw;
}



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* kv */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#kv .inner .text h1 {
	font-size: 3.8vw;
}
	#kv .inner .text h1 .en {
		font-size: 1.2vw;
		bottom: 4%;
		right: 10%;
	}

#kv .inner .text .head {
	font-size: 2.0vw;
	padding: 2%;
}



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* products */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#products .list {
	margin-bottom: 9%;
}
	#products .list .items {
		width: 47%;
	}
		#products .list .items .text {
			margin-top: -7%;
		}
			#products .list .items .text .en-tit {
				font-size: 5.0vw;
				margin-bottom: 3%;
			}

			#products .list .items .text .info {
				margin-bottom: 4%;
			}
				#products .list .items .text .info h2 {
					font-size: 2.4vw;
				}

				#products .list .items .text .info .price .en {
					font-size: 2.5vw;
				}
				#products .list .items .text .info .price .tax {
					font-size: 1.4vw;
				}

			#products .list .items .text ul.tag li {
				font-size: 1.4vw;
				padding: 2%;
			}

			#products .list .items .text .txt {
				margin-top: 5%;
				margin-bottom: 6%;
				padding: 0 5%;
			}

		#products .list .items .cart-btn {
			max-width: 80%;
		}
			#products .list .items .cart-btn a {
				height: 52px;
				background: #FFF500 url("https://since1922.itembox.design/item/img/wetsuit/icon_cart_blue.svg") no-repeat right 15px center / 20px;
				border-radius: 26px;
				font-size: 2.2vw;
			}


	#products .list-txt {
		border-radius: 15px;
		padding: 5%;
	}
		#products .list-txt ul {
			width: 70%;
		}
			#products .list-txt ul li {
				width: 100%;
				font-size: 2.4vw;
				margin-bottom: 2%;
				padding-left: 4%;
			}
			#products .list-txt ul li:before {
				content: "";
				width: 1vw;
				height: 1vw;
				top: 50%;
				left: 0;
				margin-top: -0.5vw;
			}



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* features */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#features .point {
	max-width: 100%;
}
	#features .point h3 {
		font-size: 3.3vw;
	}
	#features .point h3:before {
		width: 35%;
	}
	#features .point h3:after {
		width: 35%;
	}


	#features .point ul li {
		width: 100%;
		font-size: 2.3vw;
		padding-left: 11vw;
		margin-bottom: 1.2%;
	}
	#features .point ul li:before {
		width: 9vw;
		height: auto;
		font-size: 1.8vw;
		top: 50%;
		transform: translateY(-50%) translateX(0);
		-webkit-transform: translateY(-50%) translateX(0);
	}
	#features .point ul li:after {
		left: 9vw;
	}


	#features .fukidashi {
		margin-top: -5%;
		margin-bottom: 6%;
	}


	#features .profile {
		border-radius: 15px;
		padding: 7%;
	}
		#features .profile .text {
			width: 48%;
		}
			#features .profile .text h3 {
				font-size: 3.4vw;
				margin-bottom: 5%;
			}

			#features .profile .text .info {
				display: block;
				margin-bottom: 3%;
			}
				#features .profile .text .info .name {
					font-size: 2.2vw;
					margin-right: 10px;
				}

				#features .profile .text .info ul li {
					margin-left: 10px;
					margin-top: 10px;
				}
				#features .profile .text .info ul li:nth-child(1) {
					margin-left: 0;
				}
					#features .profile .text .info ul li a:hover {
						opacity: 0.7;
					}

			#features .profile .text .txt {
				font-size: 1.6vw;
				line-height: 1.6em;
			}

		#features .profile .pht {
			width: 48%;
		}
			#features .profile .pht img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}


	#features .profile .comment {
		margin-top: 7%;
		padding: 5%;
	}
		#features .profile .comment dt {
			font-size: 2.6vw;
			top: -7%;
			left: 5%;
		}
		#features .profile .comment dd {
			font-size: 1.6vw;
			line-height: 1.6em;
		}



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* kit */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#kit .read {
	margin-bottom: 5%;
}


#kit .detail {
	max-width: 100%;
	margin: 0 auto 6% auto;
	padding: 4%;
}
	#kit .detail .pht {
		width: 35%;
		overflow: hidden;
		border-radius: 10px;
	}

	#kit .detail .text {
		width: 61%;
	}
		#kit .detail .text h3 {
			font-size: 3.0vw;
			margin-bottom: 3%;
		}

		#kit .detail .text .txt {
			line-height: 1.7em;
		}


#kit .movie {
	max-width: 100%;
}



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* explanation */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#explanation .tabarea {
	padding-top: 1%;
}
	#explanation .tabarea ul.tabs li {
		height: auto;
		font-size: 2.6vw;
		padding: 3% 0;
		border-radius: 15px;
	}
	#explanation .tabarea ul.tabs li.select {
		height: auto;
		padding: 3% 0 6% 0;
		border-radius: 15px 15px 0 0;
	}
	#explanation .tabarea ul.tabs li.select:before {
		border-width: 10px 10px 0 10px;
		bottom: 15%;
		margin-left: -5px;
	}


	#explanation .tabarea .contents .cell {
		padding: 5%;
	}
	#explanation .tabarea .contents .cell:nth-child(1) {
		border-radius: 0 15px 15px 15px;
	}
	#explanation .tabarea .contents .cell:nth-child(2) {
		border-radius: 15px 0 15px 15px;
	}
		#explanation .tabarea .contents .cell .items {
			margin-bottom: 2%;
		}
			#explanation .tabarea .contents .cell .items .text .en-tit {
				font-size: 5.0vw;
				margin-bottom: 2%;
			}

			#explanation .tabarea .contents .cell .items .text .info {
				margin-bottom: 5%;
			}
				#explanation .tabarea .contents .cell .items .text .info h2 {
					font-size: 2.6vw;
					margin-right: 3%;
				}
				#explanation .tabarea .contents .cell .items .text .info .price .en {
					font-size: 2.8vw;
				}
				#explanation .tabarea .contents .cell .items .text .info .price .tax {
					font-size: 1.4vw;
				}

			#explanation .tabarea .contents .cell .items .text .cart-btn {
				max-width: 100%;
				border-radius: 27px;
				margin-top: 5%;
			}
				#explanation .tabarea .contents .cell .items .text .cart-btn a {
					height: 54px;
					background: url("https://since1922.itembox.design/item/img/wetsuit/icon_cart_yellow.svg") no-repeat right 20px center / 18px;
					font-size: 2.2vw;
				}


		#explanation .tabarea .contents .cell .list .box {
			width: 48%;
			margin-right: 4%;
			margin-top: 4%;
		}
			#explanation .tabarea .contents .cell .list .box h3 {
				font-size: 2.6vw;
				margin-top: 2%;
			}

			#explanation .tabarea .contents .cell .list .box p {
				font-size: 1.6vw;
			}



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* history */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#history .logo {
	border-radius: 15px;
	margin-bottom: 5%;
}
	#history .logo img {
		max-width: 35%;
	}



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* flow */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#flow .list {
	max-width: 100%;
}
	#flow .list .step {
		padding-bottom: 7%;
	}
		#flow .list .step .rightbox h3 {
			font-size: 2.6vw;
			margin-bottom: 1.5%;
		}



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* faq */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#faq .faqbox {
	padding: 4% 0;
	margin-bottom: 3%;
}
#faq .faqbox:nth-last-child(1) {
	margin-bottom: 0;
}
	#faq .faqbox .head {
		margin-bottom: 2%;
	}
		#faq .faqbox .head .q {
			font-size: 3.0vw;
		}
		#faq .faqbox .head h3 {
			font-size: 2.4vw;
		}

	#faq .faqbox .text {
		padding-right: 4%;
	}
		#faq .faqbox .text .a {
			font-size: 3.0vw;
		}
		#faq .faqbox .text .txt-detail {
			font-size: 1.6vw;
		}
	

}

	







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


.sp {
	display: block;
}
.pc {
	display: none;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ヘッダー */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#header {
	padding: 20px 20px 0 20px;
}
	#header .logo a {
		width: 90px;
	}



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 基本レイアウト */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */

/* wrap */
.wrap-top {
	padding-top: 17%;
}
.wrap-bottom {
	padding-bottom: 17%;
}
	
/* txt */
.txt {
	font-size: 3.8vw;
	line-height: 1.7em;
}
	

/* title */
.title {
	margin-bottom: 6%;
}
	.title .en {
		font-size: 13.0vw;
	}

	.title h2 {
		padding-top: 9.5%;
		font-size: 7.0vw;
	}
	

/* cta-btn */
.cta-btn {
	max-width: 80%;
}
	.cta-btn a {
		font-size: 5.0vw;
	}




	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* kv */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#kv {
	padding-top: 30px;
	padding-bottom: 80px;
}
	#kv .copy {
		display: none;
	}
	
	#kv .inner {
		display: block;
	}
		#kv .inner .text {
			width: 100%;
		}
			#kv .inner .text h1 {
				font-size: 8.6vw;
			}
				#kv .inner .text h1 .en {
					font-size: 2.6vw;
					right: 8%;
				}

			#kv .inner .text .head {
				font-size: 4.2vw;
			}


		#kv .inner .pht {
			width: 115%;
			margin-top: -15%;
			position: relative;
			z-index: -1;
		}
			#kv .inner .pht:before {
				background: url("https://since1922.itembox.design/item/img/wetsuit/kv_bg_sp.svg") no-repeat center / auto 100%;
				top: 30px;
				left: 30px;
			}



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* products */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#products .list {
	display: block;
	margin-bottom: 0;
}
	#products .list .items {
		width: 100%;
		margin-bottom: 12%;
		position: relative;
	}
		#products .list .items .text {
			margin-top: 5%;
		}
			#products .list .items .text .en-tit {
				width: 100%;
				font-size: 10.0vw;
				margin-bottom: 0;
				position: absolute;
				top: 0;
				left: 0;
			}

			#products .list .items .text .info {
				margin-bottom: 3%;
			}
				#products .list .items .text .info h2 {
					font-size: 5.8vw;
				}

				#products .list .items .text .info .price .en {
					font-size: 6.0vw;
				}
				#products .list .items .text .info .price .tax {
					font-size: 3.2vw;
				}

			#products .list .items .text ul.tag li {
				font-size: 3.0vw;
			}

			#products .list .items .text .txt {
				margin-top: 3%;
				margin-bottom: 4%;
				padding: 0;
			}

		#products .list .items .cart-btn a {
			font-size: 5.0vw;
		}


	#products .list-txt ul {
		width: 100%;
	}
		#products .list-txt ul li {
			font-size: 3.6vw;
		}
		#products .list-txt ul li:before {
			width: 1.8vw;
			height: 1.8vw;
			margin-top: -0.9vw;
		}



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* features */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#features .point h3 {
	font-size: 5.0vw;
}
#features .point h3:before {
	width: 27%;
}
#features .point h3:after {
	width: 27%;
}


#features .point ul li {
	font-size: 3.8vw;
	line-height: 1.4em;
	padding-left: 14vw;
	margin-bottom: 2.2%;
}
#features .point ul li:before {
	width: 12vw;
	font-size: 2.6vw;
}
#features .point ul li:after {
	left: 12vw;
}


#features .fukidashi {
	margin-top: -5%;
	margin-bottom: 8%;
}


#features .profile {
	border-radius: 15px;
	padding: 7%;
}
	#features .profile .flex-start {
		display: block;
	}
	#features .profile .text {
		width: 100%;
		margin-bottom: 7%;
	}
		#features .profile .text h3 {
			font-size: 5.8vw;
			text-align: center;
			margin-bottom: 5%;
		}

		#features .profile .text .info {
			margin-bottom: 3%;
		}
			#features .profile .text .info .name {
				font-size: 4.2vw;
				margin-right: 0;
				text-align: center;
			}

			#features .profile .text .info ul {
				display: flex;
				justify-content: center;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
			}
				#features .profile .text .info ul li {
					margin-top: 4%;
				}

		#features .profile .text .txt {
			font-size: 3.6vw;
			line-height: 1.6em;
		}

	#features .profile .pht {
		aspect-ratio: 16 / 9;
		width: 100%;
	}
		#features .profile .pht img {
			object-position: 50% 10%;
		}


#features .profile .comment {
	margin-top: 10%;
	padding: 7%;
}
	#features .profile .comment dt {
		width: 100%;
		font-size: 4.2vw;
		top: -5%;
		left: 0;
		text-align: center;
	}
	#features .profile .comment dd {
		font-size: 3.2vw;
		line-height: 1.6em;
	}



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* kit */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#kit .read {
	margin-bottom: 7%;
	text-align: left;
}


#kit .detail {
	display: block;
	max-width: 100%;
	margin: 0 auto 8% auto;
	border-radius: 15px;
	padding: 0;
}
	#kit .detail .pht {
		width: 100%;
		border-radius: 10px 10px 0 0;
	}

	#kit .detail .text {
		width: 100%;
		padding: 7%;
		text-align: center;
	}
		#kit .detail .text h3 {
			font-size: 5.0vw;
			margin-bottom: 4%;
		}



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* explanation */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#explanation .tabarea ul.tabs li {
	font-size: 3.6vw;
	padding: 4% 0;
}
#explanation .tabarea ul.tabs li.select {
	padding: 4% 0 7% 0;
	border-radius: 10px 10px 0 0;
}
#explanation .tabarea ul.tabs li.select:before {
	bottom: 13%;
}


#explanation .tabarea .contents .cell:nth-child(1) {
	border-radius: 0 10px 10px 10px;
}
#explanation .tabarea .contents .cell:nth-child(2) {
	border-radius: 10px 0 10px 10px;
}
	#explanation .tabarea .contents .cell .items {
		display: block;
		margin-bottom: 14%;
	}
		#explanation .tabarea .contents .cell .items .pht {
			width: 100%;
		}
	
		#explanation .tabarea .contents .cell .items .text {
			width: 100%;
			padding-top: 3%;
		}
			#explanation .tabarea .contents .cell .items .text .en-tit {
				font-size: 11.0vw;
				text-align: center;
				margin-bottom: 2%;
			}

			#explanation .tabarea .contents .cell .items .text .info {
				display: flex;
				justify-content: center;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
				margin-bottom: 3%;
			}
				#explanation .tabarea .contents .cell .items .text .info h2 {
					font-size: 5.0vw;
					margin-right: 3%;
				}
				#explanation .tabarea .contents .cell .items .text .info .price .en {
					font-size: 5.2vw;
				}
				#explanation .tabarea .contents .cell .items .text .info .price .tax {
					font-size: 2.6vw;
				}

			#explanation .tabarea .contents .cell .items .text .cart-btn {
				margin-top: 4%;
			}
				#explanation .tabarea .contents .cell .items .text .cart-btn a {
					font-size: 4.2vw;
				}


	#explanation .tabarea .contents .cell .list {
		display: block;
	}
		#explanation .tabarea .contents .cell .list .box {
			width: 100%;
			margin-right: 0;
			margin-top: 8%;
		}
			#explanation .tabarea .contents .cell .list .box h3 {
				font-size: 4.8vw;
				margin-top: 2%;
			}

			#explanation .tabarea .contents .cell .list .box p {
				font-size: 3.4vw;
				line-height: 1.4em;
		}


#kit .movie {
	border-radius: 15px;
}



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* history */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#history .logo {
	padding: 7% 0;
	margin-bottom: 6%;
}
	#history .logo img {
		max-width: 60%;
	}
	
#history .txt {
	text-align: left;
}



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* flow */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#flow .list {
	max-width: 100%;
}
	#flow .list .step {
		padding-bottom: 10%;
	}
		#flow .list .step .rightbox {
			width: -webkit-calc(100% - 70px);
			width: calc(100% - 70px);
		}
			#flow .list .step .rightbox h3 {
				font-size: 5.0vw;
				line-height: 1.4em;
				margin-bottom: 2%;
			}



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* faq */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#faq .faqbox {
	padding: 6% 0;
	margin-bottom: 4%;
}
#faq .faqbox:nth-last-child(1) {
	margin-bottom: 0;
}
	#faq .faqbox .head {
		margin-bottom: 5%;
	}
		#faq .faqbox .head .q {
			width: 15%;
			font-size: 5.4vw;
		}
		#faq .faqbox .head h3 {
			width: 85%;
			font-size: 4.4vw;
		}

	#faq .faqbox .text {
		padding-right: 4%;
	}
		#faq .faqbox .text .a {
			width: 15%;
			font-size: 5.4vw;
		}
		#faq .faqbox .text .txt-detail {
			width: 85%;
			font-size: 3.2vw;
			line-height: 1.7em;
		}
	
	
	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* フッター */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#footer {
	padding: 30px 0 90px 0;
}
	#footer .inner {
		display: block;
	}
		#footer .inner .logo a {
			width: 100px;
			margin: 0 auto 20px auto;
		}

		#footer .inner .copyright {
			font-size: 1.0rem;
			text-align: center;
		}



/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 追従カート */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#flowting {
	display: block;
	width: 100%;
	top: auto;
	bottom: 0;
}
	#flowting .flow-btn {
		width: 100%;
	}
		#flowting .flow-btn a {
			height: 60px;
			background: #FFF500 url("https://since1922.itembox.design/item/img/wetsuit/icon_cart_blue.svg") no-repeat right 15px center;
			border-radius: 0;
			font-size: 1.6rem;
		}
		#flowting .flow-btn a:hover {
			opacity: 0.7;
		}

	#flowting .popup-box {
		width: 90%;
		margin: 0 auto 20px auto;
	}
	#flowting .popup-box:before {
		transform: rotate(-180deg);
		top: auto;
		bottom: -12px;
	}



}