@charset "shift_jis";

/* ======================================================
 * /common-files/css/gecard/babymonster/babymonster.css
====================================================== */
.modalInlineWrapper {
	display: none;
}

body {
	font-family: 'Heebo', 'Noto Sans CJK JP', sans-serif;
	overflow-x: hidden;
	font-size: 1.6rem;
	color: #000;
	background: #fff;
	background-size: contain;
	line-height: 1.6;
}

body#babymonster.babymonster-compact {
	padding-bottom: 0;
}

a:link,
a:visited {
	color: #000;
}

a:hover {
	text-decoration: none !important;
}

.underline {
	text-decoration: underline !important;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}

.emphasis {
	color: #B81C22;
	font-weight: bold;
}

.babymonster-boxOrderlist01 > li {
    position: relative;
    padding-left: 27px;
    font-size: 1.4rem;
}

.babymonster-boxOrderlist01 > li > .mark {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 240%;
    margin-top: -14px;
}
.babymonster-boxOrderlist01 > li > .ask {
    position: absolute;
    top: 0;
    left: 11px;
    font-size: 87%;
    margin-top: 2px;
}

/* override
------------------------------------------------------ */
#mainContents {
	width: 100%;
}

.contentsWrap {
	max-width: 1200px;
	margin: 0 auto;
}

#mainContainer {
	margin-top: 0;
}

/* header
------------------------------------------------------ */
#header {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 4px 0;
	background-color: #fff;
	border-bottom: 1px solid #C5C5B6;
	z-index: 1;
}
#headerLogo {
	max-width: 1200px;
	margin: 0 auto;
	padding: 6px 15px;
}
.headerLogo-inner {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 14px;
}
.headerLogo-inner img {
	vertical-align: middle;
}

/* footer
------------------------------------------------------ */
#footer {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-top: 30px;
	padding: 0 0 30px 0;
	border: none;
	text-align: center;
}
#copyright {
	font-size: 1.2rem;
	line-height: 1.7;
}

/* common
------------------------------------------------------ */
.box {
	padding: 80px;
	width: 100%;
	border: 1px solid #000;
	box-shadow: 4px 4px 0 0 #000;
}

.sp-only {
	display: none !important;
}
.pc-only {
	display: inline-block !important;
}

.babymonster-section {
	padding: 40px 0 40px 0;
}

.heading02 {
	font-size: 4rem;
	font-weight: bold;
	margin-bottom: 40px;
	text-align: center;
}

.heading02 span {
	font-size: 1.5rem;
	display: inline-block;
	color: #B81C22;
	font-weight: normal;
}

sup {
	font-size: 1.6rem;
}

/* Main Visual
------------------------------------------------------ */
.babymonster-mainVisual {
	text-align: center;
}

/* 選べるお申し込み方法方法
------------------------------------------------------ */
.box-select {
	display: flex;
	flex-direction: column;
	gap: 48px;
	justify-content: center;
	margin-bottom: 120px;
}

.box-select:last-child {
	margin-bottom: 0;
}

.box-selectItem {
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 80px;
}

.box-other .box-selectItem {
	flex-direction: column;
	gap: 0;
}

.box-selectItemLead {
	margin-bottom: 20px;
	font-size: 3.6rem;
	font-weight: bold;
}

.box-selectItemText {
	font-size: 2.4rem;
	margin-bottom: 15px;
	font-weight: bold;
}
.box-selectItemSubText {
	font-size: 1.6rem;
	margin-bottom: 40px;
}

.zizen-kokuchi {
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
}

.box-apply .zizen-kokuchi {
	font-size: 1.8rem;
}

.caption {
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	font-style: italic;
}

.babymonster-noice {
	font-size: 1.2rem;
	margin-top: 30px;
}

.box-apply .babymonster-noice {
	margin-top: 40px;
}

/* WEBでお申し込み
------------------------------------------------------ */
.box-cardSelectItemWrap {
	display: grid;
	grid-template-columns: repeat(2, max-content);
	justify-content: center;
	justify-items: center;
	align-items: center;
	gap: 64px;
	margin-top: 40px;
}

.box-cardSelectItem {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	max-width: 276px;
}

.box-cardSelectItem img {
	width: 253px;
}

.box-memberCard {
	grid-template-columns: repeat(3, 1fr);
	gap: 40px 64px;
	margin-top: 40px;
}

.box-memberCard .box-cardSelectItem img {
	width: 160px;
}

.box-alreadyCard {
	text-align: center;
	margin: 30px 0 30px 0;
}
.box-alreadyCard-text {
	font-size: 4rem;
	font-weight: bold;
	margin-bottom: 48px;
}

