@charset "UTF-8";

@media screen and (max-width: 767px) {
/******************************
.mvArea
******************************/
	.mvArea {
		margin-top: 107px;
	}

/******************************
.mainArea
******************************/
	.mainArea {
		padding: 30px 12.5px 50px;
		background: url(/mikke/local/images/kyaraben2025_bg_02_sp.png), url(/mikke/local/images/kyaraben2025_bg_01_sp.png), #ffdf88;
		background-position: center top, center 300px;
		background-repeat: no-repeat, repeat-y;
		background-size: 100% 300px, contain;
	}
	.mainArea .mainInr {
		width: 100%;
	}
	.mainArea [class*="scBase0"] {
		border-radius: 25px;
	}
	.mainArea .scBase01 {
		padding: 35px 15px 30px;
	}
	.mainArea .scBase02 {
		padding: 35px 15px 30px;
	}
	.mainArea .scBase03 {
		padding: 35px 15px 30px;
	}
	.mainArea .scBase04 {
		padding: 35px 15px 0;
	}
	.mainArea .scBase05 {
		padding: 35px 15px 30px;
	}

/******************************
.scArea.typeLead
******************************/
	.scArea.typeLead .hTtl02 {
		width: 100%;
		max-width: 339.5px;
	}
	.scArea.typeLead .lineHeightSet01 {
		line-height: 1.833;
	}
	.scArea.typeLead .lineHeightSet02 {
		line-height: 1.833;
	}
	.scArea.typeLead .letterSpaceSet01 {
		letter-spacing: -0.05em;
	}

/******************************
.scArea.typePresent
******************************/
	.scArea.typePresent .hTtl02 {
		width: 100%;
		max-width: 167px;
	}
	.scArea.typePresent .presentItemBlk {
		position: static;
	}
	.scArea.typePresent .presentImg01 {
		width: 100%;
		max-width: 334px;
		margin: 0 auto;
	}
	.scArea.typePresent .presentImg02 {
		width: 100%;
		max-width: 325px;
		margin: 0 auto;
	}
	.scArea.typePresent .lineHeightSet01 {
		line-height: 1.786;
	}
	.scArea.typePresent .lineHeightSet02 {
		line-height: 1.389;
	}
	.scArea.typePresent .lineHeightSet03 {
		line-height: 1.6;
	}

/******************************
.scArea.typeLabTama
******************************/
	.scArea.typeLabTama .aboutBlk {
		padding: 22px 20px;
	}
	.scArea.typeLabTama .aboutColumn {
		display: block;
	}
	.scArea.typeLabTama .labTamaImg01 {
		width: 100%;
		max-width: 247px;
		margin: 0 auto;
	}
	.scArea.typeLabTama .hTtl03 {
		width: 100%;
		max-width: 163px;
		margin: 0 auto;
	}
	.scArea.typeLabTama .colItem {
		width: 100%;
		margin-left: 0;
	}
	.scArea.typeLabTama .lineHeightSet01 {
		line-height: 1.923;
	}

/******************************
.anchorArea
******************************/
	.anchorArea .anchorBlk {
		display: block;
		width: 100%;
		margin: 50px auto 0;
	}
	.anchorArea .anchorBlk .ancItem {
		width: 100%;
		margin-top: 15px;
		margin-left: 0;
	}
	.anchorArea .anchorBlk .ancItem:first-child {
		margin-top: 0;
	}
	*[class*="mcs-btn"][class*="iconSet0"] {
		padding: 10px;
	}
	.anchorArea .anchorBlk [class*="iconSet0"] span:after {
		right: 16px;
		width: 33px;
		height: 33px;
	}
	.anchorArea .anchorImg01 {
		width: 100%;
		max-width: 198px;
		margin: 0 auto;
	}

/******************************
.scArea.typeKyara
******************************/
	.scArea.typeKyara .kyaraColumn {
		display: block;
	}
	.scArea.typeKyara .kyaraColumn .txtCol {
		width: 100%;
	}
	.scArea.typeKyara .kyaraColumn .imgBtnCol {
		position: relative;
		width: 100%;
		margin-top: 30px;
	}
	.scArea.typeKyara .hTtl02 {
		width: 100%;
		max-width: 161px;
		margin: 0 auto;
	}
	.scArea.typeKyara .lineHeightSet01 {
		line-height: 1.923;
	}
	.scArea.typeKyara .kyaraImg01 {
		content: none;
	}
	.scArea.typeKyara .kyaraImg02 {
		width: 100%;
		max-width: 314.5px;
		margin: 0 auto;
	}
	.scArea.typeKyara .letterSpaceSet01 {
		letter-spacing: 0.05em;
	}

/******************************
.scArea.typeContest
******************************/
	.scArea.typeContest .hTtl02 {
		width: 167px;
	}
	.scArea.typeContest .infoList .infoItem {
		display: block;
		margin-top: 15px;
		padding-bottom: 10px;
	}
	.scArea.typeContest .infoList .itemTxt {
		margin-left: 0;
	}
	.scArea.typeContest .lineHeightSet01 {
		line-height: 1.308;
	}

/******************************
.scArea.typeHowTo
******************************/
	.scArea.typeHowTo .hTtl02 {
		width: 100%;
		max-width: 98.5px;
	}
	.scArea.typeHowTo .howToImg01 {
		width: 100%;
		max-width: 320px;
	}
	.scArea.typeHowTo .instagramIco {
		padding-left: 42px;
	}
	.scArea.typeHowTo .instagramIco::before {
		width: 28.5px;
		height: 28.5px;
	}
	.scArea.typeHowTo .howToImg02 {
		width: 100%;
		max-width: 326px;
		margin: 0 auto;
	}

/******************************
.scArea.typeIntroduction
******************************/
	.scArea.typeIntroduction .hTtl02 {
		width: 100%;
		max-width: 296.5px;
	}
	.scArea.typeIntroduction .introductionList {
		display: block;
	}
	.scArea.typeIntroduction .introductionList .introItem {
		width: 100%;
		margin-top: 20px;
		margin-left: 0;
		padding: 15px;
		border-radius: 5px;
	}
	.scArea.typeIntroduction .introductionList .introItem:first-child {
		margin-top: 0;
	}
	.scArea.typeIntroduction .introImg {
		width: 100%;
		max-width: 160px;
	}
	.scArea.typeIntroduction .introTtlBtn {
		width: 100%;
		margin-left: 15px;
	}
	.scArea.typeIntroduction .lineHeightSet01 {
		line-height: 1.2;
	}
	*[class*="mcs-btn"].btnSizeSet01 {
		min-height: auto;
		padding: 1px;
		border-radius: 12px;
	}
	*[class*="mcs-btn"][class*="mcs-glyph"].btnSizeSet01 > span {
		padding: 0 20px;
	}
	*[class*="mcs-btn"][class*="mcs-glyphArrow"].btnSizeSet01 > span::before {
		left: 5px;
	}
	.scArea.typeIntroduction .bnrBlk {
		width: 284px;
		margin: 20px auto 0;
		padding: 0 0 154px 0;
	}
	.scArea.typeIntroduction .bnrBlk::before {
		content: none;
	}
	.scArea.typeIntroduction .bnrBlk::after {
		right: auto;
		bottom: 0;
		left: 50%;
		width: 284px;
		height: 134px;
		background: url(/mikke/local/images/kyaraben2025_img_09_sp.png) 0 0 no-repeat;
		background-size: contain;
		transform: translateX(-50%);
	}
	.scArea.typeIntroduction .bnrBlk .bnrImg01 {
		width: 100%;
		max-width: 284px;
	}

/******************************
.scArea.typeRule
******************************/
	.scArea.typeRule .hTtl02 {
		width: 100%;
		max-width: 98px;
	}
	.scArea.typeRule .lineHeightSet01 {
		line-height: 1.769;
	}

}
