@charset "UTF-8";
.includeParts {
	color: #353535;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: 0.1em;
}
.includeParts img.cover {
	width: 100%;
	height: auto;
}
.includeParts .dispWide {
	display: block;
}
.includeParts .dispNarrow {
	display: none;
}
@media screen and (max-width: 800px) and (orientation:portrait) {
	.includeParts .dispWide {
		display: none;
	}
	.includeParts .dispNarrow {
		display: block;
	}
}
/* 太字 */
.includeParts .textBold {
	font-weight: 700;
}
.includeParts .textNormal {
	font-weight: 400;
}
/* 行間 */
.includeParts .lineHeight100 {
	line-height: 1;
}
.includeParts .lineHeight150 {
	line-height: 1.5;
}
.includeParts .lineHeight200 {
	line-height: 2;
}
/* 文字サイズ */
.includeParts .text15 {
	font-size: 1vw;
}
.includeParts .text12 {
	font-size: 0.8vw;
}
.includeParts .text0 {
	font-size: 0;
}
@media screen and (max-width: 800px) and (orientation:portrait) {
	.includeParts .text15 {
		font-size: 2.5vw;
	}
	.includeParts .text12 {
		font-size: 2.3vw;
	}
}
/*枠組み*/
.includeParts .widthWrapper {
	position: relative;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}
