/* デフォルト
---------------------------------------------------- */

/* 画面100%表示用↓ここから */
.mainContentMT {
	width: 100%;
}

/*　パンくずの表示くずれ防止　*/
.rootMT ul {
	overflow: hidden;
	width: 940px !important;
	margin: 0 auto;
}

:root {
	--tokuten-color: #e68457;
	--kansai: #e68457;
	--yutai-color: #e30000;
	--font-color: #1a1a1a;
	--yutai_back: #f7f8f8;
	--yutai_all_back: #fff;
	--page-color: var(--kansai);
}

/* 画面100%表示用↓ここまで */

tr,
th,
td,
div,
span,
a,
p {
	color: inherit;
}

/* area-specialmenu
---------------------------------------------------- */
#area-specialmenu {
	max-width: 940px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

#area-specialmenu * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
}

#area-specialmenu img {
	max-width: 100%;
	vertical-align: bottom;
	font-size: 0;
}

#area-specialmenu .pc {
	display: block !important;
}

#area-specialmenu .sp {
	display: none !important;
}


#area-specialmenu ol,
#area-specialmenu ul {
	list-style-type: none;
}

#area-specialmenu a {
	outline: none;
	font-size: inherit;
}



/* #head
---------------------------------------------------- */

#area-specialmenu .fv {
	width: 100%;
	background: #aaaaaa;
	margin: 0 auto 50px;
	position: relative;
}

.leisureBox01MT {
	margin: 0 auto 5%;
}

.ttlTop {
	display: none;
}

.navMT {
	background: #fff !important;
	padding: 50px !important;
	max-width: 940px;
	margin: 0 auto;
	border: none !important;
}

.navMT nav {
	width: 100%;
}

.leisureLayoutMT .layer02MT {
	position: relative;
	max-width: 939px;
	margin: 0 auto;
}

.punctuationMT {
	height: 2px;
	background: none;
	margin-bottom: 20px;
}

.tabMT {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 940px;
	margin: 0 auto;
}

.leisureLayoutMT .tab10MT li:first-child.select {
	width: calc(100% / 2 - 40px) !important;
}

.leisureLayoutMT .tabMT li.select {
	display: block;
	margin: 0 15px;
	color: #fff;
	border: solid var(--kansai) 0.15em;
	box-sizing: border-box;
	text-align: center;
	transition: all ease .3s;
	font-size: 15px;
	padding: 1em 2em;
	font-weight: 700;
	background: var(--kansai) !important;
	position: relative;
	border-radius: 6px;
}

.leisureLayoutMT .tabMT li {
	width: calc(100% / 2 - 40px) !important;
	height: 60px;
	background: #fff !important;
	margin: 10px !important;
	line-height: 2 !important;
}

.leisureLayoutMT .tabMT li a {
	display: block;
	color: var(--kansai);
	border: solid var(--kansai) 0.15em;
	box-sizing: border-box;
	text-align: center;
	background-color: #fff;
	transition: all ease .3s;
	font-size: 15px;
	padding: 1em 2em;
	font-weight: 700;
	height: 100%;
	border-radius: 6px;
}

.leisureLayoutMT .tabMT li a:hover {
	background-color: var(--kansai);
	color: #fff;
}

.leisureLayoutMT .tabMT li:first-child {
	margin-left: 3%;
}

.leisureLayoutMT .layer02MT {
	max-width: 940px;
	margin: 0 auto;
}

.layer02MT {
	height: 0px;
}

