@charset "utf-8";
:root{
	--text-color-base: #ffffff;
	--color-gold: #9C865A;
	--color-red: #CC0C25;
	--color-btnred: #C80528;
	--color-darkblue: #002F6C;
	--color-gray: #6B7982;
	--color-bgblack: #030303;
	--base-width-pc: 1000px;
}

body {
margin:0;
padding:0;
color:var(--text-color-base);
font-family:'Noto Sans JP',sans-serif;
background:var(--color-gray);
overflow-x:hidden;
}

body,div,p,a,article,section,nav,ul,li,header,footer,input,select,textarea,h1,h2,h3,h4,h5,th,td {
font-size:1em;
font-weight:400;
line-height:160%;
letter-spacing:0;
word-wrap:break-word;
}
/*
font-family:'Poppins', -apple-system, BlinkMacSystemFont, "Noto Sans JP", 'Lato', "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
*/

img {
width:100%;
height:auto;
}

.wrap {
overflow-x:hidden;
}

*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding:0;
margin:0;
}

img {
width:100%;
height:auto;
padding:0;
margin:0;
vertical-align:bottom;
border-style:none;
}

li { list-style:none; }
.b {font-weight:700;}

a {
text-decoration:none;
color:var(--text-color-base);
}

a:hover {
-webkit-animation:hover 0.5s ease forwards;
animation:hover 0.5s ease forwards;
}

.fr {color:#e6321e;}
.fg {color:#081295;}
.ft {color:#000;}
.fs {color:#fff;}


/*FONT*/
.mincho{font-family: "Noto Serif JP", serif;}

/*TEXT*/
.indent{margin-left:1em; text-indent:-1em;}
.text_center{text-align:center;}
.text_red{color:var(--color-red);}
.text_italic{font-style: italic;}
.text_darkblue{color:var(--color-darkblue);}

/*FORM*/
input , select , textarea , button {
-webkit-appearance:none;
-ms-appearance:none;
-moz-appearance:none;
-o-appearance:none;
appearance:none;
outline:none;
box-shadow:none;
border:#ccc 1px solid;
}

input:focus , textarea:focus , button:focus {
border:#000 1px solid;
}

input[type="checkbox"] , input[type="radio"] {
background:#fff;
padding:5px;
border-radius:100%;
}

input[type="checkbox"]:checked , input[type="radio"]:checked {
background:#464646;
border:#464646 1px solid;
}

::placeholder {
color:#e1e1e1;
}

select {
background:#fff url(https://campaign-newbalance.jp/jf442-try-on-2024/img/select.svg) no-repeat;
background-size:10px 7px;
background-position:right 15px center;
position:relative;
width:500px;
padding:15px;
}


/* Spacing class add */
.mt-0	{ margin-top: 0;}
.mt-xs	{ margin-top: 10px;}
.mt-s	{ margin-top: 20px;}
.mt-md	{ margin-top: 40px;}
.mt-lg	{ margin-top: 80px;}
.mt-xl	{ margin-top: 160px;}
.mr-0	{ margin-right: 0;}
.mr-xs	{ margin-right: 5px;}
.mr-md	{ margin-right: 20px;}
.mr-lg	{ margin-right: 40px;}
.mr-xl	{ margin-right: 80px;}
.mb-0	{ margin-bottom: 0;}
.mb-1em	{ margin-bottom: 1em;}
.mb-xxs	{ margin-bottom: 5px;}
.mb-xs	{ margin-bottom: 10px;}
.mb-s	{ margin-bottom: 20px;}
.mb-md	{ margin-bottom: 40px;}
.mb-lg	{ margin-bottom: 80px;}
.mb-xl	{ margin-bottom: 160px;}
.ml-0	{ margin-left: 0;}
.ml-xs	{ margin-left: 5px;}
.ml-md	{ margin-left: 20px;}
.ml-lg	{ margin-left: 40px;}
.ml-xl	{ margin-left: 80px;}
.pb-xxs	{ padding-bottom: 10px;}
.pb-xs	{ padding-bottom: 20px;}
.pb-md	{ padding-bottom: 40px;}
.pb-lg	{ padding-bottom: 60px;}
.pt-xxs	{ padding-top: 10px;}
.pt-xs	{ padding-top: 20px;}
.pt-md	{ padding-top: 40px;}
.p-xs		{padding:20px;}

/* start cover*/
.start_cover {
	background:var(--color-bgblack);
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9000;
}
.start_cover p {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
	width: 15vh;
}