@charset "UTF-8";
/*=============================================================

*フェリシモメリー　どうやって増そう？　ミミヨリ情報室

	Date: 2025-10-10
	
=============================================================*/
.fsc_gfooter__breadcrumb {
		margin-top: 0;
}
.clearfix {
		min-height: 1px;
}
.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
		zoom: 1;
}
.contents_mr {
		font-size: 80%;
		opacity: 0;
		transition: all 0.3s;
		overflow-x: hidden;
}
.contents_mr * {
		box-sizing: initial;
}
.contents_mr ul {
		padding-inline-start: 0;
}
.contents_mr li {
		list-style: none;
}
.contents_mr a:hover {
	text-decoration: none;
	opacity: 0.7;
}
.contents_mr img {}
/*------------------------------------

PC ベース

------------------------------------*/
/* @media (min-width: 768px) {
		body {
				width: 100%;
				min-width: 920px;
				overflow-x: hidden;
		}
		.sp_mr {
				display: none;
		}
		img {
				vertical-align: bottom;
		}
} */
.pc_mr {
	display: block;
}
.sp_mr {
	display: none;
}
.fv-h1 {
  font-size: 90%;
  text-align: right;
  color: #888;
  max-width: 920px;
  margin: 0 auto;
  padding: 0.5em;
}
/*------------------------------------

タイトルエリア

------------------------------------*/
#title_mr {
		clear: both;
		position: relative;
		text-align: center;
    /* max-width: 1170px; */
    margin: 0 auto;
		background-color: #fef9f2;
		width: 100%;
		}
/* タイトル */
.ttl_inner {
		position: relative;
    max-width: 920px;
    margin: 0 auto;
    background-image: url(../images/ttl_bk.jpg);
    overflow: hidden;
    background-position: center;
    background-size: 200px 200px;
    height: 410px;
    background-repeat: repeat;
}
.inner_mr {
	margin: 0 auto;
	position: relative;
	height: 400px;
	max-width: 640px;
}
@media (min-width: 2000px) {
		#title_mr .ttl_bg {
				width: 100%;
				height: auto !important;
				left: 0px;
		}
}
/* プレゼントあしらい */
#title_mr .ashirai01 {
	width: 11%;
	position: absolute;
	top: 15%;
	left: 9%;
	animation: fade_btm02 1s both;
	animation-delay: 0.8s;
	/* opacity: 0; */
	z-index: 1;
}
/* メリぽくん */
#title_mr .ashirai02 {
	width: 17%;
	position: absolute;
	top: 12%;
	right: 7%;
	animation: fade_btm 0.7s both;
	animation-delay: 1.3s;
}
/* タイトルテキスト */
#title_mr .main_ttl {
    animation: fade_btm 0.3s both;
    animation-delay: 0.3s;
    margin-top: 3em;
	}
#title_mr img {
		max-width: 100%;
		height: auto;
}


/* 各名前 */
.name {
		position: absolute;
}

/* リード文 */
#lead_mr {
	display: inline-block;
		padding: 1.7em 0;
		animation: fade_btm02 0.8s;
		animation-delay: 1.3s;
		max-width: 920px;
		margin: 0 auto;
    font-size: 80%;
		visibility: visible;
		animation-fill-mode: both;
				transition: all .4s ease;

	}

.contents_mr p {
		font-size: 110%;
		font-weight: bold;
		letter-spacing: 0.2em;
		font-feature-settings: 'palt'1;
		text-align: center;
		line-height: 1.8;
}
#main_mr #lead_mr p {
		font-size: 120%;
		color: #000;
		font-weight: bold;
		line-height: 1.7;
		letter-spacing: 3.6px;
		margin: 0;
		font-family: "A1ゴシック M"; 
}
#main_mr #lead_mr p.bg_text {
	margin-bottom: 0.5em;
}
.red_mr {
		color: #cd0b34;
		font-weight: bold;
}
#lead_mr p .liner_mr {
		font-size: 120%;
		font-weight: bold;
		background: linear-gradient(transparent 60%, #fefabe 60%);
}
@media (max-width: 768px) {
		#lead_mr::before {
				width: 18px;
				height: 18px;
				top: -17px;
				left: 74%;
		}
		.contents_mr #lead_mr p {
				font-size: 155%;
				line-height: 1.7;
		}
		#lead_mr p .liner_mr {
				font-size: 130%;
		}
		#lead_mr p.bg_text {
			margin-bottom: 0.9em;
		}
		
}
/* 区切りライン */
.line_mr {
	margin: 0.5em auto;
	animation: fade_btm02 0.8s both;
	animation-delay: 1.3s;
}

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

メインコンテンツ

