@charset "UTF-8";
@import url("reset.css");

/* ==================================================
   全体のレイアウト幅・余白調整
================================================== */
.ef-cafe-mv_special picture,
.ef-cafe-mv_special img {
	display: block !important;
	width: 100% !important;
	max-width: 800px !important;
	margin: 0 auto !important;
}

#ef-cafe-_ac-mv_special {
	width: 100% !important;
	max-width: 900px !important;
	margin: 0 auto !important;
	padding: 0 5% !important;
	box-sizing: border-box !important;
}

.c-page-sub__content-detail {
	width: 100% !important;
	max-width: 880px !important;
	margin: 0 auto !important;
	padding: 0 15px !important;
	box-sizing: border-box !important;
}

.c-content-main .bge-contents {
	overflow: visible !important;
}

/* ==================================================
   新しいタイムラインのデザイン（共通ベース）
================================================== */
.custom-timeline-wrapper {
	display: block !important;
	width: 100% !important;
	margin-bottom: 50px !important;
	position: relative !important;
	z-index: auto !important;
}

.custom-timeline-wrapper::before,
.custom-timeline-wrapper::after {
	display: none !important;
}

.custom-wrapper-bottom {
	margin-bottom: -15px !important;
}

.custom-timeline-box {
	background-color: #fff !important;
	border: 3px solid #ffcc00 !important;
	border-radius: 15px !important;
	padding: 20px !important;
	margin: 0 !important;
	display: flex !important;
	flex-wrap: nowrap !important;
	gap: 20px;
	position: relative;
	width: 100% !important;
	box-sizing: border-box !important;
	overflow: visible !important;
	z-index: 1 !important;
	font-family: 'Noto Sans JP', sans-serif !important;
}

.custom-timeline-left {
	flex: 1 1 auto !important;
	position: relative;
	display: block !important;
}

/* ==================================================
   6:30用のレイアウト
================================================== */
.custom-content-630 {
	display: flex !important;
	flex-direction: row !important;
	justify-content: space-between !important;
	align-items: flex-start !important;
	gap: 20px !important;
	width: 100% !important;
}

.custom-630-text {
	flex: 1 1 auto !important;
}

.custom-630-imgs {
	width: 260px !important;
	flex-shrink: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
}

.custom-630-imgs img {
	width: 100% !important;
	height: auto !important;
	display: block !important;
	border-radius: 5px !important;
	margin: 0 !important;
}

/* ヘッダー・タイトル */
.custom-timeline-header {
	display: flex !important;
	align-items: center !important;
	border-bottom: 2px solid #24cec9 !important;
	padding-bottom: 10px !important;
	margin-bottom: 15px !important;
}

.custom-timeline-title,
.custom-full-title {
	color: #24cec9 !important;
	font-size: 24px !important;
	font-weight: bold !important;
}

/* 時間アイコン */
.custom-time-capsule {
	background-color: #24cec9 !important;
	color: #fff !important;
	font-size: 22px !important;
	font-weight: bold !important;
	padding: 4px 30px !important;
	border-radius: 30px !important;
	margin-right: 20px !important;
	letter-spacing: 1px !important;
	line-height: 1.2 !important;
}

/* 時計と縦線 */
.custom-timeline-body {
	display: flex;
	position: relative;
}

.custom-timeline-clock {
	width: 80px !important;
	flex-shrink: 0;
	position: relative;
	margin-right: 20px;
	display: flex;
	justify-content: center;
}

.custom-timeline-clock img {
	width: 80px !important;
	height: 80px !important;
	background-color: #fff !important;
	border-radius: 50% !important;
	position: relative;
	z-index: 2 !important;
}

.custom-timeline-clock::after {
	content: "" !important;
	position: absolute !important;
	top: 30px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	width: 2px !important;
	height: calc(100% + 190px) !important;
	background-color: #24cec9 !important;
	z-index: -1 !important;
	display: block !important;
}

.custom-clock-last::after {
	display: none !important;
}

/* 本文テキスト */
.custom-timeline-text {
	flex: 1 1 auto !important;
}