.babymonster-section-select {
	padding-bottom: 80px;
}

body.babymonster-compact .babymonster-section-select {
	padding: 80px 0;
}

/* 入会利用特典
------------------------------------------------------ */
.babymonster-section-useBenefit {
	background-color: #FBF4F4;
	padding: 40px 0 80px 0;
}

.box-useBenefitWrap {
	display: flex;
	gap: 43px;
	justify-content: center;
}

.box-useBenefit-imageWrap {
	width: 543px;
	flex-shrink: 0;
}

.box-useBenefit-imageWrap img {
	width: 100%;
	height: auto;
	vertical-align: top;
}

.box-useBenefit-text {
	font-size: 2.2rem;
	line-height: 1.6;
	font-weight: bold;
}
.box-useBenefit-text2 {
	font-size: 2.4rem;
	line-height: 1.6;
	font-weight: bold;
	color: #B81C22;
	margin-top: 15px;
}

.box-useBenefit-text2 span {
	font-size: 3.2rem;
}

.box-useBenefit-text2 span span {
	font-size: 3.6rem;
}

.babymonster-section-useBenefit .babymonster-noice {
	font-size: 1.4rem;
}

/* BABYMONSTER エポスカードについて
------------------------------------------------------ */
.babymonster-section-about .box {
	padding: 60px 80px;
}
.babymonster-text01 {
	font-size: 3.2rem;
	margin-bottom: 30px;
	text-align: center;
}

.babymonster-text02 {
	font-size: 2rem;
	margin-bottom: 30px;
	text-align: center;
}
.babymonster-text03 {
	font-size: 1.6rem;
	margin: 24px 0;
	text-align: center;
}

.babymonster-text04 {
	font-size: 1.4rem;
	line-height: 1.6;
	text-align: left;
}

.babymonster-section-about .fukidashi {
	position: relative;
	border: 2px solid rgba(184, 28, 34, 0.35);
	max-width: 835px;
	padding: 30px;
	background: #FBF4F4;
	margin: 60px auto 60px auto;
}

.babymonster-section-about .fukidashi::before {
	content: "";
	position: absolute;
	top: -40px;
	left: 170px;
	width: 46px;
	height: 40px;
	background: url("/gecard/babymonster/img-files/index_ic02_pc.png") no-repeat center / contain;
}

.babymonster-section-about .fukidashi p {
	max-width: 560px;
	margin-inline: auto;
	font-size: 2.2rem;
	line-height: 1.6;
	text-align: center;
	font-weight: bold;
}

.w650 {
	max-width: 650px;
	margin: 0 auto;
}

.w900 {
	max-width: 900px;
	margin: 0 auto;
}

