@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=RocknRoll+One&display=swap');
img[width="1"] {
	position: fixed;
	top: 0;
	left: 0;
}
.widthWrapper {
	padding: 0!important;
}
#contentsSection > .widthWrapper {
	width: 100%;
	max-width: inherit;
}
#freespace01 + .widthWrapper,
.breadCrumbs,
#contentsSectionMain .sectionTitle,
#subSection,
.characterLogo,
.characterNews,
/*.characterNews + #characterList,*/
#characterList,
p.textRegular + p.textRegular.alignRight.linkText,
#goBack {
	display: none!important;
}
#goBack {
	opacity: 0!important;
}
#contentsSectionMain {
	width: 100%!important;
}
#snsListSection {
	margin-top: 0!important;
}
@media screen and (max-width: 800px) {
	header .widthWrapper {
		padding: 5.5vw 0 0!important;
	}
}

#specialCharapaki {
	font-family: 'RocknRoll One', sans-serif;
	color: #472100;
	background-color: #ffd32f;
	overflow: hidden;
}
#specialCharapaki .cover {
	width: 100%;
	height: auto;
}
#specialCharapaki .bgPattern {
	background-image: url("/candy/charapaki/images/__update2403/pattern.png");
}
#specialCharapaki .boxHeader {
	width: 100%;
	height: 2.142857vw;
	max-height: 30px;
	background-image: url("/candy/charapaki/images/_svg/pc_top.svg");
	background-position: left top;
	background-repeat: repeat-x;
	background-size: auto 100%;
}
#specialCharapaki .boxFooter {
	width: 100%;
	height: 2.142857vw;
	max-height: 30px;
	background-image: url("/candy/charapaki/images/_svg/pc_bottom.svg");
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: auto 100%;
}
#specialCharapaki #campaign .boxFooter {
	background-image: url("/candy/charapaki/images/_svg/pc_footer.svg");
}
@media screen and (max-width: 800px) {
	#specialCharapaki .bgPattern {
		background-size: 100% auto;
	}
	#specialCharapaki .boxHeader {
		height: 2.5vw;
		max-height: inherit;
		background-image: url("/candy/charapaki/images/_svg/sp_top.svg");
		background-position: left bottom;
		background-size: cover;
	}
	#specialCharapaki .boxFooter {
		height: 2.5vw;
		max-height: inherit;
		background-image: url("/candy/charapaki/images/_svg/sp_bottom.svg");
		background-position: left top;
		background-size: cover;
	}
	#specialCharapaki #campaign .boxFooter {
		background-image: url("/candy/charapaki/images/_svg/sp_footer.svg");
	}
}
/*common*/
#specialCharapaki .dispWide {
	display: block;
}
#specialCharapaki .dispNarrow {
	display: none;
}
#specialCharapaki a {
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
#specialCharapaki a:hover img {
	opacity: 1;
}
#specialCharapaki a.hover {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#specialCharapaki a.opacity,
#specialCharapaki .slideImage.opacity {
	opacity: 1;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