.custom-timeline-text p,
.custom-full-text p,
.custom-upper-section p {
	font-size: 18px !important;
	line-height: 1.4 !important;
	color: #333 !important;
	font-weight: normal !important;
	margin: 0 !important;
	text-align: left !important;
	letter-spacing: 0.05em !important;
}

/* ==================================================
   時間アイコンなしのフル幅ボックス（笑顔の食事 など）
================================================== */
.custom-box-no-time {
	display: block !important;
}

.custom-content-full {
	width: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 20px !important;
}

.custom-full-header {
	border-bottom: 2px solid #24cec9 !important;
	padding-bottom: 10px !important;
	margin-bottom: 5px !important;
}

/* ==================================================
   時計なしボックスのインデント調整（ベース指定 / フォールバック）
================================================== */
.custom-box-no-time .custom-content-full>div:not(.custom-full-header) {
	margin-left: 100px !important;
	width: calc(100% - 100px) !important;
	box-sizing: border-box !important;
}

/* ==================================================
   複雑なレイアウト用（右側コンテンツ画像群）
================================================== */
.custom-content-955,
.custom-content-1030,
.custom-content-1130 {
	display: flex !important;
	flex-direction: column !important;
	gap: 20px !important;
	width: 100% !important;
	padding-top: 5px !important;
}

/* 上段：テキストと画像の横並び（共通） */
.custom-upper-section {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	gap: 20px !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	width: 100% !important;
}

.custom-upper-section p {
	flex: 1 1 auto !important;
	width: auto !important;
}

/* 画像1枚用 */
.custom-main-img {
	width: 48% !important;
	flex-shrink: 0 !important;
	display: block !important;
}

.custom-main-img img {
	width: 100% !important;
	height: auto !important;
	display: block !important;
	border-radius: 5px !important;
}

/* 画像2枚並び */
.custom-timeline-upper-imgs-2 {
	display: flex !important;
	gap: 10px !important;
	justify-content: space-between !important;
	width: 48% !important;
	flex-shrink: 0 !important;
}

.custom-lower-imgs-2 {
	display: flex !important;
	gap: 10px !important;
	justify-content: space-between !important;
	width: 100% !important;
	flex-shrink: 0 !important;
}

.custom-timeline-upper-imgs-2 img,
.custom-lower-imgs-2 img {
	width: calc(50% - 5px) !important;
	height: auto !important;
	display: block !important;
	margin: 0 !important;
	border-radius: 5px !important;
}

/* 画像3枚並び */
.custom-lower-imgs {
	display: flex !important;
	gap: 10px !important;
	justify-content: space-between !important;
}

.custom-lower-imgs img {
	width: calc(33.333% - 6.6px) !important;
	height: auto !important;
	display: block !important;
	border-radius: 5px !important;
}

/* 画像4枚並び */
.custom-timeline-lower-imgs-4 {
	display: flex !important;
	gap: 10px !important;
	justify-content: space-between !important;
}

.custom-timeline-lower-imgs-4 img {
	width: calc(25% - 7.5px) !important;
	height: auto !important;
	display: block !important;
	margin: 0 !important;
	border-radius: 5px !important;
}

/* PC/SP 画像切り替え用クラス */
.custom-lower-imgs img.img-sp-only {
	display: none !important;
}

/* ==================================================
   200回記念メッセージセクション
================================================== */
#hq-message-200 {
	position: relative;
	width: 100%;
	margin: -100px 0 0 0 !important;
	padding: 100px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

#hq-message-200::before,
#hq-message-200::after {
	content: "";
	position: absolute;
	top: calc(50% - 30px) !important;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	aspect-ratio: 1 / 1;
	z-index: 0;
}

#hq-message-200::before {
	width: 925px;
	max-width: 95%;
	background: url('/contributions/images/ac/hq-200/circle_out.png') no-repeat center center;
	background-size: contain;
}

#hq-message-200::after {
	width: 875px;
	max-width: 90%;
	background: url('/contributions/images/ac/hq-200/circle.png') no-repeat center center;
	background-size: contain;
}

.message-wrapper {
	position: relative;
	z-index: 5;
	text-align: center;
	width: 100%;
	max-width: 700px;
	color: #333;
	padding: 0 20px;
	box-sizing: border-box;
}

