@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Zen+Maru+Gothic&display=swap');
img[width="1"] {
	position: fixed;
	top: 0;
	left: 0;
}
#includeFooter,
#snsListSection,
#sitemapSection,
footer {
	position: relative;
	z-index: 50;
}
#sitemapSection {
	margin-top: 0!important;
	padding-top: 30px!important;
	background-color: #fff!important;
}
footer {
	background-color: #fff!important;
}
#contentsSectionMain,
#contentsSection > .widthWrapper.flexBlock {
	width: 100%!important;
	max-width: inherit!important;
	padding: 0!important;
}
p.textRegular.alignRight.linkText,
.dispEdit,
h2.characterLogo,
.breadCrumbs,
.characterNews,
#subSection,
#characterSection > .sectionTitle.flexBlock {
	display: none!important;
}
#snsListSection {
	margin-top: 0!important;
}
/*font*/
.specialText0 {
	font-size: 0!important;
}
.lineHeight220 {
	line-height: 2.2;
}
/*背景*/
#bgColor {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: #faf9f1;
	background-image: url("/candy/special/manmaruyaki/images/bg.png"), url("/candy/special/manmaruyaki/images/bgLoop.jpg");
	background-position: center top;
	background-repeat: repeat-y, repeat;
	background-size: auto;
	overflow: hidden;
	z-index: -1;
}
@media screen and (min-width: 801px) and (max-width: 1500px) {
	#bgColor {
		background-size: 120% auto;
	}
}
@media screen and (max-width: 800px) {
	#characterSection {
		overflow: hidden;
	}
	#bgColor {
		background-size: 120% auto;
	}
}
/*catchVisual*/
.catchVisual,
.catchVisual .slider .slideImage {
	position: relative;
	line-height: 0;
	background-color: #e9f8fc;
}
.catchVisual .slider,
.catchVisual .slider .slideImage {
	height: 750px;
}
.catchVisual {
	padding-bottom: 60px;
}
.catchVisual .slider .slick-list {
	position: relative;
	z-index: 5;
}
.catchVisual .slider .slideImage {
	position: absolute;
	top: 0;
	left: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	box-sizing: border-box;
	overflow: hidden;
	pointer-events: auto;
	z-index: 6;
}
.catchVisual .slider .slick-list .slideImage {
	position: relative;
}
.catchVisual .slider .slick-list .slideImage {
	position: relative;
	opacity: 0.4;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.catchVisual .slider .slick-list .slideImage.slick-active,
.catchVisual .slider .slick-list .slideImage.slick-current {
	opacity: 1;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
	.catchVisual,
	.catchVisual .slider,
	.catchVisual .slider .slideImage {
		height: 100vw;
		max-height: inherit;
	}
	.catchVisual {
		padding-bottom: 6vw;
	}
}
.catchVisual .slick-list {
	z-index: 1;
}
/*dots*/
.catchVisual .slick-dots {
	position: absolute;
	bottom: -45px;
	left: 50%;
	display: block;
	width: 100%;
	height: 1.4vw;
	max-height: 18px;
	padding: 0;
	line-height: 0;
	list-style: none;
	text-align: center;
	pointer-events: none;
	transform: translateX(-50%);
	z-index: 100;
}
.catchVisual .slick-dots li {
	position: relative;
	display: inline-block;
	width: 1.4vw;
	max-width: 18px;
	height: 1.4vw;
	max-height: 18px;
	margin: 0 9px;
	padding: 0;
	opacity: 1;
	background-color: transparent;
	border: none;
	border-radius: 18px;
	overflow: hidden;
	pointer-events: auto;
	cursor: pointer;
}
.catchVisual .slick-dots li button {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	color: transparent;
	outline: none;
	background-color: #a7a7a7;
	border: none;
	box-sizing: border-box;
	transition: all 0.4s ease-out;
}
.catchVisual .slick-dots li button:hover,
.catchVisual .slick-dots li.slick-active button {
	background-color: #fe207e;
}
@media screen and (min-width: 801px) and (max-width: 1500px) {
	.catchVisual .slick-dots {
		bottom: -3vw;
	}
	.catchVisual .slick-dots li {
		margin: 0 0.7vw;
	}
}
@media screen and (max-width: 800px) {
	.catchVisual .slick-dots {
		bottom: -12vw;
		width: 92vw;
		height: 4vw;
		max-height: inherit;
	}
	.catchVisual .slick-dots li {
		width: 4vw;
		max-width: inherit;
		height: 4vw;
		max-height: inherit;
		margin: 0 3vw;
		border-radius: 4vw;
	}
}
/*lineup*/
#characterList {
	position: relative;
	padding-bottom: 0;
	overflow: hidden;
}