.toggleWrap {
	border: 1px solid #B81C22;
	border-radius: 20px;
	margin: 40px 0;
	max-width: 900px;
	margin-inline: auto;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.babymonster-section-about .toggleWrap:last-child {
	margin-bottom: 0;
}

.toggleTrigger {
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    padding: 14px 0;
    cursor: pointer;
    line-height: 1;
}
.toggleTrigger span {
	position: relative;
	padding-right: 20px;
}
.toggleTrigger span::before {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 7px 0 7px;
	border-color: #B81C22 transparent transparent transparent;
	position: absolute;
	right: 0;
	top: 48%;
	transform: translateY(-50%) rotate(0deg);
	transition: transform 0.2s ease;
}
.toggleTrigger.open span::before {
	transform: translateY(-50%) rotate(180deg);
}
.toggleContent {
	border-top: 1px solid #B81C22;
	padding: 24px 40px;
}

.toggleContent .babymonster-text03 {
	margin: 0 0 24px 0;
}

/* BABYMONSTER エポスカードについて
------------------------------------------------------ */
.babymonster-section-eposAppBenefit .box-selectItemLead {
	font-size: 3.2rem;
}

.babymonster-section-eposAppBenefit .box-selectItem {
	gap: 60px;
}

.babymonster-section-eposAppBenefit .box-selectItemText {
	line-height: 1.4;
}

.babymonster-section-eposAppBenefit .babymonster-noice {
	text-align: left;
	font-size: 1.6rem;
	margin-top: 80px;
}

/* 新規ご入会特典
------------------------------------------------------ */
.box-newBenefit {
	text-align: center;
}

.box-benefit-text01 {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 15px;
}
.box-benefit-text02 {
	font-size: 2.2rem;
	font-weight: bold;
	margin-bottom: 25px;
}

.box-benefit-text02 .big {
	font-size: 4rem;
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	margin-left: 15px;
}

.box-benefit-text03 {
	display: grid;
	grid-template-columns: auto 1fr;
	column-gap: 10px;
	row-gap: 10px;
	width: fit-content;
	margin-inline: auto;
	font-size: 1.6rem;
	line-height: 1.6;
	text-align: left;
	margin: 40px auto;
}

.box-benefit-text03 dd {
	margin: 0;
}

.box-benefit-text04 a {
	font-size: 1.4rem;
	text-underline-offset: 2px;
}

.box-benefit-text04 a:hover {
	text-decoration: none;
}

.babymonster-buttonWrap {
	display: flex;
	justify-content: center;
	gap: 60px;
}

.babymonster-button01 a {
	display: block;
	font-size: 2.4rem;
	font-weight: bold;
}

/* NEWS
------------------------------------------------------ */
.babymonster-section-news {
	padding-bottom: 80px;
}

.newsBox .content ul {
	max-width: 800px;
	margin: 0 auto;
}
.newsBox .content li {
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	margin-bottom: 20px;
	gap: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #E8E8E8;
}
.newsBox .content li > * {
	font-size: 1.6rem;
	display: flex;
	align-items: center;
}

.newsBox .content li .date {
	position: relative;
	font-weight: bold;
	flex-shrink: 0;
}

.newsBox .content li .date::after {
	content: '';
	position: absolute;
	left: 0;
	right: -7px;
	bottom: -21px;
	height: 1px;
	background-color: #000;
}

.newsBox .mCSB_container {
	padding-right: 0px !important;
}
.newsBox .mCSB_inside > .mCSB_container{
	margin-right: 20px;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin: 11px 0 10px;
}
.newsBox .mCS-my-theme.mCSB_scrollTools{
	width: 18px;
	background-color: inherit;
	padding: 0 3px;
	opacity: 1;
}
.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail{
	width: 14px;
	background-color: #1D2088;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { 
	width: 14px;
	margin: 3px 0;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 3px;
	right: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #fff;
}
.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_buttonUp,
.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_buttonDown { 
	width: 16px;
	height:18px;
	opacity: 1;
}
	.newsBox .mCS-my-theme.mCSB_scrollTools a.mCSB_buttonUp::before{
	width: 0;
	height: 0;
	border-bottom: 9px solid #1D2088;
	border-right: 7.5px solid transparent;
	border-left: 7.5px solid transparent;
	position:absolute;
	top: 2px;
	left: 0;
	display: block;
	content: "";
}
.newsBox .mCS-my-theme.mCSB_scrollTools a.mCSB_buttonDown::before{ 
	width: 0;
	height: 0;
	border-top: 9px solid #1D2088;
	border-right: 7.5px solid transparent;
	border-left: 7.5px solid transparent;
	position:absolute;
	bottom: 0;
	left: 0;
	display: block;
	content: "";
}

/* applyBtn
------------------------------------------------------ */
.applyBtn a {
	display: block;
	align-items: center;
	position: relative;
	width: 356px;
	margin: 0 auto;
	border-radius: 50px;
	padding: 21px 20px 21px 20px;
	line-height: 1;
	background-color: #000;
	text-align: center;
	justify-content: center;
	font-size: 2.4rem;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.25);
	transition: 0.3s all ease-out;
}

.box-apply .applyBtn {
	margin-top: 24px;
}

.box-apply .applyBtn a {
	font-size: 1.8rem;
	width: 260px;
}

.btn-txt {
	font-size: 2.4rem;
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}

.btn-txt span {
	font-weight: bold;
}

.applyBtn a:hover {
	opacity: 0.6;
}

.babymonster-applyBtn {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	background: rgba(255, 255,255, 0.7);
	backdrop-filter: blur(6px);
}

.babymonster-applyBtn .babymonster-buttonWrap {
	margin: 0;
	width: 100%;
}

.babymonster-applyBtn .applyBtn {
	width: 1128px;
	display: flex;
	justify-content: center;
	gap: 30px;
	margin: 28px auto;
}

.babymonster-applyBtn .applyBtn a {
	font-size: 2rem;
	padding: 18px 20px 18px 20px;
	flex-direction: column;
}

/* 必ずお読みください
------------------------------------------------------ */
.babymonster-box02 {
	padding: 60px 200px 80px 200px;
	border: none;
	box-shadow: none;
	background: #F3F3F3;
}
.babymonster-boxTitle {
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 60px;
}
.babymonster-box02 .babymonster-boxText01 {
	margin-top: 12px;
	font-size: 1.6rem;
	line-height: 2;
}
.babymonster-box02 .babymonster-boxText01 .large {
	font-size: 2rem;
	font-weight: bold;
	display: inline-block;
}