#specialCharapaki a.opacity.hover,
#specialCharapaki .slideImage.opacity.hover {
	opacity: 0.75;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#specialCharapaki .objWrapper {
	position: relative;
}
#specialCharapaki .widthWrapper {
	/*
	width: 78.6vw;
	max-width: 1100px;
	*/
	width: 86%;
	margin-left: auto;
	margin-right: auto;
}
#specialCharapaki .widthWrapper .innerWrapper {
	width: 71.6363636%;
	max-width: 788px;
	margin-left: auto;
	margin-right: auto;
}
#specialCharapaki .flexBlock {
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	flex-direction: row;
	flex-shrink: 0;
	list-style: none;
}
#specialCharapaki .flexList2,
#specialCharapaki .flexList3 {
	width: 100%;
}
#specialCharapaki .flexList2 > li {
	width: 45.454545%;
}
#specialCharapaki .flexList3 > li {
	width: 30%;
}
#specialCharapaki .flexList2 > li:nth-child(n + 3) {
	margin-top: 1em;
}
#specialCharapaki .flexList3 > li:nth-child(n + 4),
#specialCharapaki .flexList2 > li {
	margin-top: 2em;
}
@media screen and (max-width: 800px) {
	#specialCharapaki .dispWide {
		display: none;
	}
	#specialCharapaki .dispNarrow {
		display: block;
	}
	#specialCharapaki .widthWrapper {
		width: 84vw;
		max-width: inherit;
	}
	#specialCharapaki .widthWrapperL {
		width: 95vw;
		max-width: inherit;
	}
	#specialCharapaki .widthWrapper .innerWrapper {
		width: 100%;
	}
	#specialCharapaki .flexList2 > li {
		width: 100%;
	}
	#specialCharapaki .flexList3 > li {
		width: 47.619047%;
	}
	#specialCharapaki .flexList2 > li:nth-child(n + 2) {
		margin-top: 1em;
	}
	#specialCharapaki .flexList3 > li:nth-child(n + 3) {
		margin-top: 2em;
	}
}
/*font*/
#specialCharapaki .marginTopHalf {
	margin-top: 0.5em!important;
}
#specialCharapaki .marginTop1em {
	margin-top: 1em!important;
}
#specialCharapaki .marginTop2em {
	margin-top: 2em!important;
}
#specialCharapaki .marginTop3em {
	margin-top: 3em!important;
}
#specialCharapaki .marginTop4em {
	margin-top: 4em!important;
}
#specialCharapaki .lineHeight150 {
	line-height: 1.5;
}
#specialCharapaki .lineHeight200 {
	line-height: 2;
}
#specialCharapaki .alignCenter {
	text-align: center;
}
#specialCharapaki .text30 {
	font-size: 30px;
}
#specialCharapaki .text24 {
	font-size: 24px;
}
#specialCharapaki .text18 {
	font-size: 18px;
}
#specialCharapaki .text0 {
	font-size: 0!important;
}
@media screen and (min-width: 801px) and (max-width: 1400px) {
	#specialCharapaki .text30 {
		font-size: 2.142857vw;
	}
	#specialCharapaki .text24 {
		font-size: 1.7142857vw;
	}
	#specialCharapaki .text18 {
		font-size: 1.2857142vw;
	}
}
@media screen and (max-width: 800px) {
	#specialCharapaki .text30 {
		font-size: 4.533333vw;
	}
	#specialCharapaki .text24 {
		font-size: 3.733333vw;
	}
	#specialCharapaki .text18 {
		font-size: 2.666666vw;
	}
}
/*specialNavi*/
.specialNavi {
	position: relative;
	width: 100%;
	height: 11.428571vw;
	max-height: 160px;
	z-index: 4;
}
.specialNavi::before {
	content: "";
	display: block;
	position: absolute;
	top: 94px;
	left: 14px;
	width: 100%;
	height: 80px;
	background-color: rgba(0,0,0,0.34);
	border-radius: 20px;
	z-index: 4;
}
.specialNavi::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -140px;
	width: 20vw;
	max-width: 280px;
	height: 11.428571vw;
	max-height: 160px;
	background-image: url("/candy/charapaki/images/_obj/navi_corner.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 4;
}
.specialNavi ul {
	position: relative;
	width: 100%;
	height: 11.428571vw;
	max-height: 160px;
	padding-top: 80px;
	background-image: url("/candy/charapaki/images/_navi/pc_navi.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	box-sizing: border-box;
	z-index: 5;
}
.specialNavi li {
	position: relative;
	width: 17.454545%;
	margin: 0;
	z-index: 5;
}
.specialNavi li:nth-child(3) {
	margin-left: auto;
}
.specialNavi li a,
.specialNavi li > span {
	display: block;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.specialNavi li a.hover {
	background-size: 110% auto;
}
.specialNavi li:nth-child(1) a,
.specialNavi li:nth-child(1) > span {
	background-image: url("/candy/charapaki/images/_navi/pc_navi01.png");
}
.specialNavi li:nth-child(2) a,
.specialNavi li:nth-child(2) > span {
	background-image: url("/candy/charapaki/images/_navi/pc_navi02.png");
}
.specialNavi li:nth-child(3) a,
.specialNavi li:nth-child(3) > span {
	background-image: url("/candy/charapaki/images/_navi/pc_navi03.png");
}
.specialNavi li:nth-child(4) a,
.specialNavi li:nth-child(4) > span {
	background-image: url("/candy/charapaki/images/_navi/pc_navi04.png");
}
.specialNavi li.deactive {
	opacity: 0.5;
}
@media screen and (min-width: 801px) and (max-width: 1400px) {
	.specialNavi::before {
		top: 6.71428571vw;
		left: 1vw;
		height: 5.7142857vw;
		border-radius: 1.4285714vw;
	}
	.specialNavi::after {
		left: -10vw;
	}
	.specialNavi ul {
		padding-top: 5.7142857vw;
	}
}
@media screen and (max-width: 800px) {
	.specialNavi {
		height: 41.866666vw;
		max-height: inherit;
	}
	.specialNavi::before {
		top: 17.066666vw;
		left: 1.866666vw;
		width: 100%;
		height: 26.666666vw;
		border-radius: 2.666666vw;
	}
	.specialNavi::after {
		top: 7vw;
		left: -15vw;
		width: 30vw;
		max-width: inherit;
		height: 20vw;
		max-height: inherit;
	}
	.specialNavi ul {
		height: 41.866666vw;
		max-height: inherit;
		padding-top: 15.2vw;
		background-image: url("/candy/charapaki/images/_navi/sp_navi.png");
	}
	.specialNavi li {
		position: relative;
		width: 50%;
		height: 13.333333vw;
		margin: 0;
		z-index: 5;
	}
	.specialNavi li:nth-child(3) {
		margin-left: 0;
	}
	.specialNavi li:nth-child(1) a,
	.specialNavi li:nth-child(1) > span {
		background-image: url("/candy/charapaki/images/_navi/sp_navi01.png");
	}
	.specialNavi li:nth-child(2) a,
	.specialNavi li:nth-child(2) > span {
		background-image: url("/candy/charapaki/images/_navi/sp_navi02.png");
	}
	.specialNavi li:nth-child(3) a,
	.specialNavi li:nth-child(3) > span {
		background-image: url("/candy/charapaki/images/_navi/sp_navi03.png");
	}
	.specialNavi li:nth-child(4) a,
	.specialNavi li:nth-child(4) > span {
		background-image: url("/candy/charapaki/images/_navi/sp_navi04.png");
	}
}


/*catchVisual*/
.catchVisual,
.catchVisual .slider .slideImage {
	width: 100%;
}
.catchVisual,
.catchVisual .slider,
.catchVisual .slider .slideImage {
	/*
	height: 36.857142vw;
	max-height: 516px;
	*/
	height: 48vw;
}
.catchVisual .slider::before {
	content: "";
	display: block;
	position: absolute;
	top: 14px;
	left: 14px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.34);
	border-radius: 20px;
	pointer-events: none;
}
.catchVisual .slider::after {
	content: "";
	display: block;
	position: absolute;
	right: -140px;
	bottom: -110px;
	width: 20vw;
	max-width: 280px;
	height: 15.7142857vw;
	max-height: 220px;
	background-image: url("/candy/charapaki/images/_obj/main-bnr_corner.png");
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: contain;
	pointer-events: none;
}
.catchVisual .slider .slick-list {
	position: relative;
	background-color: #fff;
	border-radius: 20px;
	overflow: hidden;
	z-index: 5;
}
.catchVisual .slider .slick-list::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 5px solid #483225;
	border-radius: 20px;
	box-sizing: border-box;
	z-index: 10;
	pointer-events: none;
}
.catchVisual .slider .slideImage {
	position: relative;
	background-color: #483225;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	/*
	background-size: cover;
	background-size: 100% auto;
	*/
	border-radius: 20px;
	pointer-events: auto;
	z-index: 6;
}
.catchVisual .slider .slideImage > a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media screen and (min-width: 801px) and (max-width: 1400px) {
	.catchVisual .slider::before {
		top: 1vw;
		left: 1vw;
		border-radius: 1.4285714vw;
	}
	.catchVisual .slider::after {
		right: -10vw;
		bottom: -7.8571428vw;
	}
	.catchVisual .slider .slick-list,
	.catchVisual .slider .slick-list::before,
	.catchVisual .slider .slideImage {
		border-radius: 1.4285714vw;
	}
}
@media screen and (max-width: 800px) {
	/*
	.catchVisual,
	.catchVisual .slider,
	.catchVisual .slider .slideImage {
		height: 39.375vw;
		max-height: inherit;
	}
	*/
	.catchVisual .slider::before {
		content: "";
		display: block;
		position: absolute;
		top: 1.866666vw;
		left: 1.866666vw;
		border-radius: 2.666666vw;
	}
	.catchVisual .slider::after {
		right: -12vw;
		bottom: -10vw;
		width: 30vw;
		max-width: inherit;
		height: 20vw;
		max-height: inherit;
	}
	.catchVisual .slider .slick-list,
	.catchVisual .slider .slick-list::before,
	.catchVisual .slider .slideImage {
		border-radius: 2.666666vw;
	}
}
/*about*/
#specialCharapaki #about {
	padding: 2em 0 3em;
	background-image: url("/candy/charapaki/images/__update2403/_obj/ptera.gif"), url("/candy/charapaki/images/01_about/pc_bg.jpg");
	background-position: left top, center center;
	background-repeat: no-repeat;
	background-size: auto, 100% auto;
}
#specialCharapaki #about .objWrapper {
	background-image: url("/candy/charapaki/images/_obj/about_left.png"), url("/candy/charapaki/images/_obj/about_right.png");
	background-position: left center, right center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