@media screen and (max-width: 800px) and (orientation:portrait) {
	.includeParts .widthWrapper {
		width: 92%;
	}
}
/*flexbox指定*/
.includeParts .flexBlock {
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	flex-direction: row;
	flex-shrink: 0;
	list-style: none;
	margin: 0 auto;
}
/*リンク装飾*/
.includeParts a {
	color: #353535;
	text-decoration: none;
	transition: all 0.5s ease;
}
.includeParts a.hover {
	color: #fc5332;
	text-decoration: none;
	transition: all 0.15s ease;
}
/*icon*/
.includeParts .icon {
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 60% auto;
	border-radius: 1000px;
}
.includeParts .iconSearch {
	background-image: url("https://www.bandai.co.jp/candy/images/renewal2023/_svg/iconSearch.svg");
}
.includeParts .iconBlank {
	display: inline-block;
	vertical-align: bottom;
	width: 1.5em;
	height: 1em;
	background-image: url("https://www.bandai.co.jp/candy/images/renewal2023/_svg/iconBlankOrange.svg");
	background-size: auto 95%;
}
/*header*/
.headerMargin {
	padding-top: 3.4vw;
}
#includeHeader {
	position: relative;
	width: 100%;
	height: 3.4vw;
	flex-wrap: nowrap;
	justify-content: space-between;
	background-color: #f5f5f5;
	border-bottom: 1px solid #fc8332;
	z-index: 100;
}
#includeHeader > h1 {
	width: 8vw;
	height: 3.4vw;
	background-image: url("https://www.bandai.co.jp/candy/images/renewal2023/_svg/logoCandy.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 85%;
}
#includeHeader > h1 > a {
	display: block;
	width: 100%;
	height: 100%;
}
#includeHeader > form {
	width: 22vw;
	height: 3.4vw;
	padding-top: 0.4vw;
	box-sizing: border-box;
}
#includeHeader > form input {
	width: 16vw;
	height: 2.6vw;
	margin-left: 1.6vw;
	padding: 0 1em;
	background-color: #fff;
	border: 1px solid #dfdfdf;
	border-radius: 1000px;
	box-sizing: border-box;
	outline: none;
	vertical-align: top;
}
#includeHeader > form input::placeholder {
	color: #a1a1a1;
}
#includeHeader > form .iconSearch {
	display: inline-block;
	width: 2.6vw;
	height: 2.6vw;
	margin-left: 0.4vw;
	background-color: #fc5332;
	overflow: hidden;
}
#includeHeader > form .iconSearch > button {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background: inherit;
	border: none;
	outline: none;
}
@media screen and (max-width: 800px) and (orientation:portrait) {
	.headerMargin {
		padding-top: 27vw;
	}
	#includeHeader {
		height: 27vw;
		background-image: none;
	}
	#includeHeader > h1 {
		width: 24vw;
		height: 22vw;
		background-size: auto 75%;
	}
	#includeHeader > .headerCatch {
		width: 60vw;
		height: 27vw;
		margin-left: 0;
		padding-top: 6vw;
		padding-left: 0;
		font-size: 3vw;
		text-align: left;
	}
	#includeHeader > form {
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
		flex-wrap: nowrap;
		flex-direction: row;
		flex-shrink: 0;
		position: absolute;
		top: 5vw;
		right: 2vw;
		width: 75vw;
		height: 22vw;
		padding-top: 0;
		z-index: 105;
	}
	#includeHeader > form input {
		width: 62vw;
		height: 10vw;
		margin-left: 0;
		padding: 0 1em;
		transition: 1s opacity;
	}
	#includeHeader > form .iconSearch {
		display: block;
		width: 10vw;
		height: 10vw;
		margin-left: 2vw;
		overflow: hidden;
	}
	#includeHeader > form .iconSearch > button {
		display: none;
	}
	#includeHeader > form.active .iconSearch > button {
		display: block;
	}
}
#includeHeader + #headerNav {
	position: absolute;
	top: 1.2vw;
	left: 8vw;
	width: 70vw;
	height: 2.2vw;
	letter-spacing: 0.05em;
	box-sizing: border-box;
	z-index: 101;
}
#includeHeader + #headerNav > ul,
#includeHeader + #headerNav > ul > li,
#includeHeader + #headerNav > ul > li > a {
	height: 2.2vw;
}
#includeHeader + #headerNav > ul > li {
	padding: 0 1.5em;
}
#includeHeader + #headerNav > ul > li > a {
	display: block;
	position: relative;
	color: #353535;
	transition: all 0.5s ease;
}
#includeHeader + #headerNav > ul > li > a.hover {
	transition: all 0.15s ease;
}
#includeHeader + #headerNav > ul > li > a::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 0.4vw;
	background-color: #fc8332;
	transition: all 0.5s ease;
}
#includeHeader + #headerNav > ul > li > a.hover::before {
	width: 100%;
	transition: all 0.15s ease;
}
#includeHeader + #headerNav > ul > li > a span.dispWide {
	display: inline-block;
}
@media screen and (max-width: 800px) and (orientation:portrait) {
	#includeHeader + #headerNav {
		top: 20vw;
		left: 0;
		width: 100vw;
		height: 6vw;
	}
	#includeHeader + #headerNav > ul,
	#includeHeader + #headerNav > ul > li,
	#includeHeader + #headerNav > ul > li > a {
		height: 7vw;
	}
	#includeHeader + #headerNav > ul > li > a::before {
		height: 1vw;
	}
	#includeHeader + #headerNav > ul > li > a span.dispWide {
		display: none;
	}
	#includeHeader + #headerNav > ul > li {
		padding: 0 0.7em;
		text-align: center;
		line-height: 3.05vw;
	}
	#includeHeader + #headerNav > ul > li:not(#navOnlineshop) {
		line-height: 7vw;
	}
}
/*sitemap*/
#sitemap {
	position: relative;
	padding-top: 3em;
	padding-bottom: 3em;
	background-color: #fff;
}
#sitemap .flexBlock > ul {
	width: 25%;
}
#sitemap .flexBlock > ul > li + li {
	margin-top: 1em;
}
#sitemap .flexBlock > ul > li > a {
	display: block;
	padding-left: 2em;
	color: #2c2c2c;
	background-image: url("https://www.bandai.co.jp/candy/images/renewal2023/_svg/iconArrowDotOrange.svg");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 1em auto;
}
@media screen and (max-width: 800px) and (orientation:portrait) {
	#sitemap .flexBlock > ul {
		width: 50%;
	}
	#sitemap .flexBlock > ul > li + li,
	#sitemap .flexBlock > ul:nth-child(n + 3) {
		margin-top: 2em;
	}
}
/*footer*/
#globalFooterBlock {
	position: relative;
	padding-top: 2em;
	padding-bottom: 2em;
	text-align: center;
	background-color: #e1e1e1!important;
	box-sizing: border-box;
}
#globalFooterBlock .flexBlock > li {
	padding: 0 2em;
}
#globalFooterBlock .flexBlock > li > a {
	display: block;
	padding-left: 2em;
	color: #2c2c2c;
	background-image: url("https://www.bandai.co.jp/candy/images/renewal2023/_svg/iconArrowDotGray.svg");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 1em auto;
}
#globalFooterBlock .logo {
	width: 14vw;
	margin: 3em auto 0;
}
#globalFooterBlock .copyright {
	margin-top: 0.5em;
}
@media screen and (max-width: 800px) and (orientation:portrait) {
	#globalFooterBlock .flexBlock {
		justify-content: space-between;
		width: 72%;
	}
	#globalFooterBlock .flexBlock li:nth-child(n + 3) {
		margin-top: 1em;
	}
	#globalFooterBlock .logo {
		width: 40vw;
	}
}