.message-heading {
	margin-bottom: 40px;
	position: relative;
	z-index: 4;
}

.garland-bg {
	position: absolute;
	top: 105px;
	left: 0;
	width: 100%;
	height: 60px;
	background: url('/contributions/images/ac/hq-200/ガーランド.png') repeat-x center top;
	background-size: auto 100%;
	z-index: 1;
}

.ribbon-img {
	width: 100%;
	max-width: 600px;
	height: auto;
	margin: 0 auto;
	display: block;
	position: relative;
	z-index: 2;
}

.message-content p {
	font-family: 'Noto Sans JP', sans-serif !important;
	font-size: 18px !important;
	line-height: 2.0 !important;
	margin-bottom: 20px !important;
	text-align: left !important;
	font-weight: bold !important;
}

.message-signature {
	margin-top: -30px !important;
	position: relative !important;
	display: block !important;
	text-align: center !important;
	width: 100% !important;
}

.signature-photo {
	display: inline-block !important;
	margin: 0 auto !important;
}

.signature-name {
	position: absolute !important;
	right: 10px !important;
	top: 30px !important;
	font-size: 24px !important;
	font-weight: bold !important;
	font-family: serif !important;
}

.signature-name span {
	font-size: 28px !important;
	margin-left: 15px !important;
	font-weight: bold !important;
}

.custom-clock {
	background-color: #ffffff !important;
	border-radius: 50% !important;
	z-index: 10 !important;
}

.signature-photo img {
	width: 120px;
	height: auto;
	display: block;
}

/* ==================================================
   「お祝いの記録」見出しのスタイル
================================================== */
#ef-cafe-special #thanks .title {
	font-family: 'Noto Sans JP', sans-serif !important;
	font-weight: bold !important;
	font-size: 2vw !important;
	background: #fce333 !important;
	color: #da6f82 !important;
	margin: 0 calc(50% - 50vw) !important;
	width: 100vw !important;
	padding: 10px 0 !important;
	text-align: center !important;
}

/* ==================================================
   画像への枠線適用
================================================== */
.custom-630-imgs img,
.custom-main-img img,
.custom-timeline-upper-imgs-2 img,
.custom-lower-imgs-2 img,
.custom-lower-imgs img,
.custom-timeline-lower-imgs-4 img {
	border: 2px solid #24cec9 !important;
	border-radius: 10px !important;
	box-sizing: border-box !important;
}

/* ==================================================
   PC版専用メディアクエリ (min-width: 600px)
================================================== */
@media (min-width: 600px) {

	/* 1. 時計なしボックスのインデントを縦線に揃える */
	.custom-box-no-time .custom-content-full>div:not(.custom-full-header) {
		margin-left: 40px !important;
		width: calc(100% - 40px) !important;
		box-sizing: border-box !important;
	}

	/* 2. 11:30セクションの中段・下段画像をテキスト位置から左へ引っ張る */
	.custom-content-1130 .custom-lower-imgs,
	.custom-content-1130 .custom-timeline-lower-imgs-4 {
		margin-left: -60px !important;
		width: calc(100% + 60px) !important;
	}
}

