@charset "UTF-8";
/* **********************************************
	共通スタイル
		Header / Footer 
	
	スマホ(max-width: 768px)
	タブレット（min-width: 768px）and(max-width:960px)
	PC（min-width: 960px）
	
 ********************************************** */
/* /////////////// ブレイクポイント /////////////// */
/* スマホ */
/* タブレット */
@media screen and (min-width: 768px) and (max-width:960px) {
}
/* デスクトップ */
@media screen and (min-width: 960px) {
}
/* スムーススクロール */
html {
	scroll-behavior: smooth;
}
/* =================================================
	ページ遷移時ふわっ
 ================================================= */
body.fade {
	opacity: 0;
	transition: opacity 0.5s ease;
}
body:not(.fade) {
	opacity: 1;
}
body::after {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 9999;
	pointer-events: none;
	opacity: 0;
	-webkit-transition: opacity 0.8s ease;
	transition: opacity 0.8s ease;
}
body.fade::after {
	opacity: 1;
}
/* =================================================
	全体
 ================================================= */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
/* タップ時のハイライト消す */
body {
	-webkit-tap-highlight-color: transparent;
}
/* スクロールバー非表示 */
.scrollbar {
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.scrollbar::-webkit-scrollbar {
	display: none;
}
/* 電話リンク */
a[href*="tel:"] {
	text-decoration-line: underline;
	text-decoration-style: dotted;
}
/* デスクトップ */
@media screen and (min-width: 960px) {
	/* 電話リンク ＞ 外す */
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
}
/* ハンバーガーOPEN時のスクロールバー調整 */
html {
	overflow-y: scroll;
	&.noscroll {
		height: 100%;
	}
}
body {
	&.ov {
		overflow: hidden;
	}
}
/* ハンバーガーOPEN時の背景固定 */
body.fixed {
	width: 100%;
	overflow: hidden;
	position: fixed;
	top: var(--scroll-y);
	left: 0;
}
.fixed #wrapper {
	width: 100%;
	position: fixed;
	transform: translateY(var(--scroll-y));
}
/* 本文エリア共通 */
#wrapper {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 0px;
}
/* =================================================
	ヘッダー（スクロールで消える）
 ================================================= */
header {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: auto;
	padding: 0px;
	background: rgba(255,255,255,0);
	z-index: 1000;
	position: fixed;
	top: -1px;
	left: 0;
	transform: translateY(0);	/* 初期位置を明示 */
	transition: transform 0.3s ease;
}
header.hidden {
	transform: translateY(-75px);
}
header .inner {
	width: 100%;
	height: 75px;
	background: rgba(255,255,255,0.8);
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
	background: linear-gradient(0deg, rgba(255,255,255, 1) 0%, rgba(255,255,255, 0.5) 50%, rgba(255,255,255, 0.2) 100%);
		backdrop-filter: blur(2px);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0px;
	padding: 5px 15px;
}
/* デスクトップ */
@media screen and (min-width: 960px) {
	header {
		width: 100%;
		height: 86px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin: auto;
		padding: 0px;
		background: rgba(255,255,255,0);
		z-index: 1000;
		position: fixed;
		top: -1px;
		left: 0;
		transform: translateY(0);	/* 初期位置を明示 */
		transition: transform 0.3s ease;
	}
	header.hidden {
		transform: translateY(-90px);
	}
	header .inner {
		width: calc(100% - 100px);
		max-width: 920px;
		height: 85px;
		background: linear-gradient(0deg, rgba(255,255,255, 1) 0%, rgba(255,255,255, 0.75) 50%, rgba(255,255,255, 0.2) 100%);
		backdrop-filter: blur(2px);
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin: 0px;
		padding: 27px 30px;
	}
	header {
		justify-content: space-between;
	}
}
/* =================================================
	ヘッダーの中身（ロゴ以外デスクトップのみ）
 ================================================= */