------------------------------------*/
/* @media (min-width: 920px) {
		.inner_mr {
				width: 920px;
				margin: 0 auto;
				position: relative;
		}
} */
#main_mr {
	background-color: #fef9f2;
		position: relative;
		font-size: 150%;
}
#main_mr > .inner_mr {
		margin: 0 auto;
		padding-bottom: 2em;
}
.main_wrap_mr {
	max-width: 920px;
	margin: 0 auto;
	background-image: url(../images/main_bk.jpg);
	background-color: #fff;
	background-repeat: repeat;
	background-position: center;
	background-size: 70px 70px;
	padding-bottom: 1em;
	text-align: center;
}

/** webフォント **/
.overlay li a {
		font-family: "A1ゴシック M", " A1 Gothic M", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "sans-serif";
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
}
.bold_mr, #main_mr .btn_mr {
		font-family: "A1ゴシック B", " A1 Gothic B", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "sans-serif";
		font-weight: bold;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
}
#main_mr .question_box .label_mr p, .name_pa, .name_ma, .name {
		font-family: "Shuei MaruGo B", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "sans-serif";
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
}
.point_mr, #main_mr p, #main_mr .overlay li p, .main_question_mr {
		font-family: "ヒラギノ角ゴ W6 JIS2004", "Hiragino Kaku Gothic W6 JIS2004";
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-weight: bold;
}

.line_mr img {
	display: block;
	margin: 0 auto;
}

/* メリポくんとコメント */
.link_wrap_mr {
	margin: 2em auto 0em;
	padding-bottom: 1em;
}
.comment_mr {
	position: relative;
	max-width: 750px;
	margin: 0 auto;
	height: 100px;
	z-index: 0;
	animation: fade_btm 0.8s both;
	animation-delay: 2s;

}
.comm_txt {
	position: absolute;
	bottom: 16%;
	right: 41%;
	max-width: 40%;
}
.meripo_comm_ashirai {
	position: absolute;
	right: 17%;
	bottom: 0%;
}
#main_mr .comment_mr .comm_txt p {
	display: inline-block;
	color: #cd0b34;
	font-family: "A1ゴシック M";
	background-color: #fff;
	border: 2.5px solid #cd0b34;
	padding: 0.6em 0.8em 0.6em 1em;
	border-radius: 2em;
	position: relative;
	font-size: 90%;
	letter-spacing: 2px;
	line-height: 1.3em;
	width: 100%;
}
#main_mr .comment_mr .comm_txt p::before {
	content: "";
	width: 18px;
	height: 14px;
	background: #FFF;
	display: inline-block;
	position: absolute;
	bottom: 13px;
	right: -3.5%;
	transform: translateY(200%);
	transform: rotate(35deg);
}
#main_mr .comment_mr .comm_txt p::after {
	content: "";
	width: 15px;
	height: 10px;
	background-image: url(../images/comment_line.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: absolute;
	bottom: 16%;
	right: -7%;
	transform: rotate(-5deg);

}
#main_mr .comment_mr .comm_txt p span {
	display: inline-block;
	max-width: 100%;
	animation-name: anime_left_to_right;
	animation-fill-mode: both;
	animation-duration: 0.6s;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	animation-delay: 2.2s;
	animation-direction: normal;
		transition: all .4s ease;
	
}
@keyframes anime_left_to_right {
	0% {
		clip-path: inset(0 100% 0 0);
	}
	100% {
		clip-path: inset(0 0 0 0);	
	}
}



/* バナーリンクエリア */

.link_box_mr {
	max-width: 750px;
	margin: 0em auto 0;
}

.link_box_mr ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 2em 0em;
}
.link_box_mr ul li {
	width: 50%;
	text-align: center;
}
.link_box_mr ul li p {
	text-align: left;
	font-size: 80%;
	width: 80%;
	margin: 0.7em auto 0;
	letter-spacing: 2.3px;
    line-height: 1.7em;
}
.link_box_mr ul li a {
transition: 0.3s ;
}
	

/* フェリシモメリー トップ誘導 */
#main_mr .top-link-btn {
  width: max-content;
  margin: 3em auto;
}
#main_mr .top-link-btn .top-link-txt {
  display: block;
	margin: 0 auto 0em;
	width: 90%;
}
#main_mr .top-link-btn .top-link-meripo {
  display: block;
	margin: 0 auto -1.3em;
	width: 27%;
  overflow: hidden;
}
#main_mr .top-link-btn a {
	position: relative;
	background: #cd0b34;
	color: #FFF;
	/* border: 2px solid #000; */
	min-width: 18em;
	border-radius: 3em;
	padding: 0.6em 0em;
	display: block;
	width: max-content;
	line-height: 1.4;
	letter-spacing: 0.12em;
	margin: 0em auto;
	font-size: 140%;
	font-family: "A1ゴシック M";
	/* box-shadow: 1px 1px 0px #000; */
}
#main_mr .top-link-btn a::after {
  display: block;
  width: 2em;
  height: 100%;
  content: '';
  background-image: url(../images/link_arrow_red.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0.7em;
  transition: all 0.2s;
}