/* ==================================================
   スマホ表示用の調整メディアクエリ統合版 (max-width: 599px)
================================================== */
@media (max-width: 599px) {

	.ef-cafe-mv_special picture,
	.ef-cafe-mv_special img {
		width: 95% !important;
		margin: 0 auto !important;
	}

	.mvtxt_special_200 {
		font-size: 3.5vw !important;
		line-height: 5.5vw !important;
		width: 100% !important;
	}

	.mvtxt_special_200_normal {
		font-weight: normal;
	}

	.ef-cafe-mv_special {
		padding-bottom: 8vw !important;
	}

	/* SP時の全体余白調整 */
	#ef-cafe-_ac-mv_special,
	.c-page-sub__content-detail {
		padding: 0 15px !important;
	}

	.custom-timeline-box {
		flex-direction: column !important;
	}

	.custom-timeline-header {
		flex-direction: row !important;
		align-items: center !important;
		gap: 10px !important;
	}

	.custom-content-630 {
		flex-direction: column-reverse !important;
	}

	.custom-630-imgs {
		width: 100% !important;
		flex-direction: row !important;
	}

	.custom-630-imgs img {
		width: calc(50% - 5px) !important;
	}

	.custom-timeline-clock::after {
		height: calc(100% + 160px) !important;
	}

	.custom-upper-section {
		flex-direction: column !important;
	}

	.custom-main-img,
	.custom-timeline-upper-imgs-2 {
		width: 100% !important;
	}

	.custom-lower-imgs {
		flex-direction: row !important;
		flex-wrap: wrap !important;
	}

	.custom-lower-imgs img {
		width: calc(33.333% - 6.6px) !important;
		margin-bottom: 10px !important;
	}

	.custom-lower-imgs-2 {
		flex-direction: row !important;
		flex-wrap: wrap !important;
	}

	.custom-lower-imgs-2 img {
		width: calc(50% - 5px) !important;
		margin-bottom: 10px !important;
	}

	.custom-timeline-lower-imgs-4 {
		flex-wrap: wrap !important;
	}

	.custom-timeline-lower-imgs-4 img {
		width: calc(50% - 5px) !important;
		margin-bottom: 10px !important;
	}

	/* SP時の画像切り替え */
	.custom-lower-imgs img.img-pc-only {
		display: none !important;
	}

	.custom-lower-imgs img.img-sp-only {
		display: block !important;
	}

	/* 9:55セクションのSP個別調整 */
	.custom-content-955 .custom-lower-imgs img:nth-child(4) {
		display: none !important;
	}

	.custom-content-955 .custom-lower-imgs img {
		width: calc(50% - 5px) !important;
	}

	/* 11:30セクションのSP個別調整 */
	.custom-content-1130 .custom-lower-imgs img:nth-child(2) {
		display: none !important;
	}

	.custom-content-1130 .custom-lower-imgs img {
		width: calc(50% - 5px) !important;
	}

	.custom-content-1130 .custom-timeline-lower-imgs-4 img:nth-child(1),
	.custom-content-1130 .custom-timeline-lower-imgs-4 img:nth-child(2) {
		display: none !important;
	}

	/* 笑顔の食事セクションのSP個別調整 */
	.custom-content-egao {
		flex-direction: row !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
		gap: 0 !important;
	}

	.custom-content-egao .custom-full-header {
		width: 100% !important;
		margin-bottom: 15px !important;
	}

	.custom-content-egao .custom-timeline-lower-imgs-4,
	.custom-content-egao .custom-lower-imgs {
		display: contents !important;
	}

	.custom-content-egao .custom-timeline-lower-imgs-4 img,
	.custom-content-egao .custom-lower-imgs img {
		width: calc(50% - 5px) !important;
		margin-bottom: 10px !important;
	}

	.custom-content-egao .custom-timeline-lower-imgs-4 img:nth-child(4) {
		display: none !important;
	}

	.custom-content-egao .custom-full-text {
		width: 100% !important;
		margin-top: 5px !important;
	}

	/* SP時のインデント解除（共通） */
	.custom-box-no-time .custom-content-full {
		padding-left: 25px !important;
		box-sizing: border-box !important;
	}

	.custom-box-no-time .custom-content-full>div:not(.custom-full-header) {
		margin-left: 0 !important;
		width: 100% !important;
	}

	/* 食後のふれあいセクションのSP個別調整 */
	.custom-content-fureai .custom-upper-section {
		flex-direction: column-reverse !important;
	}

	.custom-content-fureai .custom-main-img {
		margin-bottom: 10px !important;
	}

	.custom-content-fureai .custom-lower-imgs img:nth-child(3) {
		display: none !important;
	}

	.custom-content-fureai .custom-lower-imgs img {
		width: calc(50% - 5px) !important;
	}

	.custom-content-fureai .custom-lower-imgs-2 {
		flex-direction: column !important;
	}

	.custom-content-fureai .custom-lower-imgs-2 img {
		width: 100% !important;
	}

	/* 200回記念メッセージセクションのSP個別調整 */
	.message-signature {
		display: flex !important;
		flex-direction: row-reverse !important;
		justify-content: center !important;
		align-items: center !important;
		gap: 30px !important;
		margin-top: 30px !important;
		padding-right: 0 !important;
	}

	.signature-name {
		position: static !important;
		font-size: 22px !important;
		text-align: left !important;
	}

	.signature-name span {
		font-size: 24px !important;
		margin-left: 20px !important;
		font-weight: bold !important;
	}

	.signature-photo {
		margin: 0 !important;
	}

	.signature-photo img {
		width: 85px !important;
	}

	#hq-message-200 {
		padding: 60px 0;
		overflow: hidden !important;
	}

	.garland-bg {
		display: none !important;
	}

	#hq-message-200::before,
	#hq-message-200::after {
		top: 50% !important;
		transform: translate(-50%, -50%) !important;
		width: auto !important;
	}

	#hq-message-200::before {
		height: 90% !important;
		max-width: none !important;
	}

	#hq-message-200::after {
		height: 84% !important;
		max-width: none !important;
	}

	.message-wrapper {
		width: 92% !important;
		padding: 0 !important;
	}

	.message-content p {
		font-size: 16px !important;
		line-height: 1.8 !important;
	}

	/* SP時の「お祝いの記録」見出し */
	#ef-cafe-special #thanks .title {
		font-size: 4.5vw !important;
		padding: 10px 0 !important;
	}

	/* SP時の時計アイコンのサイズを画面幅に合わせて可変にする */
	.custom-timeline-clock {
		width: 13vw !important;
	}

	.custom-timeline-clock img {
		width: 13vw !important;
		height: 13vw !important;
	}

	.custom-timeline-text p,
	.custom-full-text p,
	.custom-upper-section p {
		font-size: 3.5vw !important;
		line-height: 5vw !important;
		letter-spacing: 1px !important;
	}
}