header .hdr_logo a {
	width: 160px;
	height: 30px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	margin: 0px auto;
	padding: 0px;
	background-image: url(../../_img/cmn/logo_tkn.svg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
/* デスクトップ用メニュー */
header .nav-links a {
	font-size: 14px;
	line-height: 1.75em;
	font-weight: 400;
	font-style: normal;
	color: #1e22aa;
	text-decoration: none;
}
/* デスクトップ */
@media screen and (min-width: 960px) {
	header .hdr_logo a {
		width: 160px;
		height: 30px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		display: block;
		margin: 0px auto;
		padding: 0px;
		background-image: url(../../_img/cmn/logo_tkn.svg);
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 100% auto;
	}
	header .nav-links {
		width: calc(100% - 180px);
		height: auto;
		display: block;
		font: 0;
		text-align: right;
		margin: 0px 0px 0px auto;
		padding: 0px;
	}
	header .nav-links a:not( ul li a) {
		width: auto;
		height: auto;
		display: inline-block;
		vertical-align: top;
		margin: 0px 20px 0px auto;
		padding: 0px;
		text-align: left;
		white-space: nowrap;
		list-style: none;
		position: relative;
		transition: all 0.3s ease;
	}
	header .nav-links a:hover {
		opacity: 0.5;
	}
	header .nav-links a.eshop {
		width: 28px;
		height: 28px;
		vertical-align: top;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		margin: 0px 20px 0px auto;
		padding: 0px;
		background-image: url(../../_img/cmn/icnset_shop.svg);
		background-size: cover;
		background-position: left center;
		background-repeat: no-repeat;
	}
	header .nav-links ul.langchange {
		width: auto;
		height: auto;
		display: inline-block;
		vertical-align: top;
		margin: 0px auto;
		padding: 0px;
		text-align: left;
		white-space: nowrap;
		list-style: none;
		position: relative;
		font-size: 0;
	}
	header .nav-links ul.langchange li,
	header .nav-links ul.langchange li {
		width: 31px;
		height: 27px;
		display: inline-block;
		margin: 0px auto;
		padding: 0px;
		vertical-align: top;
		text-align: center;
		white-space: nowrap;
		list-style: none;
		font-size: 15px;
		line-height: 1.85em;
		font-weight: 400;
		font-style: normal;
		color: #fff;
	}
	header .nav-links ul.langchange li.lang_jp.current {
		padding: 0px 0px 0px 4px;
		background-color: #1e22aa;
		border-radius: 15px 0px 0px 15px;
		box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	}
	header .nav-links ul.langchange li.lang_en.current {
		padding: 0px 2px 0px 0px;
		background-color: #1e22aa;
		border-radius: 0px 15px 15px 0px;
		box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	}
	header .nav-links ul.langchange li.lang_jp a,
	header .nav-links ul.langchange li.lang_en a {
		width: 31px;
		height: 27px;
		display: inline-block;
		margin: 0px auto;
		padding: 0px;
		vertical-align: top;
		text-align: center;
		white-space: nowrap;
		list-style: none;
		font-size: 15px;
		line-height: 1.85em;
		font-weight: 400;
		font-style: normal;
		color: #1e22aa;
	}
	header .nav-links ul.langchange li.lang_jp a {
		padding: 0px 0px 0px 4px;
		background-color: #e4e4ff;
		border-radius: 15px 0px 0px 15px;
		box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
		transition: all 0.3s ease;
	}
	header .nav-links ul.langchange li.lang_en a {
		padding: 0px 2px 0px 0px;
		background-color: #e4e4ff;
		border-radius: 0px 15px 15px 0px;
		box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
		transition: all 0.3s ease;
	}
	header .nav-links ul.langchange li.lang_jp a:hover,
	header .nav-links ul.langchange li.lang_en a:hover {
		background-color: #1e22aa;
		color: #fff;
		box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
	}
}
/* =================================================
	デスクトップメニュー表示（スマホは表示しない）
 ================================================= */
/* スマホ */
.nav-links {
	display: none;
}
/* タブレット */
@media screen and (min-width: 768px) and (max-width:960px) {
	.nav-links {
		display: none;
	}
}
/* デスクトップ */
@media screen and (min-width: 960px) {
	.nav-links {
		display: flex;
	}
}
/* =================================================
	ハンバーガーメニュー（三）開閉挙動
 ================================================= */
/* スマホ */
/* タブレット */
.btn-trigger {
	width: 50px;
	height: 50px;
	display: block;
	margin: auto;
	padding: 0px;
	cursor: pointer;
	border: none;
	border-radius: 4px;
	background-color: #fff;
	box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.2);
	position: fixed;
	top: 11px;
	bottom: auto;
	left: auto;
	right: 15px;
	transition: all 0.2s;
}
.btn-trigger.active {
	top: 12px;
	background-color: #f2f2f2;
	box-shadow: 3px 2px 3px 1px rgba(0,0,0,0);
}
.btn-trigger span {
	width: 26px;
	height: 3px;
	display: block;
	margin: auto;
	padding: 0px;
	background-color: #1e22aa;
	border-radius: 3px;
	position: absolute;
	top: 13px;
	bottom: auto;
	left: 0;
	right: 0;
}
btn-trigger span {
	display: inline-block;
	transition: all 0.5s;
}
.btn-trigger span:nth-of-type(1) {
	top: 13px;
}
.btn-trigger span:nth-of-type(2) {
	top: 23px;
}
.btn-trigger span:nth-of-type(3) {
	top: 33px;
}
/* ↓↓↓↓↓以下設定はPC/SP共通↓↓↓↓↓ */
#menu-toggle span:nth-of-type(1) {
	-webkit-animation: menu-toggle-bar01 0.75s forwards;
	animation: menu-toggle-bar01 0.75s forwards;
}
@-webkit-keyframes menu-toggle-bar01 {
	0% {
		-webkit-transform: translateY(10px) rotate(45deg);
	}
	50% {
		-webkit-transform: translateY(10px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(0px) rotate(0);
	}
}
@keyframes menu-toggle-bar01 {
	0% {
		transform: translateY(10px) rotate(45deg);
	}
	50% {
		transform: translateY(10px) rotate(0);
	}
	100% {
		transform: translateY(0px) rotate(0);
	}
}
#menu-toggle span:nth-of-type(2) {
	transition: all .25s .25s;
	opacity: 1;
}
#menu-toggle span:nth-of-type(3) {
	-webkit-animation: menu-toggle-bar03 0.75s forwards;
	animation: menu-toggle-bar03 0.75s forwards;
}
@-webkit-keyframes menu-toggle-bar03 {
	0% {
		-webkit-transform: translateY(-9px) rotate(-45deg);
	}
	50% {
		-webkit-transform: translateY(-9px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(0px) rotate(0);
	}
}
@keyframes menu-toggle-bar03 {
	0% {
		transform: translateY(-9px) rotate(-45deg);
	}
	50% {
		transform: translateY(-9px) rotate(0);
	}
	100% {
		transform: translateY(0px) rotate(0);
	}
}
#menu-toggle.active span:nth-of-type(1) {
	-webkit-animation: active-menu-toggle-bar01 0.75s forwards;
	animation: active-menu-toggle-bar01 0.75s forwards;
}
@-webkit-keyframes active-menu-toggle-bar01 {
	0% {
		-webkit-transform: translateY(0) rotate(0);
	}
	50% {
		-webkit-transform: translateY(10px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(10px) rotate(45deg);
	}
}
@keyframes active-menu-toggle-bar01 {
	0% {
		transform: translateY(0) rotate(0);
	}
	50% {
		transform: translateY(10px) rotate(0);
	}
	100% {
		transform: translateY(10px) rotate(45deg);
	}
}
#menu-toggle.active span:nth-of-type(2) {
	opacity: 0;
}
#menu-toggle.active span:nth-of-type(3) {
	-webkit-animation: active-menu-toggle-bar03 0.75s forwards;
	animation: active-menu-toggle-bar03 0.75s forwards;
}
@-webkit-keyframes active-menu-toggle-bar03 {
	0% {
		-webkit-transform: translateY(0) rotate(0);
	}
	50% {
		-webkit-transform: translateY(-9px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(-9px) rotate(-45deg);
	}
}
@keyframes active-menu-toggle-bar03 {
	0% {
		transform: translateY(0) rotate(0);
	}
	50% {
		transform: translateY(-9px) rotate(0);
	}
	100% {
		transform: translateY(-9px) rotate(-45deg);
	}
}
/* デスクトップ */
@media screen and (min-width: 960px) {
	.btn-trigger {
		width: 60px;
		height: 62px;
		display: block;
		margin: auto;
		padding: 0px;
		cursor: pointer;
		border: 1px solid #1e22aa;
		border-radius: 5px;
		background-color: #fff;
		box-shadow: 0px 3px 0px 1px rgba(0,0,0,0.2);
		position: fixed;
		top: 15px;
		bottom: auto;
		left: auto;
		right: 25px;
		transition: all 0.2s;
	}
	.btn-trigger:hover,
	.btn-trigger.active {
		top: 18px;
		background-color: #fff;
		box-shadow: 3px 2px 3px 1px rgba(0,0,0,0);
	}
	.btn-trigger span {
		width: 32px;
		height: 3px;
		display: block;
		margin: auto;
		padding: 0px;
		background-color: #1e22aa;
		border-radius: 3px;
		position: absolute;
		top: 17px;
		bottom: auto;
		left: 0;
		right: 0;
	}
	btn-trigger span {
		display: inline-block;
		transition: all 0.5s;
	}
	.btn-trigger span:nth-of-type(1) {
		top: 17px;
	}
	.btn-trigger span:nth-of-type(2) {
		top: 27px;
	}
	.btn-trigger span:nth-of-type(3) {
		top: 37px;
	}
}
/* =================================================
	ハンバーガーOPEN時の背景オーバーレイ
 ================================================= */
#overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.5);
	z-index: 500;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease;
}

#overlay.active {
	opacity: 1;
	visibility: visible;
}
/* =================================================
	ハンバーガー内
 ================================================= */