#freespace01 + .widthWrapper {
	overflow: hidden;
}
#freespace01 + .widthWrapper .sectionTitle {
	width: 100%;
	max-width: inherit;
	margin: 0 auto!important;
	padding: 0!important;
	border: none!important;
}
#freespace01 + .widthWrapper .sectionTitle > span {
	width: 40vw;
	max-width: 600px;
	height: 10vw;
	max-height: 150px;
	margin: 0 auto!important;
	padding: 0!important;
	font-size: 0!important;
	background-image: url("/candy/special/manmaruyaki/images/titleLineup.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
#freespace01 + .widthWrapper .sectionTitle > span + span,
.widthWrapper .sectionTitle + .itemDetailLogoList {
	display: none;
}
@media screen and (min-width: 801px) and (max-width: 1500px) {
	#freespace01 + .widthWrapper .sectionTitle {
		padding: 0!important;
	}
}
@media screen and (max-width: 800px) {
	#freespace01 + .widthWrapper .sectionTitle {
		width: 100%;
		max-width: inherit;
		margin: 0 auto!important;
		padding: 0!important;
		border: none!important;
	}
	#freespace01 + .widthWrapper .sectionTitle > span {
		width: 100vw;
		height: 25vw;
	}
}
#productList .thumb.flexList4 {
	width: 22.6%!important;
	margin: 2em 1.2% 0!important;
	padding: 0!important;
	background-color: #fde4f0;
	border-radius: 6px;
	box-sizing: border-box;
	overflow: hidden;
}
#productList .thumb.flexList4 > a:not(.icon) {
	padding-bottom: 1em;
}
#productList .thumb.flexList4 > a .thumbImage {
	border-radius: 0.6vw 0.6vw 0 0;
}
#productList .thumb.flexList4 > a .thumbTitle {
	padding-left: 0.8em;
	box-sizing: border-box;
}
#productList .thumb.flexList4 > a .thumbSchedule {
	padding-left: 1em;
	box-sizing: border-box;
}
#productList .thumb.flexList4 > a .thumbSchedule::before {
	left: 1em;
}
@media screen and (max-width: 800px) {
	#productList .thumb.flexList4 {
		width: 46%!important;
		margin: 2em 2% 0!important;
	}
}
.specialFooter {
	width: 100%;
	margin: 2em 0 0!important;
	padding: 2em 0!important;
	color: #843929!important;
	background-color: #e9f8fc;
	box-sizing: border-box;
	overflow: hidden;
}
.specialFooter ul > li {
	display: inline;
}
.specialFooter ul > li + li {
	padding-left: 2em;
}
@media screen and (max-width: 800px) {
	.specialFooter ul > li {
		display: block;
	}
	.specialFooter ul > li + li {
		margin-top: 0.5em;
		padding-left: 0;
	}
}
#specialAbout {
	padding: 2em 0 5em;
	font-family: 'Zen Maru Gothic', sans-serif;
	color: #813c01!important;
	background-color: #e9f8fc;
}
#specialAbout .widthWrapper {
	width: 100%!important;
	max-width: 1500px!important;
	margin: 0 auto!important;
	padding: 0!important;
}
#specialAbout .widthWrapper .flexBlock {
	justify-content: center;
	align-items: center;
}
#specialAbout .widthWrapper .flexBlock > div {
	width: 40%;
	order: 2;
}
#specialAbout .widthWrapper .flexBlock > div.obj {
	width: 25%;
	height: 0;
	padding-top: 25%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
#specialAbout .widthWrapper .flexBlock > div.obj1 {
	background-image: url("/candy/special/manmaruyaki/images/objAbout01.png");
	order: 1;
}
#specialAbout .widthWrapper .flexBlock > div.obj2 {
	background-image: url("/candy/special/manmaruyaki/images/objAbout02.png");
	order: 3;
}
#specialAbout .specialTitle {
	width: 100%;
	max-width: inherit;
	margin: 0 auto!important;
	padding: 0!important;
	border: none!important;
}
#specialAbout .specialTitle > div {
	width: 100%;
	height: 10vw;
	max-height: 150px;
	margin: 0 auto!important;
	padding: 0!important;
	font-size: 0!important;
	background-image: url("/candy/special/manmaruyaki/images/titleAbout.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
@media screen and (max-width: 800px) {
	#specialAbout .specialTitle > div {
		height: 25vw;
	}
}
#specialAbout .attentionWithLogo {
	line-height: 3;
}
#specialAbout .attentionWithLogo > .logoInline {
	display: inline-block;
	width: 10em;
	height: 3em;
	background-image: url("/candy/special/manmaruyaki/images/_svg/logo.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
@media screen and (max-width: 800px) {
	#specialAbout .widthWrapper .flexBlock > div {
		width: 100%;
		order: 1;
	}
	#specialAbout .widthWrapper .flexBlock > div.obj {
		width: 50%;
		margin-top: 2em;
		padding-top: 50%;
	}
	#specialAbout .widthWrapper .flexBlock > div.obj1 {
		order: 2;
	}
}
#sitemap {
	margin-top: 0!important;
}