/* ==================================================
   活動記録リンク用スタイル（PC・スマホ共通）
================================================== */
#ef-cafe-_ac-link_wrap {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	padding: 50px 15px !important;
	box-sizing: border-box;
	background-color: #ffde7f;
	background-image: repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0px 15px, transparent 15px 30px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.5) 0px 15px, transparent 15px 30px);
}

.ef-hq_btmlink_wrap,
.ef-hq_btm-yearlink_wrap {
	max-width: 900px;
	margin: 0 auto;
}

.ef-hq_btmlink_wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* 第199回に合わせたサイズ調整 */
#ef-cafe-_ac-link_wrap .btn_after,
#ef-cafe-_ac-link_wrap .btn_before {
	display: flex;
	width: 46%;
	margin-bottom: 15px;
	background-color: #439daf;
	color: #FFFFFF !important;
	border-radius: 15px;
	padding: 30px 10px;
	align-items: center;
	justify-content: space-between;
	font-size: 2.5rem;
	text-align: left;
	letter-spacing: 0;
	box-sizing: border-box;
	text-decoration: none;
}

#ef-cafe-_ac-link_wrap .btn_after p,
#ef-cafe-_ac-link_wrap .btn_before p {
	margin: 0 auto 0 20px;
	font-weight: bold;
}

/* 【重要】テキストの右寄せを復元 */
.ef-hq_btmlink__left {
	margin: 0 20px 0 auto;
}

#ef-cafe-_ac-link_wrap .ef-hq_btmlink_flexbox-arrow {
	display: inline-block;
	height: 1.2em;
	width: 20%;
	max-width: none;
}

.ef-hq_btmlink_flexbox-arrow-reverse {
	transform: rotate(180deg) !important;
}

.ef-hq_btm-yearlink_wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-top: 30px;
	gap: 10px;
}

.ef-hq_btm-yearlink {
	display: flex;
	width: 15%;
	/* 6列に並べるため */
	flex-grow: 1;
	margin-bottom: 15px;
	border-radius: 15px;
	padding: 15px 10px;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	text-align: left;
	box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.6);
	box-sizing: border-box;
	text-decoration: none;
}

a.ef-hq_btm-yearlink {
	color: #FFFFFF !important;
}

.ef-hq_btm-yearlink p {
	margin: 0 auto;
	font-weight: bold;
	line-height: 1.2;
}

.ef-hq_btm-yearlink span {
	font-size: 22px;
	font-weight: bold;
}