/* 表示行数 */
.displayMT {
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

/* 表示行数 */
.displayMT dl dt {
	color: var(--font-color);
}

/* 1・2・・・次・最後 */
.pagingMT {
	margin-left: 30px;
}

/* 1・2・・・次・最後 */
.pagingMT li a {
	color: var(--font-color);
}

/* 1・2・・・次・最後 */
.pagingMT li.active {
	color: var(--page-color);
}

/* 表示行数下の水色線の削除 */
.punctuationMT {
	background: none;
	margin-bottom: 40px;
}

/* 紐づけ優待全体 */
.leisureBox01MT {
	color: var(--font-color);
	background-color: var(--yutai_back);
	font-family: Noto Sans JP, Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
	font-feature-settings: "palt";
	width: 940px;
	box-sizing: border-box;
	margin: 40px auto 0px;
	padding: 20px;
	border: none;
}

.leisureLayoutMT h3.txtB {
	font-size: 12px;
}

/* 優待メニュータイトル */
.leisureBox01MT a {
	color: var(--font-color);
	font-size: 16px;
}

/* 特典内容欄 */
.leisureLayoutMT .leisureBox01MT .privilegeMT {
	border: none;
}

/* 特典内容欄　枠線 */
.leisureLayoutMT .leisureBox01MT .privilegeMT dl {
	background: none;
	border: none;
	display: flex;
	justify-content: center;
	align-items: stretch;
}

.leisureLayoutMT .leisureBox01MT .privilegeMT dl:first-child dd {
	border-top: solid 1px var(--tokuten-color);
}

/* 特典1 */
.leisureLayoutMT .leisureBox01MT .privilegeMT dt {
	float: inherit;
	position: inherit;
	top: inherit;
	margin: inherit;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background-color: var(--tokuten-color);
	border: solid 1px var(--tokuten-color)
}

/* 特典内容欄　長さ */
.leisureLayoutMT .leisureBox01MT .privilegeMT dd {
	padding: 10px;
	box-sizing: border-box;
	font-size: 13px;
	border: solid 1px var(--tokuten-color);
	margin: 0;
	border-top: none;
	width: 100%;
	float: inherit;
}

/* 特典内容欄　強調 */
.leisureLayoutMT dd .txtRed {
	color: var(--yutai-color);
	font-weight: bold;
	font-size: 15px;
}

/* 優待紹介テキスト　位置調整 */
.leisureBox01MT .innerMT {
	display: flex;
}

/* 優待紹介テキスト　位置調整 */
.leisureBox01MT .txtBoxMT {
	width: 594px;
	float: none;
}

p.txt14b.mb10 {
	display: none;
}

/* 優待紹介テキスト */
.leisureBox01MT .txtBoxMT p.mb10 {
	font-size: 13px;
	line-height: 2;
	text-align: justify;
	max-height: 8em;
	margin: 0 !important;
	position: relative;
	overflow: hidden;
}

/* 優待紹介テキスト　グラデ背景 */
p.mb10::before {
	content: "";
	width: 100%;
	height: 8em;
	display: block;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, var(--yutai_back) 80%);
	position: absolute;
	top: 0;
}

.leisureBox01MT .txtBoxMT p.txt14b.mb10::before {
	display: none;
}

/*特典内容はログイン後に表示　テキスト*/
.leisureLayoutMT .leisureBox01MT .privilegeMT p a::before {
	content: "※特典内容はログイン後に表示されます";
	width: 100%;
	height: 100%;
	text-align: center;
	display: block;
	font-weight: 700;
	font-size: 15px;
	padding: 10px;
	border: solid 1px var(--tokuten-color);
	box-sizing: border-box;
	background-color: #fff;
}

/*ログイン後に特典表示の画像削除*/
.privilegeMT p a img {
	display: none;
}

/* page-top
	---------------------------------------------------- */


/*このクラスが付与されると表示する*/
#page-top a {
	display: flex;
	flex-direction: column;
	transition: all 0.3s;
	width: 120px;
	height: 120px;
	background: #333;
	border-radius: 50%;
	color: #fff;
	font-size: 14px;
	justify-content: center;
	font-weight: bold;
	text-align: center;
	align-items: center;
	text-decoration: none;
	line-height: 1.8;
	padding-top: 10px;
}

#page-top a:hover {
	transform: scale(1.1);
}