.babymonster-box02 .babymonster-boxHr {
	width: 100%;
	height: 1px;
	margin: 24px 0;
	border: none;
	background-color: #000;
}

.babymonster-box02 .nest >:first-child {
	margin-top: 0;
}

.babymonster-box02 .card-back {
	border-radius: 8px;
}

.babymonster-boxList01 {
	margin-top: 0px;
}
.babymonster-boxList01 > li {
	position: relative;
	padding-left: 25px;
	font-size: 1.6rem;
	line-height: 1.6;
}
.babymonster-boxList01 > li > .mark {
	position: absolute;
	top: 0;
	left: 4px;
}

.babymonster-box02 .babymonster-boxList01 > li {
	padding-left: 17px;
}

.babymonster-box02 .babymonster-boxList01 > li > .mark {
	top: 0;
	left: 0;
}

.babymonster-box02 .babymonster-boxOrderlist01 {
	margin-top: 24px;
}

.babymonster-box02 .babymonster-boxOrderlist01 > li {
	font-size: 1.6rem;
	padding-left: 20px;
}

.babymonster-box02 .babymonster-boxOrderlist01 > li > .mark {
	font-size: 100%;
	margin-top: 0;
}

.babymonster-box02 .babymonster-boxInquiry {
	margin-top: 24px;
	text-align: center;
	font-size: 1.6rem;
	line-height: 1.63;
}

.babymonster-box02 .operator {
	display: inline-block;
	margin-top: 10px;
	font-size: 1.4rem;
}

/* modal */
body#babymonster #cboxOverlay {
	opacity: 0.7 !important;
	filter: alpha(opacity = 70) !important;
}

#cboxContent {
	border-radius: 10px;
	box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.2);
}
body#babymonster .babymonster-modalWrap {
	display: none;
}
body#babymonster #babymonster-appModal .babymonster-modalInner {
	box-sizing: border-box;
	margin: 0 auto;
	padding: 80px 24px 80px;
	text-align: center;

}
body#babymonster #babymonster-appModal .babymonster-modalTitle {
	color: #333333;
	font-size: 4rem;
	font-weight: 900;
	height: auto;
	line-height: 1.4;
	margin: 0px 0px 30px 0px;
	width: auto;
	max-width: 100%;
	justify-content: flex-start;
}
body#babymonster #babymonster-appModal .babymonster-modalText {
	color: #333333;
	flex: none;
	font-size: 20px;
	font-weight: 400;
	height: auto;
	line-height: 1.4;
	margin: 0px 0px 30px 0px;
	width: auto;
	max-width: 100%;
	justify-content: flex-start;
}
body#babymonster #babymonster-appModal .babymonster-modalQr {
	height: 152px;
	width: 152px;
	max-width: 100%;
	margin: 0 auto;
	background-image: url("/gecard/babymonster/img-files/index_qr.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.babymonster-section-sns {
	padding-bottom: 0px;
}

/* Layout switch
------------------------------------------------------ */
/* body#babymonster.babymonster-compact {
	padding-bottom: 30px;
} */
body#babymonster.babymonster-compact .babymonster-applyBtn {
	display: none !important;
}

.layout_normal_excepting {
	display: none;
}
body#babymonster.babymonster-compact .layout_normal_only {
	display: none;
}
body#babymonster.babymonster-compact .layout_normal_excepting {
	display: block;
}

/* other than normal */
.box-other .box-selectItem {
	width: 100%;
	padding: 40px 15px 40px 15px;
}

.box-other .box-selectItemImage {
	min-height: auto;
}

.box-other .applyBtn a::before {
	right: 18px;
}

.box-other .babymonster-noice {
	margin-bottom: 0;
	min-height: auto;
}

/* webchannel layout switch */
.layout_webcha_only {
	display: none;
}
body#babymonster.babymonster-webcha .layout_other {
	display: none;
}
body#babymonster.babymonster-webcha .layout_webcha_only {
	display: block;
	margin-top: 20px;
}

.layout_webcha_only_inner {
	margin: 0 auto;
	align-content: center;
	align-items: center;
	flex: none;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 30px;
	justify-content: flex-start;
	padding: 56px 0 72px 0;
}

.layout_webcha_only_inner img {
	border: 1px solid #000;
}

.layout_webcha_only_inner .babymonster-boxOrderlist01 > li {
	padding-left: 17px;
    font-size: 1.6rem;
}

.layout_webcha_only_inner .babymonster-boxOrderlist01 > li > .mark {
	font-size: 100%;
	margin-top: 0;
}