.ef-hq_btm-yearlink__c-2026 {
	background-image: linear-gradient(163deg, rgba(165, 89, 152, 1) 50%, rgba(148, 72, 136, 1) 50%);
}

.ef-hq_btm-yearlink__c-2025 {
	background-image: linear-gradient(163deg, rgba(202, 75, 80, 1) 50%, rgba(181, 57, 66, 1) 50%);
}

.ef-hq_btm-yearlink__c-2024 {
	background-image: linear-gradient(163deg, rgba(243, 152, 0, 1) 50%, rgba(232, 129, 33, 1) 50%);
}

.ef-hq_btm-yearlink__c-2023 {
	background-image: linear-gradient(163deg, rgba(88, 148, 160, 1) 50%, rgba(0, 125, 138, 1) 50%);
}

.ef-hq_btm-yearlink__c-2022 {
	background-image: linear-gradient(163deg, rgba(125, 181, 160, 1) 50%, rgba(111, 154, 139, 1) 50%);
}

.ef-hq_btm-yearlink__c-2021 {
	background-image: linear-gradient(163deg, rgba(231, 159, 159, 1) 50%, rgba(192, 131, 144, 1) 50%);
}

/* ==================================================
   活動記録リンク用スタイル＆フッター関連（スマホ版）
================================================== */
@media (max-width: 599px) {

	#ef-cafe-_ac-link_wrap {
		width: 100% !important;
		padding: 30px 0 !important;
	}

	.ef-hq_btmlink_wrap,
	.ef-hq_btm-yearlink_wrap {
		width: 85% !important;
		margin: 30px auto 0 !important;
	}

	#ef-cafe-_ac-link_wrap .btn_after,
	#ef-cafe-_ac-link_wrap .btn_before {
		width: 49% !important;
		line-height: 5vw !important;
		font-size: 3.2vw !important;
		padding: 20px 2px !important;
		border-radius: 3vw !important;
	}

	#ef-cafe-_ac-link_wrap .btn_after p,
	#ef-cafe-_ac-link_wrap .btn_before p {
		margin: 0 auto 0 10px;
	}

	.ef-hq_btm-yearlink_wrap {
		justify-content: flex-start !important;
		gap: 6px !important;
	}

	.ef-hq_btm-yearlink {
		width: 32% !important;
		line-height: 5vw !important;
		font-size: 3.2vw !important;
		padding: 20px 2px !important;
		border-radius: 3vw !important;
		margin-bottom: 15px !important;
	}

	.ef-hq_btm-yearlink span {
		font-size: 4vw !important;
		font-weight: bold !important;
	}

	/* 矢印のサイズリセット（第199回の記述に合わせる） */
	#ef-cafe-_ac-link_wrap .ef-hq_btmlink_flexbox-arrow {
		width: 20% !important;
		height: 1.2em !important;
	}

	.ef-hq_btm-yearlink img.ef-hq_btmlink_flexbox-arrow {
		width: 10px !important;
	}
}

/* ==================================================
   フッターエリア（TOPへ戻るボタン ＆ コピーライト）
================================================== */
#ef-cafe_ac-topback-wrap {
	background-color: #FFFFD7;
	padding: 30px 0;
}

#ef-cafe_ac-topback-wrap a {
	display: block;
	border-radius: 70px;
	height: auto;
	width: 350px;
	color: #FFF;
	font-size: 21px;
	line-height: 50px;
	background-color: #da6f82;
	text-align: center;
	margin: 0 auto;
	vertical-align: middle;
	letter-spacing: 0px !important;
	text-decoration: none;
}

footer {
	padding: 20px;
	text-align: center;
	background: #313131;
	color: #fff;
	font-size: 12px;
	letter-spacing: 0px !important;
	margin: 0;
}

/* スマホ表示用調整 */
@media (max-width: 1024px) {
	#ef-cafe_ac-topback-wrap a {
		max-width: 350px;
		width: 70%;
		font-size: 3vw;
		line-height: 10vw;
	}
}

/* タブレット表示用調整 */
@media (min-width: 768px) and (max-width: 1024px) {
	#ef-cafe_ac-topback-wrap a {
		font-size: 2vw;
	}
}