/*リンクを右下に固??*/
#page-top {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 5;
}






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


	/*　左右余白削除　*/
	#fftop_recomDetail section {
		padding: 0;
	}

	#area-specialmenu .sp {
		display: block !important;
	}

	#area-specialmenu .pc {
		display: none !important;
	}

	#g-nav li a {
		font-size: 1.5em;
	}

	#area-specialmenu .fv {
		width: 100%;
		background: #aaaaaa;
		margin-bottom: 5em;
	}

	#fftop_recomDetail .freeArea-direct {
		display: none;
	}

	#fftop_recomDetail .reBox .freeArea-direct {
		display: block;
	}

	#fftop_recomDetail .reBox {
		padding: 0px;
	}

	#template_fujitsu {
		font-size: 0;
		margin-bottom: 3.947vw;
	}

	/* ヘッダー画像 */
	#template_fujitsu img {
		text-align: center;
		width: 100%;
	}

	.leisureBox01MT {
		margin: 0 auto 5%;
	}

	.ttlTop {
		display: none;
	}

	.navMT {
		display: block;
		background: #fff !important;
		padding: 0px !important;
	}


	.leisureBox01MT {
		margin: 0 auto 5%;
	}

	.ttlTop {
		display: none;
	}

	.navMT {
		background: #fff !important;
	}

	.navMT nav {
		width: 100%;
	}

	.recmTab nav {
		padding: 0px;
	}

	.leisureLayoutMT .layer02MT {
		position: relative;
		max-width: 939px;
		margin: 0 auto;
	}

	.punctuationMT {
		height: 2px;
		background: none;
		margin-bottom: 20px;
	}

	.tabMT {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
		margin: 0 auto 30px;
	}

	.leisureLayoutMT .tabMT li.select {
		display: block;
		margin: 0 15px 30px;
		color: #fff;
		border: solid var(--kansai) 0.15em;
		box-sizing: border-box;
		text-align: center;
		transition: all ease .3s;
		font-size: 15px;
		padding: 1em 0.2em;
		font-weight: 700;
		background: var(--kansai) !important;
		width: 100% !important;
	}

	.leisureLayoutMT .tab10MT li:first-child.select {
		width: 100% !important;
	}


	.leisureLayoutMT .tabMT li {
		width: 95% !important;
		height: 60px;
		background: #fff;
		margin: 0 15px 30px !important;
		line-height: 2 !important;
		border: none !important;
	}

	.leisureLayoutMT .tabMT li a {
		display: block;
		color: var(--kansai);
		border: solid var(--kansai) 0.15em;
		box-sizing: border-box;
		text-align: center;
		background-color: #fff;
		transition: all ease .3s;
		font-size: 14px;
		padding: 1em;
		font-weight: 700;
		height: 100%;
	}

	.leisureLayoutMT .tabMT li a:hover {
		background-color: var(--kansai);
		color: #fff;
	}

	.leisureLayoutMT .tabMT li:first-child {
		margin-left: 3%;
	}

	.recmTab nav ul li a:after {
		display: none;
	}

	#fftop_recomDetail .leisureBox02MT .BlocMT {
		background-color: var(--yutai_back) !important;
		margin: 3.947vw auto;
		padding: 1em;
		width: 95vw;
		border: none;
	}

	/* カテゴリ名 */
	.leisureLayoutMT h3.txtB {
		background: none;
		padding: 0;
		color: inherit;
		font-size: 3.2vw;
		margin: 0 auto 0.25em;
	}

	/* 写真・優待内容レイアウト */
	#fftop_recomDetail .leisureBox02MT .BlocMT .innerMT {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	/* 写真 pタグ */
	#fftop_recomDetail .leisureBox02MT .innerMT .ImgBoxMT {
		display: block;
		width: 100%;
		height: auto;
		margin: 0 auto 0.5em;
	}

	/* 写真　imgタグ*/
	#fftop_recomDetail .leisureBox02MT .innerMT .ImgBoxMT img {
		display: block;
		width: 100%;
		height: auto;
		border: 1px solid #e1e1e1;
		box-sizing: border-box;
	}

	/*　おすすめ画像　*/
	ul.NumMT li img {
		width: 16vw;
		height: auto;
	}

	/*　申込番号　*/
	#fftop_recomDetail .leisureBox02MT .innerMT .txtBoxMT .NumMT li {
		font-size: 3.2vw;
		color: var(--font-color);
	}

	/* 優待名 */
	#fftop_recomDetail .leisureBox02MT .innerMT .txtBoxMT h4 {
		color: var(--font-color);
		font-size: 4.2vw;
	}

	/* 会員特典 */
	#fftop_recomDetail .leisureBox02MT p.privilegeHeading {
		font-size: 4.2vw;
		font-weight: 600;
		color: #fff;
		background-color: var(--tokuten-color);
		padding: 0.25em 0.5em;
		margin-top: 0.5em;
	}

	/* 会員特典の枠 */
	#fftop_recomDetail .leisureBox02MT .privilegeMT {
		background: #fff;
		border: 0.1em solid var(--tokuten-color);
		padding: 0.5em;
	}

	/* 会員特典欄内のテキスト */
	#fftop_recomDetail .leisureBox02MT .privilegeMT dl dd {
		font-size: 3.947vw;
		color: var(--font-color);
		padding: 0;
	}

	/* 会員特典欄内のテキスト　強調 */
	.leisureLayoutMT dd .txtRed {
		font-weight: 700;
	}

	/*ログイン後に特典表示の画像削除*/
	#fftop_recomDetail .leisureBox02MT .privilegeMT p img {
		display: none;
	}

	/*ログイン後に特典表示のテキスト*/
	#fftop_recomDetail .leisureBox02MT .privilegeMT p::before {
		content: "※特典内容はログイン後に表示されます";
		width: 100%;
		height: 100%;
		text-align: center;
		display: block;
		font-weight: 700;
		font-size: 3.947vw;
	}

	p.mb10::before {
		display: none;
	}

	/* page-top
	---------------------------------------------------- */


	/*このクラスが付与されると表示する*/
	#page-top {
		right: 10px;
		bottom: 10px;
	}

	#page-top a {
		width: 100px;
		height: 100px;
		line-height: 1.4;
		font-size: 14px;
		padding-top: 5px;
	}





}