.layout_webcha_only_inner .text a {
	text-align: center;
	font-size: 1.6rem;
	line-height: 1.6;
}

.layout_webcha_only_inner .babymonster-boxOrderlist01 {
	line-height: 2;
	max-width: 900px;
	margin-inline: auto;
}

/* SP */
@media screen and (max-width: 750px) {
	#mainContainer {
		margin-top: 0;
	}

	.sp-only {
		display: inline-block !important;
	}
	.pc-only {
		display: none !important;
	}

	.sp-mb15 {
		margin-bottom: 15px !important;
	}

	sup {
		font-size: 1.3rem;
	}

	#header {
		padding:2px 0;
	}

	#headerLogo img {
		vertical-align: middle;
	}

	#headerLogo img:first-child {
		width: 120px;
	}

	#headerLogo img:nth-child(2) {
		width: 16px;
	}

	#headerLogo img:last-child {
		width: 60px;
	}

	#mainContents {
		width: 100% !important;
		padding: 0;
	}

	.contentsWrap {
		margin: 0 16px;
	}

	.babymonster-section {
		padding: 25px 0;
	}

	.babymonster-section-select {
		padding: 40px 0;
	}
	body.babymonster-compact .babymonster-section-select {
		padding: 46px 0;
	}

	.heading02 {
		text-align: center;
		font-size: 2rem;
		margin-bottom: 15px;
	}

	.heading02 span {
		font-size: 1rem;
	}

	.heading02 img {
		width: 100%;
	}

	/* mainVisual */
	.babymonster-mainVisual {
		margin-bottom: 0;
	}

	.babymonster-mainVisual h1 {
		min-height: auto;
	}

	.babymonster-mainVisual h1 img {
		width: 100%;
	}

	/* about */
	.babymonster-section-about .box {
		padding: 32px 20px;
	}

	.babymonster-section-about .fukidashi {
		padding: 15px;
		margin: 30px auto 30px auto;
	}

	.babymonster-section-about .fukidashi::before {
		content: "";
		position: absolute;
		top: -25px;
		left: 55px;
		width: 16px;
		height: 25px;
		background: url("/gecard/babymonster/img-files/index_ic02_sp.png") no-repeat center / contain;
	}

	.babymonster-text02 {
		font-size: 1.6rem;
		margin-bottom: 15px;
	}

	.babymonster-text03 {
		text-align: left;
		margin: 16px 0 0 0;
	}

	.toggleWrap {
		margin: 25px 0;
	}

	.toggleTrigger {
		font-size: 1.6rem;
		line-height: 1.4;
		padding: 11px 0;
	}

	.toggleTrigger span {
		display: inline-block;
		padding-right: 0;
	}

	.toggleTrigger span::before {
		right: -22px;
	}

	.toggleContent {
		padding: 16px 16px 30px 16px;
	}

	.toggleContent .babymonster-text03 {
		text-align: center;
		margin-bottom: 16px;
	}

	.babymonster-section-about .fukidashi p {
		font-size: 1.2rem;
	}

	.babymonster-section-about .babymonster-boxOrderlist01 li {
		padding-left: 20px;
	}

	.babymonster-section-about .babymonster-boxOrderlist01 .mark {
		position: absolute;
		top: 0;
		left: -7px;
	}

	.babymonster-text01 {
		font-size: 1.6rem;
		text-align: left;
		margin-bottom: 15px;
	}

	.babymonster-boxList01 > li > .mark {
		left: -2px;
		font-size: 2rem;
		margin-top: -6px;
	}

	.applyBtn {
		margin-top: 12px;
		width: 100%;
	}

	.box-apply .applyBtn {
		margin-top: 12px;
	}
	
	.applyBtn a {
		width: 65%;
		box-sizing: border-box;
		padding: 15px 20px 15px 20px;
		font-size: 1.6rem;
	}

	.applyBtn a::before {
		right: 17px;
		width: 14px;
		height: 14px;
		margin-top: -7px;
	}

	.babymonster-applyBtn .applyBtn a::before {
		right: 10px;
	}

	/* エポスアプリ */
	.babymonster-section-eposAppBenefit .box-selectItem:first-child, .babymonster-section-eposAppBenefit .box-selectItem:last-child {
		flex-direction: column;
	}

	.babymonster-section-eposAppBenefit .box-selectItemText {
		text-align: center;
	}

	.babymonster-section-eposAppBenefit .box-selectItem {
		gap: 0;
	}

	.babymonster-section-eposAppBenefit .babymonster-noice {
		margin-top: 30px;
	}

	.babymonster-section-eposAppBenefit .box-select > .box-selectItem .box-selectItem-text {
		display: contents;
	}
	.babymonster-section-eposAppBenefit .box-select > .box-selectItem .box-selectItemLead {
		order: 1;
		line-height: 1.4;
	}
	.babymonster-section-eposAppBenefit .box-select > .box-selectItem .box-selectItemText {
		order: 2;
		margin-bottom: 0;
	}
	.babymonster-section-eposAppBenefit .box-select > .box-selectItem .box-selectItemImage {
		order: 3;
		width: 100%;
	}
	.babymonster-section-eposAppBenefit .box-select > .box-selectItem .babymonster-noice {
		order: 4;
		margin-top: 20px;
		text-align: left;
		font-size: 1.4rem;
	}

	.zizen-kokuchi {
		font-size: 1.6rem;
	}

	/* WEBでお申し込み */
	.box-cardSelectItemWrap {
		grid-template-columns: 1fr;
		gap: 25px;
		margin-top: 20px;
	}
	.box-memberCard {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.box-cardSelectItem {
		max-width: 100%;
	}
	.box-cardSelectItem img {
		width: 70%;
		max-width: 253px;
		height: auto;
	}
	.box-memberCard .box-cardSelectItem img {
		max-width: 160px;
	}

	/* 選べるお申し込み方法 */
	.box-select {
		flex-direction: column;
		gap: 25px;
	}

	.layout_normal_only .box-selectItem {
		padding: 26px 26px;
		text-align: center;
		gap: 0;
		flex-direction: column;
	}

	.layout_normal_only .box-selectItem:last-child {
		grid-template-columns: 38% 58%;
	}

	.layout_normal_only #anc-01.box-selectItem {
		gap: 0 20px;
	}

	.box-selectItem {
		padding: 30px 7px 20px 7px;
	}

	.box-selectItem:first-child, .box-selectItem:last-child {
		width: 100%;
		margin: 0 auto;
	}

	.layout_normal_only .box-selectItemLead {
		grid-column: 2;
		grid-row: 1;
		margin-bottom: 15px;
		font-size: 1.8rem;
		text-align: center;
	}

	.box-selectItemLead {
		margin-bottom: 20px;
		font-size: 2.4rem;
	}

	.box-selectItemLead span {
		font-size: 2rem;
	}

	.layout_normal_only .box-selectItemText {
		grid-column: 2;
		grid-row: 2;
		font-size: 1.4rem;
		min-height: auto;
		margin-bottom: 0;
		display: block;
		text-align: center;
	}

	.box-selectItemSubText {
		text-align: center;
		font-size: 1.3rem;
		margin-bottom: 15px;
		line-height: 1.5;
	}

	.box-apply .zizen-kokuchi {
		font-size: 1.6rem;
		margin-top: 15px !important;
	}

	.box-selectItemText {
		font-size: 1.4rem;
		min-height: auto;
		margin-bottom: 10px;
		text-align: left;
	}

	.layout_normal_only .box-selectItemImage {
		grid-column: 1;
		grid-row: 1 / 4;
		width: 100%;
		margin: 0;
		min-height: auto;
		align-self: center;
	}

	.caption {
		font-size: 1.8rem;
		margin-bottom: 5px;
	}

	.caption + figure img {
		width: 100%;
	}

	.box-selectItemImage {
		width: 80%;
		margin: 0 auto;
		min-height: auto;
	}

	.layout_normal_only .box-selectItem:last-child .box-selectItemImage {
		margin: 0 auto;
		margin-bottom: 0;
	}

	.babymonster-section-select .layout_normal_only .box-select > .box-selectItem:first-child .box-selectItem-text {
		display: contents;
	}
	.babymonster-section-select .layout_normal_only .box-select > .box-selectItem:first-child .box-selectItemLead {
		order: 1;
	}
	.babymonster-section-select .layout_normal_only .box-select > .box-selectItem:first-child .box-selectItemText {
		order: 2;
	}
	.babymonster-section-select .layout_normal_only .box-select > .box-selectItem:first-child .box-selectItemSubText {
		order: 3;
	}
	.babymonster-section-select .layout_normal_only .box-select > .box-selectItem:first-child .box-selectItemImage {
		order: 4;
		width: 80%;
		margin: 10px auto;
	}
	.babymonster-section-select .layout_normal_only .box-select > .box-selectItem:first-child .zizen-kokuchi,
	.babymonster-section-select .layout_normal_only .box-select > .box-selectItem:first-child .applyBtn {
		order: 5;
		width: 100%;
	}
	.babymonster-section-select .layout_normal_only .box-select > .box-selectItem:first-child .babymonster-noice {
		order: 6;
		text-align: center;
	}

	.layout_webcha_only_inner .babymonster-boxOrderlist01 {
		font-size: 1.4rem;
	}

	.layout_webcha_only_inner .babymonster-boxOrderlist01 > li {
		padding-left: 17px;
		font-size: 1.4rem;
		line-height: 1.6;
	}

	.box {
		padding: 30px 24px;
	}

	.box .box-selectItemLead {
		font-size: 2rem;
	}

	.box .box-selectItemLead span {
		font-size: 1.8rem;
	}

	#anc-01.box-selectItem {
		gap: 0 10px;
	}

	.babymonster-noice {
		font-size: 1.2rem;
		text-align: left;
		margin: 20px 0 0 0;
	}

	.box-apply .babymonster-noice {
		margin-top: 30px;
	}

	.babymonster-section-select .txt {
		font-size: 1.6rem;
		margin-bottom: 20px;
	}

	.babymonster-section-select .txt .large {
		font-size: 2rem;
	}

	.box-select.box-other .box-selectItem {
		padding: 30px 15px 20px 15px;
	}

	.box-newBenefit picture {
		text-align: center;
		display: block;
	}

	.box-newBenefit img {
		width: 72%;
		margin: 0 auto;
	}

	.box-alreadyCard {
		margin: 20px 0;
	}

	.box-alreadyCard-text {
		font-size: 2rem;
		margin-bottom: 20px;
	}

	.box-alreadyCard .applyBtn {
		margin-bottom: 30px;
	}

	.box-alreadyCard .applyBtn a {
		width: 86%;
	}

	.box-alreadyCard .babymonster-noice {
		padding: 0 28px;
		text-align: center;
		margin: 10px 0 0 0;
	}
	/* 入会利用特典 */
	.box-useBenefitWrap {
		flex-direction: column;
		gap: 20px;
	}

	.box-useBenefit-imageWrap {
		width: 100%;
		flex-shrink: 0;
	}

	.box-useBenefit-text {
		font-size: 1.6rem;
	}

	.box-useBenefit-text2 {
		font-size: 1.6rem;
		text-align: center;
	}

	.box-useBenefit-text2 span {
		line-height: 1.2;
	}

	.box-useBenefit-text2 span span {
		font-size: 2.8rem;
	}

	/* BABYMONSTER エポスカードについて */
	.babymonster-section-about .box .babymonster-text01 {
		font-size: 2rem;
		margin-bottom: 16px;
		text-align: center;
	}

	/* 新規ご入会特典 */
	.babymonster-section-newBenefit .box-benefit-text01 {
		font-size: 1.6rem;
		margin-bottom: 10px;
	}
	.babymonster-section-newBenefit .box {
		padding: 30px 20px;
	}
	.box-benefit-text02 {
		font-size: 1.6rem;
	}
	.box-benefit-text02 .big {
		font-size: 3.6rem;
	}

	.box-benefit-text02 dd {
		margin-bottom: 5px;
	}

	.box-benefit-text03 {
		grid-template-columns: 1fr;
		justify-items: center;
		text-align: center;
		row-gap: 0;
		font-size: 1.4rem;
		margin: 20px auto 20px auto;
	}

	
	.box-benefit-text03 a {
		font-size: 1.4rem;
	}
	[class*="Benefit"] .box-benefit-text01 {
		font-size: 1.6rem;
	}

	/* 他にも便利な機能がたくさん！ */
	.babymonster-section-other .box {
		padding: 20px;
	}
	.babymonster-applyBtn .babymonster-buttonWrap {
		width: 100%;
		margin: 0 auto;
		padding: 0 10px;
		box-sizing: border-box;
		flex-direction: column;
		gap: 16px;
	}
	.babymonster-button01 {
		width: 100%;
	}
	.babymonster-buttonWrap {
		gap: 0;
		flex-direction: column-reverse;
	}
	.babymonster-button01 a {
		display: flex;
		align-items: center;
		font-size: 1.6rem;
		width: 100%;
		padding: 7px 25px 7px 25px;
		justify-content: center;
	}

	/* NEWS */
	.newsBox .content li {
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
		border-bottom: none;
		background-image:
			linear-gradient(#000, #000),
			linear-gradient(#E8E8E8, #E8E8E8);
		background-size: 83px 1px, 100% 1px;
		background-position: left bottom, left bottom;
		background-repeat: no-repeat;
		padding-bottom: 10px;
	}
	.newsBox .content li:last-child {
		margin-bottom: 0;
	}

	.newsBox .content li > * {
		font-size: 1.4rem;
	}

	.newsBox .content li .date::after {
		content: none;
	}

	.babymonster-applyBtn .applyBtn {
		display: flex;
		width: 100%;
		gap: 8px;
		margin: 16px auto 16px;
		padding: 0;
		box-sizing: border-box;
		list-style: none;
	}

	.babymonster-applyBtn .applyBtn .applyBtnEntry {
		float: none;
		flex: 1 1 0;
		min-width: 0;
		width: auto !important;
		max-width: 100%;
	}

	.applyBtn a {
		min-width: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		font-size: 1.6rem;
		padding: 14px 0 14px 0;
		overflow: hidden;
	}

	.box-apply .applyBtn a {
		width: 100%;
		font-size: 1.6rem;
	}

	.babymonster-applyBtn .applyBtn a {
		width: 100%;
		padding: 12px 0 12px 0;
		font-size: 1.2rem;
	}

	.babymonster-applyBtn .btn-txt {
		font-size: 1.4rem;
		margin-bottom: 5px;
	}

	.newsBox .content {
		min-height: 80px;
	}

	#footer {
		padding: 0 0 20px 0;
		margin-top: 0;
	}

	/* 必ずお読みください */
	.babymonster-section-read {
		padding: 40px 0 30px 0;
	}
	.babymonster-boxTitle {
		font-size: 1.5rem;
		margin-top: 0;
	}
	.babymonster-box02 {
		padding: 32px 20px;
	}
	.babymonster-box02 >:first-child {
		margin-top: 0 !important;
	}
	.babymonster-box02 .babymonster-boxTitle {
		margin: 0;
		text-align: center;
		font-size: 1.4rem;
		font-weight: bold;
	}
	.babymonster-box02 .babymonster-boxTitle + * {
		margin-top: 25px!important;
	}
	.babymonster-box02 .babymonster-boxText01 {
		margin-top: 12px;
		font-size: 1.1rem;
		line-height: 1.6;
		margin-top: 20px !important;
	}
	.babymonster-box02 .babymonster-boxText01 .large {
		font-size: 1.6rem;
		font-weight: bold;
		margin-top: 0;
	}
	
	.babymonster-box02 .babymonster-boxHr {
		width: 100%;
		height: 2px;
		margin: 24px 0;
		border: none;
		background-image: linear-gradient(to right, #080706, #080706 4px, transparent 4px, transparent 8px);
		background-size: 8px 2px;
	}
	
	.babymonster-box02 .nest >:first-child {
		margin-top: 0;
	}

	.babymonster-box02 .babymonster-boxList01 > li {
		position: relative;
		font-size: 1.1rem;
		line-height: 1.6;
	}
	.babymonster-box02 .babymonster-boxList01 > li + li {
		margin-top: 1px;
	}
	.babymonster-box02 .babymonster-boxList01 > li > .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	.babymonster-box02 .babymonster-boxOrderlist01 {
		margin-top: 24px;
	}
	.babymonster-box02 .babymonster-boxOrderlist01 > li {
		position: relative;
		padding-left: 16px;
		font-size: 1.1rem;
	}
	.babymonster-box02 .babymonster-boxOrderlist01 > li > .mark {
		position: absolute;
		top: 0;
		left: 0;
	}
	.babymonster-box02 .babymonster-boxInquiry {
		margin-top: 24px;
		font-size: 1.1rem;
		line-height: 1.6;
	}

	.babymonster-boxInquiry .bold {
		font-size: 1.3rem;
		display: inline-block;
		margin: 7px 0;
	}

	.babymonster-box02 .operator {
		font-size: 1.1rem;
	}

	.babymonster-boxInquiry a {
		text-decoration: none;
	}
	
	/* SNS */
	.babymonster-section-sns {
		padding: 0 0 20px 0;
	}

	/* modal */
	body#babymonster #babymonster-appModal .babymonster-modalTitle {
		font-size: 3rem;
	}

	body#babymonster #babymonster-appModal .babymonster-modalInner {
		padding: 40px 24px 40px;
	}

	body#babymonster #babymonster-appModal .babymonster-modalText {
		font-size: 1.6rem;
	}

	.babymonster-button01 a::before {
		right: 35px;
		width: 14px;
		height: 14px;
		margin-top: -7px;
	}

	/* Layout switch
	------------------------------------------------------ */
	/* other than normal */
	.box-other .applyBtn a {
		width: 87%;
	}
	.box-other .applyBtn {
		margin-bottom: 20px;
	}

	/* webcha only */
	.layout_webcha_only_inner {
		gap: 24px;
	}
}