/*===========================================================================

 Common use utility （cm-）

 モジュール （md-{モジュール名}）

 モジュールのパターン別（md-{モジュール名}--{パターン名}）

 個別での上書き（ow-）

===========================================================================*/

/* PC

-------------------------------------*/

@media screen and (min-width: 769px) {

	.sp {

		display: none !important;

	}

}



/* SP

-------------------------------------*/

@media screen and (max-width: 768px) {

	.pc {

		display: none !important;

	}

}



/* SP for se

-------------------------------------*/

@media screen and (max-width: 359px) {

	.seBrNone br {

		display: none !important;

	}

}



.ib {

	display: inline-block;

}







/* .cm-fontEn {

	font-family: var(--font-josefin);

}

.cm-fontJa {

	font-family: var(--font-noto-sans);

} */



.cm-textUppercase {

	text-transform: uppercase;

}

.cm-ctsWidth {

	max-width: calc(1100 * var(--rs));

	margin-left: auto;

	margin-right: auto;

}

/* SP

----------------------------------*/

@media screen and (max-width: 768px) {

	.cm-ctsWidth {

		max-width: none;

		padding-right: calc(40 * var(--rs));

		padding-left: calc(40 * var(--rs));

	}

}



.cm-wd {

	white-space: nowrap;

}

.cm-visuallyHidden {

	position: absolute;

	width: 1px;

	height: 1px;

	padding: 0;

	overflow: hidden;

	clip: rect(0,0,0,0);

	white-space: nowrap;

	border: 0;

}





.cm-color {

	color: #d07184;

}

.cm-bold {

	font-weight: bold;

}

.cm-textCenter {

	text-align: center;

}



.md-mark {

	position: relative;

	z-index: 0;

}

.md-mark::before {

	content: "";

	display: block;

	position: absolute;

	top: 0;

	left: calc(-6 * var(--rs));

	width: calc(100% + 6 * var(--rs));

	height: 100%;

	background: linear-gradient(transparent 54%, #f6e3e6 54%);

	z-index: -1;

}