#specialCharapaki #about .objWrapper + .widthWrapper {
	width: 100%;
	max-width: inherit;
}
@media screen and (min-width: 801px) and (max-width: 1400px) {
	#specialCharapaki #about {
		background-size: 25.7142857vw auto, 100% auto;
	}
}
@media screen and (max-width: 800px) {
	#specialCharapaki #about {
		background-size: 20vw auto, 250% auto;
	}
}
/*lineup*/
#specialCharapaki #lineup .objWrapper {
	position: relative;
	padding: 0 0 6em;
	background-image: url("/candy/charapaki/images/__update2403/_obj/tirano.gif");
	background-position: right bottom;
	background-size: auto;
	background-repeat: no-repeat;
}
#specialCharapaki #lineup .objWrapper::before {
	content: "";
	display: block;
	position: absolute;
	top: -70px;
	right: 0;
	width: 23.57142857vw;
	max-width: 330px;
	height: 20.7142857vw;
	max-height: 290px;
	background-image: url("/candy/charapaki/images/__update2403/_obj/triceratops.gif");
	background-position: right top;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 10;
}
#specialCharapaki #lineup li {
	position: relative;
	height: 42.142857vw;
	max-height: 590px;
}
#specialCharapaki #lineup li::before {
	content: "";
	display: block;
	position: absolute;
	top: 14px;
	left: 14px;
	width: 100%;
	height: 42.142857vw;
	max-height: 590px;
	background-color: rgba(0,0,0,0.34);
	border-radius: 20px;
	z-index: 4;
}
#specialCharapaki #lineup li.obj::after {
	content: "";
	display: block;
	position: absolute;
	width: 20vw;
	max-width: 280px;
	background-repeat: no-repeat;
	background-size: contain;
}
#specialCharapaki #lineup li.objR::after {
	right: -140px;
	top: -140px;
	height: 20vw;
	max-height: 280px;
	background-image: url("/candy/charapaki/images/_obj/product_corner_01.png");
	background-position: right top;
}
#specialCharapaki #lineup li.objL::after {
	left: -140px;
	bottom: -100px;
	height: 14.285714vw;
	max-height: 200px;
	background-image: url("/candy/charapaki/images/_obj/product_corner_02.png");
	background-position: left bottom;
}
#specialCharapaki #lineup li.blank::before,
#specialCharapaki #lineup li.blank::after {
	display: none;
}
#specialCharapaki #lineup li > a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 42.142857vw;
	max-height: 590px;
	background-color: #fff;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	border: 8px solid;
	border-radius: 20px;
	box-sizing: border-box;
	overflow: hidden;
	z-index: 5;
}
#specialCharapaki #lineup li > a.hover {
	top: 14px;
	left: 14px;
}