#main_mr a:hover {
  text-decoration: none;
}
@media (hover: hover) {
  #main_mr a {
    transition: all 0.3s;
  }
  #main_mr a:hover {
    opacity: 0.7;
  }
  #main_mr .top-link-btn a:hover::after{
        transform: translateX(0.3em);
    }
    
}


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

SP

------------------------------------*/
@media (max-width: 768px) {
	/*********** SP ***********/
	.fv-h1 {font-size: 2.8vw;}
	#title_mr {
			/* padding-bottom: 5em; */
			overflow: hidden;
	}
	#title_mr .ttl_mr {
			width: 63%;
			top: 28.1vw;
			left: 18.8%;
	}
	#title_mr .line_mr {
			width: 84%;
			top: 60vw;
			left: 5.3%;
	}
}
@media (max-width: 768px) {
		body {
			width: 100%;
			height: auto;
			margin: 0 auto;
	}
	.contents_mr {
			font-size: 3.1vw;
			width: 100%;
	}
	.pc_mr {
			display: none;
	}
	.sp_mr {
		display: block;
	}
	
	img {
			height: auto;
	}

		#main_mr {
			background-size: 10vw;
	}
	#main_mr > .inner_mr {
			/* padding-top: 2.0em; */
			width: 100%;
	}

		/* ttl */
		.inner_mr {
			width: 100%;
			height: 56vw;
	}
		#title_mr {
			height: 56vw;
			/* padding-bottom: 2em; */
			}
		#title_mr .main_ttl {
			width: 86vw;
			animation: fade_btm 0.3s both;
			animation-delay: 0.3s;
			margin-top: 6vw;
			}
			.ttl_inner {
				height: 56vw;
			}
	#title_mr .ashirai01 {
		width: 12%;
		position: absolute;
		top: 15%;
		left: 12%;
	}
	#title_mr .ashirai02 {
		width: 16%;
		position: absolute;
		top: 13%;
		right: 9%;
	}
/* リード */
#lead_mr {
	width: 92%;
	font-size: 2.1vw;
	border-radius: 20px;
	padding: 2.5em 0;
}
#main_mr #lead_mr p {
	font-size: 3vw;
}
.main_wrap_mr {
	width: 100%;
	padding-bottom: 1em;
	background-size: 45px 45px;
}
.line_mr {
	margin: 0.3em auto;
}

.line_mr img {
	width: 20%;
}

.link_box_mr {
	width: 90%;
}
.link_box_mr ul.link_mr li img {
	width: 100%;
}
.link_box_mr ul {
	flex-wrap: wrap;
	gap: 1.8em 5%;
}
.link_box_mr ul li {
	width: 47.5%;
}
.link_box_mr ul li p {
	text-align: left;
	font-size: 2.8vw;
	width: 100%;
	margin: 0.7em auto 0;
	letter-spacing: 2.3px;
	line-height: 1.7em;
}
.meripo_comm_ashirai {
	position: absolute;
	right: 11%;
	bottom: 0%;
	width: 20%;
}
#main_mr .comment_mr .comm_txt p {
	font-size: 3.2vw;
	letter-spacing: 1.7px;
	border: 0.15em solid #cd0b34;
}
.comm_txt {
	position: absolute;
	bottom: 1vw;
	right: 40vw;
	max-width: 50%;
}
#main_mr .comment_mr .comm_txt p::before {
	width: 4vw;
	height: 2.2vw;
	bottom: 23%;
	right: -5%;
	transform: translateY(200%);
	transform: rotate(29deg);
}

#main_mr .comment_mr .comm_txt p::after {
	width: 2vw;
	height: 2vw;
	bottom: 19%;
	right: -5.5%;
}
.link_wrap_mr {
	margin: 1vw auto 3vw;
	padding-bottom: 0em;
}
.btn_wrap_mr img.btn_txt {
	width: 80%;
}
.comment_mr {
	height: 24vw;
}
#main_mr .top-link-btn .top-link-meripo {
	display: block;
	margin: 0 auto 0px;
	width: 27%;
	overflow: hidden;
}
#main_mr .top-link-btn a {
	font-size: 100%;
}
#main_mr .top-link-btn {
	width: 90%;
	margin: 3em auto;
}

}