nav {
	width: 100vw;
	height: 100vh;
	display: block;
	margin: 75px auto 0px;
	padding: 2px 0px 300px;
	border-top: 1px solid #1e22aa;
	background: #fff;
	z-index: 0;
	position: fixed;
	top: -35px;
	overflow-y: scroll;
	opacity: 0;
	z-index: -999;
	transition: all 0.4s ease-in-out;
}
/* ハンバーガーOPEN時（最前面） */
nav.active {
	top: -2px;
	opacity: 1;
	z-index: 999;
}
nav a {
	width: 100%;
	height: 60px;
	display: block;
	margin: 0px auto;
	padding: 20px 0;
	border-bottom: 1px solid #c5cbd3;
	background: #fff;
	transition: all 0.3s ease;
	font-size: 16px;
	line-height: 1.25em;
	font-weight: 400;
	font-style: normal;
	color: #1e22aa;
	text-decoration: none;
	text-indent: 20px;
}
nav a:hover {
	background: #1e22aa;
	color: #fff;
}
nav .news-child {
	display: none;
}
/* タブレット */
@media screen and (min-width: 768px) and (max-width:960px) {
}
/* デスクトップ */
@media screen and (min-width: 960px) {
	nav {
		margin: 0px auto;
		padding: 150px 5% 200px;
		border-top: none;
	}
	nav .param {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	nav .param .inner {
		width: 100%;
		display: block;
		margin: 0px 2%;
		padding: 0px;
	}
	.param .inner a {
		border-bottom: 1px dotted #c5cbd3;
	}
	.param .inner a.btop {
		border-top: 1px dotted #c5cbd3;
	}
	.param .inner a:hover {
		color: #fff;
	}
	nav .news-child {
		display: block;
	}
	nav .other_link {
		width: auto;
		display: block;
		margin: 0px 2%;
		padding: 0px;
		text-align: left;
		color: #c5cbd3;
		text-indent: 20px;
	}
	nav .other_link a {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px 0px 20px;
		padding: 0px;
		text-align: left;
		background: transparent;
		border: none;
		color: #1e22aa;
		white-space: nowrap;
	}
	nav .other_link a:hover {
		background: transparent;
		border: none;
		color: #1e22aa;
		opacity: 0.5;
	}
}
/* タブレット */
@media screen and (min-width: 768px) and (max-width:960px) {
}
/* デスクトップ */
@media screen and (min-width: 960px) {
}

/* アイコン付きメニュー */
nav a.catalog,
nav a.english,
nav a.eshop {
	height: 60px;
	margin: 0px auto;
	padding: 20px 0px 20px 24px;
	position: relative;
}
nav a.catalog::before,
nav a.english::before,
nav a.eshop::before {
	content: "";
	width: 20px;
	height: 20px;
	margin: auto;
	padding: 0px;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 20px;
	right: auto;
	transition: all 0.3s ease;
}
nav a.catalog::before {
	background-image: url(../../_img/cmn/icnset_book.svg);
	background-size: cover;
	background-position: left center;
	background-repeat: no-repeat;
}
nav a.english::before {
	background-image: url(../../_img/cmn/icnset_lang.svg);
	background-size: cover;
	background-position: left center;
	background-repeat: no-repeat;
}
nav a.eshop::before {
	background-image: url(../../_img/cmn/icnset_shop.svg);
	background-size: cover;
	background-position: left center;
	background-repeat: no-repeat;
}
nav a:hover.catalog::before {
	background-image: url(../../_img/cmn/icnset_book.svg);
	background-size: cover;
	background-position: left bottom;
	background-repeat: no-repeat;
}
nav a:hover.english::before {
	background-image: url(../../_img/cmn/icnset_lang.svg);
	background-size: cover;
	background-position: left bottom;
	background-repeat: no-repeat;
}
nav a:hover.eshop::before {
	background-image: url(../../_img/cmn/icnset_shop.svg);
	background-size: cover;
	background-position: left bottom;
	background-repeat: no-repeat;
}
/* リンク SNSエリア（footerと異なる） */
nav dl {
	width: 100%;
	height: 19px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0px auto;
	padding: 40px 20px 0px;
}
/* タブレット */
@media screen and (min-width: 768px) and (max-width:960px) {
}
/* デスクトップ */
@media screen and (min-width: 960px) {
	nav dl {
		width: auto;
		margin: 0px 2%;
		padding: 20px 20px 0px;
		text-indent: 20px;
	}
}
nav dl dt {
	width: 1px;
	height: auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
nav dl dd a {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	margin: 0px 33px 0px 0px;
	padding: 0px;
	border: none;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
nav dl dd.youtube a {
	width: 27px;
	height: 19px;
	background-image: url(../../_img/cmn/icn_youtube_bl.svg);
}
nav dl dd.instagram a {
	width: 19px;
	height: 19px;
	background-image: url(../../_img/cmn/icn_instagram_bl.svg);
}
nav dl dd.facebook a {
	width: 20px;
	height: 19px;
	background-image: url(../../_img/cmn/icn_facebook_bl.svg);
}
nav dl dd.x a {
	width: 19px;
	height: 19px;
	background-image: url(../../_img/cmn/icn_x_bl.svg);
}
nav dl dd a {
	transition: all 0.3s ease;
}
nav dl dd a:hover {
	background-color: transparent;
	opacity: 0.5;
}
/* =================================================
	ハンバーガー内アコーディオンメニュー（製品情報）
 ================================================= */
.accordion {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 0px;
}
/* 見出し親 */
.accordion .accordion_header {
	padding: 20px 0px;
	text-align: left;
	background: #fff;
	border-bottom: 1px solid #c5cbd3;
	position: relative;
	z-index: 0;
	cursor: pointer;
	transition-duration: 0.2s;
	font-size: 16px;
	line-height: 1.25em;
	font-weight: 400;
	font-style: normal;
	color: #1e22aa;
	text-decoration: none;
	text-indent: 20px;
}
/* 見出し親（ご案内＞デスクトップのみ） */
.accordion.pconly .accordion_header {
	display: none;
}
.accordion .accordion_header:hover,
.accordion .accordion_header.stay,
.accordion .accordion_inner a:hover {
	background: rgba(197,203,211,0.9);
	color: #fff;
}
.accordion .accordion_header.stay.open {
	background: #fff;
	color: #1e22aa;
}
/* 開閉ボタン */
.accordion .accordion_header .i_box {
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
	padding: 0px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: auto;
	right: 20px;
	transform-origin: center center;
	transition-duration: 0.3s;
}
.accordion .accordion_header .i_box .one_i {
	display: block;
	width: 20px;
	height: 20px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transform-origin: center center;
	transition-duration: 0.3s;
	position: relative;
}
.accordion .accordion_header.stay .i_box .one_i {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.accordion .accordion_header.stay.open .i_box .one_i {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
.accordion .accordion_header .i_box .one_i:before,
.accordion .accordion_header .i_box .one_i:after {
	display: flex;
	content: '';
	background-color: #fff;
	width: 20px;
	height: 2px;
	position: absolute;
	top: 9px;
	left: 0;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	transform-origin: center center;
}
.accordion .accordion_header.stay.open .i_box .one_i:before,
.accordion .accordion_header.stay.open .i_box .one_i:after {
	background-color: #1e22aa;
}
.accordion .accordion_header .i_box .one_i:before {
	width: 2px;
	height: 20px;
	top: 0;
	left: 9px;
}
.accordion .accordion_header.stay .i_box .one_i:before {
	content: none;
}
.accordion .accordion_header.open .i_box .one_i:before {
	content: none;
}
.accordion .accordion_header.stay.open .i_box .one_i:before {
	content: "";
}
.accordion .accordion_header.open .i_box .one_i:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.accordion .accordion_header.stay.open .i_box .one_i:after {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
/* メニュー入れ子 */
.accordion .accordion_inner {
	display: none;
	padding: 0px 0px;
	border-bottom: 1px solid #c5cbd3;
}
.accordion .accordion_inner:last-child {
	display: none;
	padding: 0px 0px;
	border-bottom: none;
}
.accordion .accordion_inner.stay {
	display: block;
}
.accordion .accordion_inner .box_one {
	height: auto;
}
.accordion .accordion_inner .box_one ul {
	list-style: none;
}
.accordion .accordion_inner a {
	background: #f6f8fa;
	font-size: 16px;
	line-height: 1.25em;
	font-weight: 400;
	font-style: normal;
	color: #1e22aa;
	text-decoration: none;
	text-indent: 36px;
}
.accordion .accordion_inner a:hover {
	background: #1e22aa;
}
/* 製品情報の子の「→」 */
.accordion .accordion_inner .box_one ul li a {
	position: relative;
}
.accordion .accordion_inner .box_one ul li a::after {
	content: "→";
	width: 20px;
	height: 25px;
	display: block;
	margin: auto;
	padding: 20px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: auto;
	right: 50px;
	text-align: right;
	font-size: 18px;
	line-height: 1.25em;
	font-weight: 500;
	font-style: normal;
	color: #1e22aa;
	transition: all 0.3s ease;
}
.accordion .accordion_inner .box_one ul li a:hover::after {
	color: #fff;
	right: 40px;
}
/* タブレット */
@media screen and (min-width: 768px) and (max-width:960px) {
}
/* デスクトップ */
@media screen and (min-width: 960px) {
	/* 見出し親 */
	.accordion .accordion_header {
		padding: 20px 0px;
		text-align: left;
		background: #fff;
		border-top: 1px solid #1e22aa;
		border-bottom: 1px solid #1e22aa;
		position: relative;
		z-index: 0;
		cursor: default;
		transition-duration: 0.2s;
	}
	/* 見出し親（ご案内＞デスクトップのみ） */
	.accordion.pconly .accordion_header {
		display: block;
	}
	.accordion .accordion_header:hover,
	.accordion .accordion_header.stay {
		background: transparent;
		color: #1e22aa
	}
	/* 開閉ボタン */
	.accordion .accordion_header .i_box {
		display: none;
	}
	/* メニュー入れ子 */
	.accordion .accordion_inner {
		border-bottom: 1px dotted #c5cbd3;
	}
	.accordion .accordion_inner:last-child {
		display: block;
	}
	.accordion .accordion_inner a {
		background: transparent;
		font-size: 16px;
		line-height: 1.25em;
		font-weight: 400;
		font-style: normal;
		color: #1e22aa;
		text-decoration: none;
		text-indent: 20px;
	}
	/* デスクトップのみ　リンクの「→」 */
	.param .inner a {
		position: relative;
	}
	.param .inner a::after {
		content: "→";
		width: 20px;
		height: 25px;
		display: block;
		margin: auto;
		padding: 20px;
		position: absolute;
		top: 0;
		bottom: 0;
		left: auto;
		right: 20px;
		text-align: right;
		font-size: 18px;
		line-height: 1.25em;
		font-weight: 500;
		font-style: normal;
		color: #1e22aa;
		transition: all 0.3s ease;
	}
	.param .inner a:hover::after {
		color: #fff;
		right: 10px;
	}
	/* 製品情報の子の「→」 */
	.accordion .accordion_inner .box_one ul li a {
		position: relative;
	}
	.accordion .accordion_inner .box_one ul li a::after {
		content: "→";
		width: 20px;
		height: 25px;
		display: block;
		margin: auto;
		padding: 20px;
		position: absolute;
		top: 0;
		bottom: 0;
		left: auto;
		right: 20px;
		text-align: right;
		font-size: 18px;
		line-height: 1.25em;
		font-weight: 500;
		font-style: normal;
		color: #1e22aa;
		transition: all 0.3s ease;
	}
	.accordion .accordion_inner .box_one ul li a:hover::after {
		color: #fff;
		right: 10px;
	}
}
/* =================================================
	第二階層 ＞ パンくずリスト
 ================================================= */
.BreadcrumbList {
	width: 100%;
	height: 30px;
	display: flex;
	margin: 73px auto 0px;
	padding: 0px 2%;
	border-top: 1px solid #eee;
	background: #EFF1F3;
	overflow-x: scroll;	/* 横スクロール */
	touch-action: auto !important;	/* 縦スクロールできなくなる */
}
.BreadcrumbList ol {
	width: 100%;
	height: auto;
	display: block;
	margin: 4px auto 0px;
	padding: 0px;
	text-align: left;
	list-style: none;
	font-size: 0;
	white-space: nowrap;
}
.BreadcrumbList ol li {
	width: auto;
	display: inline-block;
	margin: 0px 30px 0px auto;
	padding: 0px;
	font-size: 11px;
	line-height: 1.75em;
	font-weight: 400;
	font-style: normal;
	color: #888;
	position: relative;
}
.BreadcrumbList ol li::after {
	content: ">";
	display: block;
	margin: auto;
	padding: 0px;
	font-size: 12px;
	line-height: 1.75em;
	font-weight: 400;
	font-style: normal;
	color: #999;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: auto;
	right: -20px;
}
.BreadcrumbList ol li:last-child::after {
	content: "";
}
.BreadcrumbList ol li a {
	display: block;
	margin: 0px auto 0px;
	padding: 0px;
	color: #888;
	transition: all 0.3s ease;
}
.BreadcrumbList ol li a:hover {
	opacity: 0.5;
	text-decoration: none;
}
/* タブレット */
@media screen and (min-width: 768px) and (max-width:960px) {
}
/* デスクトップ */
@media screen and (min-width: 960px) {
	.BreadcrumbList {
		width: 100%;
		height: 50px;
		margin: 70px auto 0px;
		padding: 0px;
	}
	.BreadcrumbList ol {
		margin: 22px auto 0px;
		padding: 0px 1% 0px 2.3%;
	}
	.BreadcrumbList ol li {
		font-size: 11px;
	}
}
/* =================================================
	フッター
 ================================================= */
footer {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto 35px;
	padding: 0px;
	position: relative;
	z-index: 0;
}
footer .ftr_circle {
	width: 100%;
	height: 40px;
	display: block;
	margin: 0px auto;
	padding: 0px;
	position: absolute;
	top: auto;
	bottom: 0px;
	left: 0;
	right: 0;
	z-index: 0;
	overflow: hidden;
}
footer .ftr_circle::before {
	content: "";
	width: 107px;
	height: 107px;
	display: block;
	margin: auto;
	padding: 0px;
	background-color: rgba(194,216,185,0.4);
	border-radius: 50%;
	position: absolute;
	top: 7px;
	bottom: auto;
	left: 0;
	right: 0;
}
/* タブレット */
@media screen and (min-width: 768px) and (max-width:960px) {
}
/* デスクトップ */
@media screen and (min-width: 960px) {
	footer {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto 35px;
		padding: 0px;
		position: relative;
		z-index: 0;
	}
	footer .ftr_circle {
		width: 100%;
		height: 40px;
		display: block;
		margin: 0px auto;
		padding: 0px;
		position: absolute;
		top: auto;
		bottom: 0px;
		left: 0;
		right: 0;
		z-index: 0;
		overflow: hidden;
	}
	footer .ftr_circle::before {
		content: "";
		width: 107px;
		height: 107px;
		display: block;
		margin: auto;
		padding: 0px;
		background-color: rgba(194,216,185,0.4);
		border-radius: 50%;
		position: absolute;
		top: 13px;
		bottom: auto;
		left: 0;
		right: 0;
	}
}
/* =================================================
	フッターLINKS
 ================================================= */
.footer_links {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 15px 0px 50px;
	background: rgba(239,241,243,1);
	font-size: 14px;
	line-height: 2.8em;
	font-weight: 500;
	font-style: normal;
	color: #231815;
}
.footer_links a {
	color: #333;
	text-decoration: none;
	transition: all 0.3s ease;
}
.footer_links .ftr_inner {
	width: 86%;
	max-width: initial;
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 0px;
}
.footer_links .ftr_inner ul {
	width: 100%;
	height: auto;
	display: block;
	margin: 5px auto 0px;
	padding: 0px;
	text-align: left;
	list-style: none;
}
.footer_links .ftr_inner ul ul {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	gap: 1px;
	margin: 0px auto 0px;
	padding: 0px;
	text-align: left;
	list-style: none;
}
.footer_links ul ul li {
	width: calc(100% / 2.05);
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 0px 0px 10px;
	font-size: 14px;
	line-height: 2em;
	font-weight: 400;
	font-style: normal;
	color: #333;
}
.footer_links ul li a {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 0px 0px 7px;
	color: #231815;
}
.footer_links ul ul li a {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto 0px;
	padding: 0px;
	color: #666;
}
.footer_links ul li.icon a {
	height: 2.7em;
	margin: 0px auto 10px;
	padding: 0px 0px 0px 23px;
	position: relative;
}
.footer_links ul li.icon a::before {
	content: "";
	width: 20px;
	height: 20px;
	margin: auto;
	padding: 0px;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: auto;
}
.footer_links ul li.catalog a::before {
	background-image: url(../../_img/cmn/icnset_book.svg);
	background-size: cover;
	background-position: left top;
	background-repeat: no-repeat;
}
.footer_links ul li.english a::before {
	background-image: url(../../_img/cmn/icnset_lang.svg);
	background-size: cover;
	background-position: left top;
	background-repeat: no-repeat;
}
.footer_links ul li.eshop a::before {
	background-image: url(../../_img/cmn/icnset_shop.svg);
	background-size: cover;
	background-position: left top;
	background-repeat: no-repeat;
}
.footer_links .ftr_inner ul li.mobonly {
	font-weight: 400;
}
/* タブレット */
@media screen and (min-width: 768px) and (max-width:960px) {
	.footer_links .ftr_inner ul li.mobonly {
		display: none;
	}
}
/* デスクトップ */
@media screen and (min-width: 960px) {
	.footer_links {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto;
		padding: 45px 0px 50px;
		background: rgba(239,241,243,1);
		font-size: 14px;
		line-height: 3.25em;
		font-weight: 500;
		font-style: normal;
		color: #333;
	}
	.footer_links a {
		color: #333;
		text-decoration: none;
		transition: all 0.3s ease;
	}
	.footer_links a:hover {
		opacity: 0.5;
	}
	.footer_links .ftr_inner {
		width: 100%;
		max-width: 1100px;
		height: auto;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		margin: 0px auto;
		padding: 0px;
	}
	.footer_links .ftr_inner ul,
	.footer_links .ftr_inner ul ul {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto;
		padding: 0px;
		text-align: left;
		list-style: none;
	}
	.footer_links ul ul li {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto;
		padding: 0px;
		font-size: 14px;
		line-height: 2.8em;
		font-weight: 400;
		font-style: normal;
		color: #333;
	}
	.footer_links ul li a {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto;
		padding: 0px;
		color: #231815;
	}
	.footer_links ul li.icon a {
		height: 42px;
		margin: 0px auto;
		padding: 0px 0px 0px 23px;
		position: relative;
	}
	.footer_links ul li.icon a::before {
		content: "";
		width: 20px;
		height: 20px;
		margin: auto;
		padding: 0px;
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: auto;
	}
	.footer_links ul li.catalog a::before {
		background-image: url(../../_img/cmn/icnset_book.svg);
		background-size: cover;
		background-position: left top;
		background-repeat: no-repeat;
	}
	.footer_links ul li.english a::before {
		background-image: url(../../_img/cmn/icnset_lang.svg);
		background-size: cover;
		background-position: left top;
		background-repeat: no-repeat;
	}
	.footer_links ul li.eshop a::before {
		background-image: url(../../_img/cmn/icnset_shop.svg);
		background-size: cover;
		background-position: left top;
		background-repeat: no-repeat;
	}
	.footer_links .ftr_inner ul li.mobonly {
		display: none;
	}
}
/* リンク SNSエリア */
.footer_links ul li dl {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 30px auto 0px;
	padding: 0px;
}
.footer_links ul li dl dt {
	width: 1px;
	height: auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.footer_links ul li dl dd {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 0px 16px 0px 0px;
	padding: 0px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.footer_links ul li dl dd.youtube {
	width: 26px;
	height: 18px;
	background-image: url(../../_img/cmn/icn_youtube.svg);
}
.footer_links ul li dl dd.instagram {
	width: 18px;
	height: 18px;
	background-image: url(../../_img/cmn/icn_instagram.svg);
}
.footer_links ul li dl dd.facebook {
	width: 18px;
	height: 18px;
	background-image: url(../../_img/cmn/icn_facebook.svg);
}
.footer_links ul li dl dd.x {
	width: 18px;
	height: 18px;
	background-image: url(../../_img/cmn/icn_x.svg);
}
.footer_links ul li dl dd a {
	transition: all 0.3s ease;
}
.footer_links ul li dl dd a:hover {
	background-color:rgba(239,241,243,0.8);
	background-blend-mode:lighten;
}
/* タブレット */
@media screen and (min-width: 768px) and (max-width:960px) {
}
/* デスクトップ */
@media screen and (min-width: 960px) {
	/* リンク SNSエリア */
	.footer_links ul li dl {
		width: 100%;
		height: auto;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin: 0px auto;
		padding: 0px;
	}
	.footer_links ul li dl dt {
		width: 1px;
		height: auto;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	.footer_links ul li dl dd {
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		margin: 0px 16px 0px 0px;
		padding: 0px;
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 100% auto;
	}
	.footer_links ul li dl dd.youtube {
		width: 26px;
		height: 18px;
		background-image: url(../../_img/cmn/icn_youtube.svg);
	}
	.footer_links ul li dl dd.instagram {
		width: 18px;
		height: 18px;
		background-image: url(../../_img/cmn/icn_instagram.svg);
	}
	.footer_links ul li dl dd.facebook {
		width: 18px;
		height: 18px;
		background-image: url(../../_img/cmn/icn_facebook.svg);
	}
	.footer_links ul li dl dd.x {
		width: 18px;
		height: 18px;
		background-image: url(../../_img/cmn/icn_x.svg);
	}
	.footer_links ul li dl dd a {
		transition: all 0.3s ease;
	}
	.footer_links ul li dl dd a:hover {
		background-color:rgba(239,241,243,0.8);
		background-blend-mode:lighten;
	}
}
/* =================================================
	フッターINFO
 ================================================= */
.footer_info {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 35px 0px 0px;
	background: #fff;
	font-size: 12px;
	line-height: 1.65em;
	font-weight: 400;
	font-style: normal;
	color: #333;
}
.footer_info .ftr_inner {
	width: 100%;
	max-width: initial;
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 0px;
}
/* ツキネコ情報 */
.footer_info address {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	font-size: 12px;
	line-height: 1.65em;
	font-weight: 400;
	font-style: normal;
	color: #333;
}
.footer_info .ftr_inner address a {
	color: #333;
}
.footer_info .ftr_inner address p {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto 13px;
	padding: 0px;
	text-align: center;
}
.footer_info .ftr_inner address .ftr_logo a {
	width: 160px;
	height: 30px;
	display: block;
	margin: 0px auto 20px;
	padding: 0px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../../_img/cmn/logo_tkn.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	transition: all 0.3s ease;
}
.footer_info .ftr_inner address .ftr_grouplogo a {
	width: 78px;
	height: 35px;
	display: block;
	margin: 30px auto 75px;
	padding: 0px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../../_img/cmn/logo_nikke.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	transition: all 0.3s ease;
}
.footer_info .ftr_inner address .ftr_logo a:hover,
.footer_info .ftr_inner address .ftr_grouplogo a:hover {
	opacity: 0.5;
}
/* タブレット */
@media screen and (min-width: 768px) and (max-width:960px) {
}
/* デスクトップ */
@media screen and (min-width: 960px) {
	.footer_info {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto;
		padding: 40px 0px 10px;
		background: #fff;
		font-size: 12px;
		line-height: 1.65em;
		font-weight: 400;
		font-style: normal;
		color: #333;
	}
	.footer_info .ftr_inner {
		width: 100%;
		max-width: 1100px;
		height: auto;
		display: block;
		margin: 0px auto;
		padding: 0px;
	}
	/* ツキネコ情報 */
	.footer_info .ftr_inner address {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto;
		padding: 0px;
		text-align: center;
		font-size: 12px;
		line-height: 1.65em;
		font-weight: 400;
		font-style: normal;
		color: #333;
	}
	.footer_info .ftr_inner address a {
		color: #333;
		text-decoration: none;
	}
	.footer_info .ftr_inner address p {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto 10px;
		padding: 0px;
		text-align: center;
	}
	.footer_info .ftr_inner address .ftr_logo a {
		width: 203px;
		height: 38px;
		display: block;
		margin: 0px auto 20px;
		padding: 0px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background-image: url(../../_img/cmn/logo_tkn.svg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: auto 100%;
		transition: all 0.3s ease;
	}
	.footer_info .ftr_inner address .ftr_grouplogo a {
		width: 103px;
		height: 46px;
		display: block;
		margin: 30px auto 20px;
		padding: 0px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background-image: url(../../_img/cmn/logo_nikke.svg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: auto 100%;
		transition: all 0.3s ease;
	}
	.footer_info .ftr_inner address .ftr_logo a:hover,
	.footer_info .ftr_inner address .ftr_grouplogo a:hover {
		opacity: 0.5;
	}
}
/* コピーライト他 */
.footer_info .ftr_inner .ftr_small {
	width: 100%;
	max-width: initial;
	height: auto;
	display: block;
	margin: 0px auto 0px;
	padding: 0px;
}
.footer_info .ftr_inner .ftr_small ul {
	display: none;
}
.footer_info .ftr_inner .ftr_small small {
	width: 80%;
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	position: relative;
}
.footer_info .ftr_inner .ftr_small small::after {
	content: "";
	width: 120px;
	height: 88px;
	display: block;
	margin: auto;
	padding: 0px;
	background-image: url(../../_img/cmn/obj.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: absolute;
	top: auto;
	bottom: -7px;
	left: auto;
	right: -15px;
	z-index: 1;
}
.footer_info .ftr_inner .ftr_small ul li a {
	color: #000;
	text-decoration: none;
}
/* タブレット */
@media screen and (min-width: 768px) and (max-width:960px) {
}
/* デスクトップ */
@media screen and (min-width: 960px) {
	/* コピーライト他 */
	.footer_info .ftr_inner .ftr_small {
		width: 100%;
		max-width: 1100px;
		height: auto;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		margin: 0px auto;
		padding: 0px;
	}
	.footer_info .ftr_inner .ftr_small ul {
		width: 80%;
		height: auto;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		margin: 0px auto;
		padding: 0px;
		text-align: left;
		list-style: none;
	}
	.footer_info .ftr_inner .ftr_small ul li a {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto;
		padding: 0px 30px 0px 0px;
		text-align: left;
		list-style: none;
		position: relative;
		transition: all 0.3s ease;
		color: #000;
		text-decoration: none;
	}
	.footer_info .ftr_inner .ftr_small ul li a:hover {
		opacity: 0.5;
	}
	.footer_info .ftr_inner .ftr_small ul li a::after {
		content: "｜";
		width: 30px;
		height: auto;
		display: block;
		margin: auto;
		padding: 0px;
		position: absolute;
		top: 0;
		bottom: 0;
		left: auto;
		right: -10px;
	}
	.footer_info .ftr_inner .ftr_small ul li:last-child a::after {
		content: "";
	}
	.footer_info .ftr_inner .ftr_small ul li.icon.eshop a {
		height: 18px;
		margin: 0px auto;
		padding: 0px 0px 0px 20px;
		position: relative;
	}
	.footer_info .ftr_inner .ftr_small ul li.icon.eshop a::before {
		content: "";
		width: 18px;
		height: 18px;
		margin: auto;
		padding: 0px;
		background-image: url(../../_img/cmn/icnset_shop.svg);
		background-size: cover;
		background-position: left top;
		background-repeat: no-repeat;
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: auto;
	}
	.footer_info .ftr_inner .ftr_small small {
		width: 20%;
		height: auto;
		display: block;
		margin: 0px auto;
		padding: 0px;
		text-align: right;
		position: relative;
	}
	.footer_info .ftr_inner .ftr_small small::after {
		content: "";
		width: 156px;
		height: 115px;
		display: block;
		margin: auto;
		padding: 0px;
		background-image: url(../../_img/cmn/obj.png);
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 100% auto;
		position: absolute;
		top: auto;
		bottom: -20px;
		left: -135px;
		right: auto;
		z-index: 1;
	}
}
/* =================================================
	フッターの背景グラデアニメーション
 ================================================= */
.ftr_bg {
	height: 100%;
	position: fixed;
	top: 0;
	bottom: 0;
	left: -50%;
	right: -50%;
	opacity: 0.5;
	z-index: -1;
	filter: blur(100px);
	animation: ftr-bg-slide 3s ease-in-out infinite alternate;
}
.bg1 {
	background-image: linear-gradient(-60deg, #ffb100 0% 40%, #a8dcd9 40% 60%, #17bebb 60% 100%);
}
.bg2 {
	background-image: linear-gradient(-60deg, #a8dcd9 0% 40%, #17bebb 40% 60%, #888de1 60% 100%);
	animation-direction:alternate-reverse;
	animation-duration:7s;
}
.bg3 {
	background-image: linear-gradient(-60deg, #17bebb 0% 40%, #888de1 40% 60%, #ffb100 60% 100%);
	animation-duration:8s;
}
@keyframes ftr-bg-slide {
	0% {
		transform:translateX(-25%);
	}
	100% {
		transform:translateX(25%);
	}
}
/* =================================================
	もっと読むボタン（配置は各々）
 ================================================= */
.morebtn .btn a {
	width: 120px;
	height: 12px;
	display:block;
	margin: 0px auto;
	padding: 0px 20px 0px 0px;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.65em;
	color: #333;
	text-decoration: none;
	position: relative;
	transition: all 0.3s ease;
}
.morebtn .btn a:hover {
	color: #999;
}
.morebtn .btn a::after {
	content: "";
	display: block;
	position: absolute;
	top: auto;
	bottom: -15px;
	left: 0px;
	right: auto;
	width: 100px;
	height: 8px;
	border: none;
	border-right: 1px solid #d64045;
	border-bottom: 1px solid #d64045;
	transform: skew(45deg);
	transition: 0.2s;
}
.morebtn .btn a:hover::after {
	width: 120px;
	left: 0px;
}
/* =================================================
	ページネーション
 ================================================= */
.pagenation {
	width: 84%;
	height: 33px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 100px auto;
	padding: 0px;
	position: relative;
}
.pagenation .btn {
	width: 60px;
	height: 33px;
	display: block;
	margin: auto;
	padding: 0px;
}
.pagenation .btn.prevbtn {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: auto;
}
.pagenation .btn.nextbtn {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: auto;
	right: 0px;
}
.pagenation ul {
	width: auto;
	height: 33px;
	display: block;
	margin: 0px auto;
	padding: 0px
	text-align: center;
	list-style: none;
}
.pagenation ul li {
	width: 28px;
	height: 33px;
	display: inline-block;
	margin: 0px 3px;
	padding: 0px;
	vertical-align: top;
}
.pagenation ul li.current {
	border: 1px solid #1e22aa;
	border-radius: 6px;
	background: #fff;
	text-align: center;
	font-size: 18px;
	line-height: 1.85em;
	font-weight: 400;
	font-style: normal;
	color: #1e22aa;
}
.pagenation ul li a {
	width: 28px;
	height: 33px;
	display: inline-block;
	margin: 0px auto;
	padding: 0px 6px;
	text-align: center;
	border-radius: 6px;
	background: #1e22aa;
	font-size: 18px;
	line-height: 1.85em;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
	color: #fff;
	transition: all 0.3s ease;
}
.pagenation ul li a:hover {
	opacity: 0.5;
}
/* タブレット */
@media screen and (min-width: 768px) and (max-width:960px) {
}
/* デスクトップ */
@media screen and (min-width: 960px) {
	.pagenation {
		width: 100%;
		max-width: 1100px;
		height: 33px;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		margin: 100px auto;
		padding: 0px;
		position: relative;
	}
	.pagenation .btn {
		width: 60px;
		height: 33px;
		display: block;
		margin: auto;
		padding: 0px;
	}
	.pagenation .btn.prevbtn {
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: auto;
	}
	.pagenation .btn.nextbtn {
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: auto;
		right: 0px;
	}
	.pagenation ul {
		width: auto;
		height: 33px;
		display: block;
		margin: 0px auto;
		padding: 0px
		text-align: center;
		list-style: none;
	}
	.pagenation ul li {
		width: 28px;
		height: 33px;
		display: inline-block;
		margin: 0px 3px;
		padding: 0px;
		vertical-align: top;
	}
	.pagenation ul li.current {
		border: 1px solid #1e22aa;
		border-radius: 6px;
		background: #fff;
		text-align: center;
		font-size: 18px;
		line-height: 1.85em;
		font-weight: 400;
		font-style: normal;
		color: #1e22aa;
	}
	.pagenation ul li a {
		width: 28px;
		height: 33px;
		display: inline-block;
		margin: 0px auto;
		padding: 10px 7px
		text-align: center;
		border-radius: 6px;
		background: #1e22aa;
		font-size: 18px;
		line-height: 1.85em;
		font-weight: 400;
		font-style: normal;
		text-decoration: none;
		color: #fff;
		transition: all 0.3s ease;
	}
	.pagenation ul li a:hover {
		opacity: 0.5;
	}
}
/* 次へボタン */
.nextbtn a {
	width: 60px;
	height: 12px;
	display:block;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.65em;
	color: #333;
	text-decoration: none;
	position: relative;
	transition: all 0.3s ease;
}
.nextbtn a:hover {
	color: #999;
}
.nextbtn a::after {
	content: "";
	display: block;
	position: absolute;
	top: auto;
	bottom: -15px;
	left: 0px;
	right: auto;
	width: 60px;
	height: 8px;
	border: none;
	border-right: 1px solid #1e22aa;
	border-bottom: 1px solid #1e22aa;
	transform: skew(45deg);
	transition: 0.2s;
}
.nextbtn a:hover::after {
	width: 70px;
	left: 0px;
}
/* 前へボタン */
.prevbtn a {
	width: 60px;
	height: 12px;
	display:block;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.65em;
	color: #333;
	text-decoration: none;
	position: relative;
	transition: all 0.3s ease;
}
.prevbtn a:hover {
	color: #999;
}
.prevbtn a::after {
	content: "";
	display: block;
	position: absolute;
	top: auto;
	bottom: -15px;
	left: auto;
	right: 0px;
	width: 60px;
	height: 8px;
	border: none;
	border-left: 1px solid #1e22aa;
	border-bottom: 1px solid #1e22aa;
	transform: skew(-45deg);
	transition: 0.2s;
}
.prevbtn a:hover::after {
	width: 70px;
	rightt: 0px;
}
/* リンクなし */
.nextbtn.nolink {
	width: 60px;
	height: 12px;
	display:block;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.65em;
	color: #c5cbd3;
	text-decoration: none;
	position: relative;
}
.nextbtn.nolink::after {
	content: "";
	display: block;
	position: absolute;
	top: auto;
	bottom: -15px;
	left: 0px;
	right: auto;
	width: 60px;
	height: 8px;
	border: none;
	border-right: 1px solid #c5cbd3;
	border-bottom: 1px solid #c5cbd3;
	transform: skew(45deg);
}
.prevbtn.nolink {
	width: 60px;
	height: 12px;
	display:block;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.65em;
	color: #c5cbd3;
	text-decoration: none;
	position: relative;
}
.prevbtn.nolink::after {
	content: "";
	display: block;
	position: absolute;
	top: auto;
	bottom: -15px;
	left: auto;
	right: 0px;
	width: 60px;
	height: 8px;
	border: none;
	border-left: 1px solid #c5cbd3;
	border-bottom: 1px solid #c5cbd3;
	transform: skew(-45deg);
}
/* =================================================
	ページトップボタン
 ================================================= */
#page-top {
	width: 3.5em;
	height: 3.5em;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0px;
	padding: 0px;
	background: rgba(30,34,170,0.5);
	border-radius: 50%;
	text-align: center;
	font-size: 1em;
	font-weight: 400;
	line-height: 2em;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	position: fixed;
	bottom: 3em;
	right: -3.5em;
	z-index: 100;
	visibility: hidden;
	transition: all 0.3s ease;
}
#page-top.is-active {
	box-shadow: 0 4px 8px rgba(0,0,0,0.1);
	visibility: visible;
	right: 1em;
	transition: all 0.2s ease;
}
#page-top:hover {
	transform: translateY(-4px);
	background: rgba(30,34,170,0.8);
}
/* タブレット */
@media screen and (min-width: 768px) and (max-width:960px) {
}
/* デスクトップ */
@media screen and (min-width: 960px) {
	#page-top {
		width: 4em;
		height: 4em;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0px;
		padding: 0px;
		background: rgba(0,0,0,0.8);
		border-radius: 50%;
		text-align: center;
		font-size: 1em;
		font-weight: 400;
		line-height: 2em;
		color: #fff;
		text-decoration: none;
		cursor: pointer;
		position: fixed;
		bottom: 1em;
		right: -4em;
		z-index: 100;
		visibility: hidden;
		transition: all 0.3s ease;
	}
	#page-top.is-active {
		box-shadow: 0 4px 8px rgba(0,0,0,0.1);
		visibility: visible;
		right: 1vw;
		transition: all 0.2s ease;
	}
	#page-top:hover {
		transform: translateY(-4px);
		background: rgba(30,34,170,0.8);
	}
}
/* =================================================
	製品カテゴリーアイコン
 ================================================= */
/* 共通形状 */
.cateicon {
	width: 5em;
	height: auto;
	aspect-ratio: 1 / 1;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0px auto;
	padding: 0px;
	font-size: 1em; /* 円のサイズに使う値 */
	line-height: 1em;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	letter-spacing: -0.0125em;
	text-decoration: none;
	position: relative;
	z-index: 0;
}
.productArea #use .lineup .category-box .left .cateicon {	/* 製品トップ用 */
	width: 5em;
	font-size: 1.1em; /* 円のサイズに使う値 */
}
.productlistArea .postlist a .cateicon {	/* 製品リスト用 */
	width: 5.5em;
	font-size: 0.5em; /* 円のサイズに使う値 */
	line-height: 1em;
	text-shadow: none;
	position: absolute;
	top: -5px;
	bottom: auto;
	left: 13px;
	right: auto;
	z-index: 2;
}
.productdetailArea .detail_spec .left .cateicon {	/* 製品詳細用 */
	width: 5em;
	margin: 0px 0px 20px;
	font-size: 1.1em; /* 円のサイズに使う値 */
}
/* タブレット */
@media screen and (min-width: 768px) and (max-width:960px) {
}
/* デスクトップ */
@media screen and (min-width: 960px) {
	.productlistArea .postlist a .cateicon {	/* 製品リスト用 */
		width: 5.5em;
		font-size: 0.5em; /* 円のサイズに使う値 */
		line-height: 1em;
		text-shadow: none;
		position: absolute;
		top: -5px;
		bottom: auto;
		left: 10px;
		right: auto;
		z-index: 2;
	}
	.productdetailArea .detail_spec .left .cateicon {	/* 製品詳細用 */
		width: 5em;
		margin: 0px 0px 20px;
		font-size: 1.3em; /* 円のサイズに使う値 */
	}
}

/* オールマイティ */
.category_all {
	background: #ee858c;
	border-radius: 50%;
	font-weight: 600;
}
.category_all .icon_text {
	font-size: 2.3em; /* ← 中の文字サイズを個別に調整できる！ */
	line-height: 0.7em;
}
.category_all::before {
	content: "";
	width: 84%;
	height: 84%;
	display: block;
	margin: auto;
	padding: 0px;
	border: 0.2em solid #fff;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.2), 0px -1px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.2), 0px -1px 2px rgba(0,0,0,0.2);
	border-radius: 50%;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: -1;
}
.category_all::after {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	margin: auto;
	padding: 0px;
	border-radius: 50%;
	background-image: url(../../_img/product/categoryicn_all_bg.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	mix-blend-mode: color-burn;
	opacity: 0.75;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: -2;
}
/* 紙用 */
.category_paper {
	padding: 0px 0px 5px;
	background: #5f90cc;
	border-radius: 5%;
	font-weight: 600;
	overflow: hidden;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.category_paper:before {
	content:"";
	width:0;
	display:block;
	border-width:0 1.5em 1.5em 0; /* This trick side-steps a webkit bug */
	border-style:solid;
	border-color: #5f90cc #5f90cc #fff #fff;
	background:#ffe6e5;
	/* Optional: shadow */
	box-shadow: 0px 0px 0px rgba(0,0,0,0), 2px -2px 2px rgba(0,0,0,0.15);
	position:absolute;
	top: auto;
	bottom: 0px;
	left: auto;
	right:0px;
	transform: rotate(-90deg);
	z-index: -1; /* 背景寄りに下げてみる */
}
.productArea #use .lineup .category-box .left .category_paper:before {
	border-color: #5f90cc #5f90cc #eff4fa #eff4fa;
	transition: all 0.3s ease;
}
.productArea #use .lineup .category-box:hover .left .category_paper:before {
	border-color: #5f90cc #5f90cc #cfddf0 #cfddf0;
}
.productlistArea .postlist a .category_paper:before {
	border-color: #5f90cc #5f90cc #fff #fff;
	transition: all 0.3s ease;
}
.category_paper::after {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	margin: auto;
	padding: 0px;
	border-radius: 5%;
	background-image: url(../../_img/product/categoryicn_paper_bg.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	mix-blend-mode: color-burn;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
.category_paper .icon_text,
.category_fabric .icon_text {
	font-size: 1.6em; /* ← 中の文字サイズを個別に調整できる！ */
	line-height: 1em;
}
.category_paper .icon_text .small,
.category_fabric .icon_text .small {
	display: block;
	margin: 0px auto;
	text-align: left;
	font-size: 0.8em; /* ← 中の文字サイズを個別に調整できる！ */
	font-weight: 400;
	line-height: 0.75em;
}
/* 布用 */
.category_fabric {
	padding: 0px 0px 3px;
	background: #4ebbaa;
	border-radius: 5%;
	font-weight: 600;
}
.category_fabric::before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	margin: auto;
	padding: 0px;
	border-radius: 5%;
	background-image: url(../../_img/product/categoryicn_fabric_bg.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	mix-blend-mode: color-burn;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
.category_fabric::after {
	content: "";
	width: 83%;
	height: 7px;
	display: block;
	margin: auto;
	padding: 0px;
	border-top: 2px dashed rgba(255,255,255,0.5);
	position: absolute;
	top: auto;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
/* 布用点線（たて） */
.category_fabric .line {
	width: 100%;
	height: 100%;
	display: block;
	margin: auto;
	padding: 0px;
	position: absolute;
	top: 0px;
	bottom: auto;
	left: 0px;
	right: auto;
}
.category_fabric .line::after {
	content: "";
	width: 7px;
	height: 83%;
	display: block;
	margin: auto;
	padding: 0px;
	border-left: 2px dashed rgba(255,255,255,0.5);
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: auto;
	right: 0px;
}
.productlistArea .postlist a .category_fabric::after {
	width: 4.5em;
	height: 5px;
	border-top: 1px dashed rgba(255,255,255,0.5);
	top: auto;
	bottom: 0px;
	left: 0px;
	right: auto;
}
.productlistArea .postlist a .category_fabric .line::after {
	width: 5px;
	height: 3em;
	border-left: 1px dashed rgba(255,255,255,0.5);
	top: 0px;
	bottom: auto;
	left: auto;
	right: 0px;
}

/* その他 */
.category_others {
	background: #f1be59;
	border-radius: 5%;
	font-weight: 600;
}
.category_others .icon_text,
.category_tools .icon_text,
.category_office .icon_text {
	font-size: 1.4em; /* ← 中の文字サイズを個別に調整できる！ */
	line-height: 1em;
}
.productlistArea .postlist a .category_others .icon_text,
.productlistArea .postlist a .category_tools .icon_text,
.productlistArea .postlist a .category_office .icon_text {
	font-size: 1.5em; /* ← 中の文字サイズを個別に調整できる！ */
}

/* ツール */
.category_tools {
	background: #bfc0c0;
	border-radius: 5%;
	font-weight: 600;
}
/* 事務用品 */
.category_office {
	background: #c490be;
	border-radius: 5%;
	font-weight: 600;
}
/* タブレット */
@media screen and (min-width: 768px) and (max-width:960px) {
}
/* デスクトップ */
@media screen and (min-width: 960px) {
	.productArea #use .lineup .category-box .left .cateicon {
		width: 5em;
		font-size: 1.2em; /* 円のサイズに使う値 */
	}
}
/* =================================================
	問い合わせプライバシーポリシー埋め込み部分
 ================================================= */
.privacy-policy {
	width: 100%;
	height: 260px;
	display: block;
	margin: 20px auto;
	padding: 20px 15px;
	color: #222;
	font-size: 14px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	overflow-y: scroll;
}
.privacy-policy .privacyContent {
	text-align: left;
	font-size: 12px;
	font-weight: 400;
	line-height: 2em;
	color: #333;
}
.privacy-policy .privacyContent h3 {
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	margin: 0px auto;
}
.privacy-policy .privacyContent h5 {
	text-align: left;
	font-size: 14px;
	font-weight: 500;
	margin: 30px auto 10px;
}
.privacy-policy .privacyContent p {
	text-align: left;
	font-size: 12px;
	font-weight: 400;
	margin: 10px auto;
}
.privacy-policy .privacyContent p.name {
	text-align: right;
}
.privacy-policy .privacyContent ul {
	list-style: inside;
}
.privacy-policy .privacyContent ul li {
	text-indent: -1.5em;
	padding-left: 1.5em;
	margin: 0px auto 15px;
}
#privacyCheck {
	width: 100%;
	height: auto;
	display: block;
	margin: 20px auto 0px;
	padding: 0px;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.75em;
}
.check-disabled {
	width: 100%;
	height: auto;
	display: block;
	margin: 20px auto 0px;
	padding: 0px;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.75em;
	color: #afafaf;
}
.privacy span {
	font-size: 16px;
	font-weight: 500;
	line-height: 3em;
	color: #222;
}
.privacy .privacy-comment {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.75em;
	color: #222;
}
.privacy .privacy-comment .pc {
	display: none;
}
/* タブレット */
@media screen and (min-width: 768px) and (max-width:960px) {
}
/* デスクトップ */
@media screen and (min-width: 960px) {
	.privacy-policy {
		width: 100%;
		height: 300px;
		display: block;
		margin: 40px auto;
		padding: 30px;
		background: #fff;
		border: 1px solid #ccc;
		border-radius: 4px;
		overflow-y: scroll;
	}
	.privacy-policy .privacyContent {
		text-align: left;
		font-size: 14px;
		font-weight: 400;
		line-height: 2em;
		color: #333;
	}
	.privacy-policy .privacyContent h3 {
		text-align: center;
		font-size: 22px;
		font-weight: 500;
		margin: 20px auto;
	}
	.privacy-policy .privacyContent h5 {
		text-align: left;
		font-size: 16px;
		font-weight: 500;
		margin: 40px auto 20px;
	}
	.privacy-policy .privacyContent p {
		text-align: left;
		font-size: 14px;
		font-weight: 400;
		margin: 20px auto;
	}
	.privacy-policy .privacyContent p.name {
		text-align: right;
	}
	.privacy-policy .privacyContent ul {
		list-style: inside;
	}
	.privacy-policy .privacyContent ul li {
		text-indent: -1.5em;
		padding-left: 1.5em;
		margin: 0px auto 15px;
	}
	#privacyCheck {
		width: 100%;
		height: auto;
		display: block;
		margin: 20px auto 0px;
		padding: 0px;
		text-align: center;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.75em;
	}
	.check-disabled {
		width: 100%;
		height: auto;
		display: block;
		margin: 20px auto 0px;
		padding: 0px;
		text-align: center;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.75em;
		color: #afafaf;
	}
	.privacy span {
		font-size: 16px;
		font-weight: 500;
		line-height: 3em;
		color: #222;
	}
	.privacy .privacy-comment {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto;
		padding: 0px;
		text-align: center;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.75em;
		color: #222;
	}
	.privacy .privacy-comment .pc {
		display: inline-block;
	}
}
/* =================================================
	関連リンクエリア（製品トップ・企業案内分岐ページ）
 ================================================= */
#wrapper .relatedlinkArea {
	width: 84%;
	height: auto;
	display: block;
	margin: 0px auto 100px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5em;
	color: #333;
}
.relatedlinkArea a {
	width: 100%;
	height: auto;
	display: block;
	margin: 25px auto 0px;
	padding: 20px 0px;
	border: 2px solid #d64045;
	border-radius: 10px;
	box-shadow: -5px -5px 8px rgba(239,180,182,0.2), 5px 5px 8px rgba(120,59,64,0.2);
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5em;
	color: #d64045;
	text-decoration: none;
	transition: all 0.2s ease;
}
.relatedlinkArea a:hover {
	color: #fff;
	border: 2px solid #efb4b6;
	box-shadow: inset -7px -7px 8px rgba(239,180,182,0.2), inset 7px 7px 8px rgba(120,59,64,0.2);
	background: rgba(214, 64, 69, 0.5);
}
/* タブレット */
@media screen and (min-width: 768px) and (max-width:960px) {
}
/* デスクトップ */
@media screen and (min-width: 960px) {
	#wrapper .relatedlinkArea {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto 150px;
		padding: 0px 0px 0px 0px;
		text-align: center;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.5em;
		color: #333;
	}
	#wrapper .relatedlinkArea .sp {
		display: none;
	}
	.relatedlinkArea a {
		width: 100%;
		max-width: 500px;
		height: auto;
		display: block;
		margin: 25px auto 0px;
		padding: 20px 0px;
		border: 2px solid #d64045;
		border-radius: 10px;
		box-shadow: -5px -5px 8px rgba(239,180,182,0.2), 5px 5px 8px rgba(120,59,64,0.2);
		font-size: 24px;
		font-weight: 500;
		line-height: 1.5em;
		color: #d64045;
		text-decoration: none;
		transition: all 0.2s ease;
	}
	.relatedlinkArea a:hover {
		color: #fff;
		border: 2px solid #efb4b6;
		box-shadow: inset -7px -7px 8px rgba(239,180,182,0.2), inset 7px 7px 8px rgba(120,59,64,0.2);
		background: rgba(214, 64, 69, 0.5);
	}
}