@media screen and (min-width: 801px) and (max-width: 1400px) {
	#specialCharapaki #lineup .objWrapper {
		background-size: 51.2857vw auto;
	}
	#specialCharapaki #lineup .objWrapper::before {
		top: -5vw;
	}
	#specialCharapaki #lineup li::before {
		top: 1vw;
		left: 1vw;
		border-radius: 1.4285714vw;
	}
	#specialCharapaki #lineup li.objR::after {
		right: -10vw;
		top: -10vw;
	}
	#specialCharapaki #lineup li.objL::after {
		left: -10vw;
		bottom: -7.142857vw;
	}
	#specialCharapaki #lineup li > a {
		border-radius: 1.4285714vw;
	}
	#specialCharapaki #lineup li > a.hover {
		top: 1vw;
		left: 1vw;
	}
}
@media screen and (max-width: 800px) {
	#specialCharapaki #lineup .objWrapper {
		padding: 0 0 52vw;
		background-size: 50vw auto;
	}
	#specialCharapaki #lineup .objWrapper::before {
		top: -10vw;
		width: 30vw;
		max-width: inherit;
		height: 27vw;
		max-height: inherit;
	}
	#specialCharapaki #lineup .objWrapper.lineupEven {
		padding: 0 0 40vw;
	} 
	#specialCharapaki #lineup li {
		position: relative;
		/*
		height: 78.666666vw;
		*/
		height: 70vw;
		max-height: inherit;
	}
	#specialCharapaki #lineup li::before {
		content: "";
		display: block;
		position: absolute;
		top: 1.866666vw;
		left: 1.866666vw;
		width: 100%;
		/*
		height: 78.666666vw;
		*/
		height: 70vw;
		max-height: inherit;
		background-color: rgba(0,0,0,0.34);
		border-radius: 2.666666vw;
		z-index: 4;
	}
	#specialCharapaki #lineup li.obj::after {
		width: 30vw;
		max-width: inherit;
	}
	#specialCharapaki #lineup li.objR::after,
	#specialCharapaki #lineup li.objL::after {
		background-image: inherit;
	}
	#specialCharapaki #lineup li.objRsp::after {
		right: -12vw;
		top: -10vw;
		height: 20vw;
		max-height: inherit;
		background-image: url("/candy/charapaki/images/_obj/product_corner_01.png")!important;
		background-position: right top;
	}
	#specialCharapaki #lineup li.objLsp::after {
		top: inherit;
		left: -12vw;
		bottom: -10vw;
		height: 20vw;
		max-height: inherit;
		background-image: url("/candy/charapaki/images/_obj/product_corner_02.png")!important;
		background-position: left bottom;
	}
	#specialCharapaki #lineup li > a {
		/*
		height: 78.666666vw;
		*/
		height: 70vw;
		max-height: inherit;
		border: 1vw solid;
		/*
		background-size: auto 100%;
		*/
		background-size: contain;
		border-radius: 2.666666vw;
	}
}
/*cm*/
#specialCharapaki #cm {
	padding: 0 0 6em;
}
#specialCharapaki #cm li {
	position: relative;
	z-index: 13;
}
#specialCharapaki #cm li > span {
	display: block;
}
#specialCharapaki .movieWrapperSpecial {
	position: relative;
	background-color: #000;
	border: 5px solid #483225;
	border-radius: 20px;
	box-sizing: border-box;
}
#specialCharapaki .movieWrapperSpecial::before {
	content: "";
	display: block;
	position: absolute;
	top: 14px;
	left: 14px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.34);
	border-radius: 20px;
	z-index: 14;
}
#specialCharapaki .movieWrapperSpecial.obj::after {
	content: "";
	display: block;
	position: absolute;
	width: 20vw;
	max-width: 280px;
	background-repeat: no-repeat;
	background-size: contain;
}
#specialCharapaki .movieWrapperSpecial.objL::after {
	top: -110px;
	left: -140px;
	height: 15.7142857vw;
	max-height: 220px;
	background-image: url("/candy/charapaki/images/_obj/cm_corner_01.png");
	background-position: left bottom;
}
#specialCharapaki .movieWrapperSpecial.objR::after {
	right: -140px;
	bottom: -110px;
	height: 15.7142857vw;
	max-height: 220px;
	background-image: url("/candy/charapaki/images/_obj/cm_corner_02.png");
	background-position: right top;
}
#specialCharapaki .movieWrapperSpecial .movieContents {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding-top: 56.25%;
	border-radius: 20px;
	overflow: hidden;
	z-index: 15;
}
#specialCharapaki .movieWrapperSpecial .movieContents iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 15;
}
@media screen and (min-width: 801px) and (max-width: 1400px) {
	#specialCharapaki .movieWrapperSpecial {
		border-radius: 1.4285714vw;
	}
	#specialCharapaki .movieWrapperSpecial::before {
		top: 1vw;
		left: 1vw;
		border-radius: 1.4285714vw;
	}
	#specialCharapaki .movieWrapperSpecial.objL::after {
		top: -7.857142857vw;
		left: -10vw;
	}
	#specialCharapaki .movieWrapperSpecial.objR::after {
		right: -10vw;
		bottom: -7.857142857vw;
	}
	#specialCharapaki .movieWrapperSpecial .movieContents {
		border-radius: 1.4285714vw;
	}
}
@media screen and (max-width: 800px) {
	#specialCharapaki .movieWrapperSpecial {
		border-radius: 2.666666vw;
	}
	#specialCharapaki .movieWrapperSpecial::before {
		top: 3vw;
		left: 3vw;
		border-radius: 2.666666vw;
	}
	#specialCharapaki .movieWrapperSpecial.obj::after {
		width: 30vw;
		max-width: inherit;
	}
	#specialCharapaki .movieWrapperSpecial.objL::after {
		top: -10vw;
		left: -14vw;
		height: 20vw;
		max-height: inherit;
	}
	#specialCharapaki .movieWrapperSpecial.objR::after {
		right: -12vw;
		bottom: -10vw;
		height: 20vw;
		max-height: inherit;
	}
	#specialCharapaki .movieWrapperSpecial .movieContents {
		border-radius: 2.666666vw;
	}
}
/*campaign*/
#specialCharapaki #campaign .objWrapper {
	position: relative;
}
#specialCharapaki #campaign .widthWrapper {
	position: relative;
	padding-bottom: 5em!important;
}
#campaign .banner {
	position: relative;
}
#campaign .banner::before {
	content: "";
	display: block;
	position: absolute;
	top: 14px;
	left: 14px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.34);
	border-radius: 20px;
	z-index: 4;
}
#campaign .banner a {
	position: relative;
	display: block;
	background-color: #483225;
	border: 5px solid #483225;
	border-radius: 20px;
	box-sizing: border-box;
	overflow: hidden;
	z-index: 5;
}
#campaign .btnTop {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 10.7142857vw;
	max-width: 150px;
	height: 10.7142857vw;
	max-height: 150px;
}
@media screen and (min-width: 801px) and (max-width: 1400px) {
	#campaign .banner::before {
		top: 1vw;
		left: 1vw;
		border-radius: 1.4285714vw;
	}
	#campaign .banner a {
		border-radius: 1.4285714vw;
	}
}
@media screen and (max-width: 800px) {
	#specialCharapaki #campaign .widthWrapper {
		padding: 0 0 5em!important;
	}
	#campaign .banner::before {
		top: 1.866666vw;
		left: 1.866666vw;
		border-radius: 2.666666vw;
	}
	#campaign .btnTop {
		width: 20vw;
		max-width: inherit;
		height: 20vw;
		max-height: inherit;
	}
	#campaign .banner a {
		border-radius: 2.666666vw;
	}
}
/*specialFooter*/
#specialFooter {
	padding: 2em 0 1em;
	text-align: right;
	color: #fff;
	background-color: #483225;
}
@media screen and (max-width: 800px) {
	#specialFooter {
		text-align: center;
	}
}
/*ruby*/
#specialCharapaki [data-ruby] {
	position: relative;
}
#specialCharapaki [data-ruby]::before {
	content: attr(data-ruby);
	position: absolute;
	top: -1em;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 0.3em;
}
#specialCharapaki .text24 [data-ruby],
#specialCharapaki .text18 [data-ruby] {
	letter-spacing: 0.15em;
}
#specialCharapaki .text24 [data-ruby]::before,
#specialCharapaki .text18 [data-ruby]::before {
	top: -1.25em;
	left: -0.5em;
	right: -0.5em;
	white-space: nowrap;
}
@media screen and (max-width: 800px) {
	#specialCharapaki [data-ruby]::before {
		font-size: 0.4em;
	}
}
#sitemap {
	margin-top: 0!important;
}