@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap&subset=japanese');

/* ====================================
	グローバル：リセットスタイル
 ==================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
}

p,
figure {
	margin: 0;
}

img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

em {
	font-style: normal;
	font-weight: bold;
}

hr {
	margin: 0;
	border: none;
	border-top: solid 1px #bfbfbf;
}

:focus {
	outline: none;
}

/* グローバルヘッダーフォントサイズ調整 */
#global__pagetitle--title {
	font-size: 2rem;
	font-weight: 400;
}

#global__function--breadcrumb>li {
	font-size: 1.2rem;
}

#global__header--nav>#global__header--nav_menu {
	/* display: table; */
	font-size: 1.5rem;
}

#global__header--nav_menu .sub__list span:not(.cocoroOffice) {
	font-size: 1.3rem;
}

.global__search--btn dl dt {
	font-size: 1.4rem;
}

.global__search--btn dl dd a {
	font-size: 1.3rem;
}

input,
button,
select,
textarea {
	font-size: 1.4rem;
}

.pagetop {
	font-size: 1.4rem;
}

.contactList dd a {
	font-size: 1.3rem;
}

/* ====================================
	グローバル：ベーススタイル
 ==================================== */
html {
	font-size: 62.5%;
}

body {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
	line-height: 1.5;
	font-weight: 300;
	color: #000;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

/* h1タグ置き換え調整 */
.template-font-normal {
	font-weight: 300;
}

/* マウスオーバー時の動作 */
.hover-fade {
	transition: 0.5s ease 0s;
}

.hover-fade.hovering {
	opacity: 0.6;
}

/* 左アロー */
.has-arrow-left {
	padding: 0 0 0 1em;
	background-image: url(../images/chevron-right-solid.svg);
	background-repeat: no-repeat;
	background-position: left 0 top 0.4em;
	background-size: auto 0.9em;
}

/* 水平線 */
hr.border-bottom {
	border: none;
	border-bottom: solid 1px #D9D9D9;
	margin-top: 8rem;
}

.btn-arrow {
	display: block;
}

/* Common */

#global__tablinknavigation--wrap:not(.top) {
	border-bottom: #716f63 15px solid;
}

.blank {
	background-image: url("/business/common/images/ic_blank.svg");
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: right;
	margin-right: 20px;
}

/* グローバルページタイトル */
#global__pagetitle {
	text-align: left !important;
	background-color: #fff;
}

#pageNavi {
	border-bottom: solid 1px #dbdacb;
}

#global__function--breadcrumb>li:first-of-type {
	padding-left: 0;
}

/* グローバヘッダー・リンク設定 */
#global__pagetitle--title a {
	text-decoration: none;
}


/* business-global.css グローバルヘッダー検索窓調整 */
@media print,
screen and (min-width: 768px) {
	#global__search__pc .global__search--inner {
		max-width: 1200px;
	}

	#global__search__pc .global__search--inner>div {
		display: block;
		width: 460px;
	}

	#global__search__pc .global__search--input {
		padding-right: 2%;
		margin-left: auto;
	}
}

@media print,
screen and (max-width: 767px) {
	.global__search {
		background-color: #f1f1f1;
	}


	#global__search__sp {
		/* スマホ：オレンジのご購入前ご相談窓口削除*/
		display: none;

	}
}

/* business-global.css レスポンシブ余白調整 */
@media print,
screen and (min-width: 768px) and (max-width: 1200px) {

	#global__header--header {
		padding: 0 1.5%;
		box-sizing: border-box;
	}

	#global__function {
		padding: 0;
	}
}


@media print,
screen and (min-width: 768px) {

	#global__header--header {
		max-width: 1200px !important;
	}

	#global__function--wrap {
		padding: 0 1.5%;
	}
}

/* business-global.css バグ修正 */
@media print,
screen and (min-width: 768px) {
	#global__footer {
		padding-bottom: 0;
	}
}

#global__footer--category .blank {
	background-image: url("/business/common/images/ic_blank_w.svg");
}

#global__footer .cateList dd ul li {
	font-weight: 300;
}

@media print,
screen and (min-width: 768px) {
	.search-form>div {
		max-width: 100%;
	}
}

@media print,
screen and (max-width: 1000px) and (min-width: 768px) {
	.global__search--inner {
		padding: 1.5em 1.5%;
	}
}



/* sc_common.css バグ修正 */
@media print,
screen and (min-width: 768px) {
	#global__header {
		min-width: 0;
	}

	.articleContents {
		min-width: 0;
	}

}

/* ====================================
	グローバル：カラー設定
 ==================================== */

/* 注釈コメマーク */
ul.ast li:BEFORE,
ul.star li span,
ul.star-double li span,
.color-star {
	color: #00a0e9;
}

/* ====================================
	スマートフォン専用スタイル
===================================== */
@media only screen and (max-width: 767px) {
	.pc {
		display: none;
	}

	.base-width-sp,
	.base-width {
		padding-left: 5%;
		padding-right: 5%;
	}
	body.gnavi-open{
		position: fixed;
	}
	/* ユーティリティ */
	ul.star li span {
		/* リスト（青字・※n） */
		margin-right: 0.5em;
	}

	ul.star-double li span {
		/* リスト（青字・※nn） */
		margin-right: 0.5em;
	}

	ul.ast li:BEFORE {
		/* リスト（青字・＊） */
		content: "\ff0a";
		margin-right: 0.5em;
	}

	ul.kome li:BEFORE {
		/* リスト（黒字・※） */
		content: "\203b";
		margin-right: 0.5em;
	}

	ul.normal {
		/* リスト（・） */
		list-style: none;
	}

	ul.normal li:BEFORE {
		content: "\30fb";
		margin-right: 0.5em;
	}

	ul.disc li:BEFORE {
		/* リスト（●） */
		content: "\25cf";
		margin-right: 0.5em;
	}

	ul.single li span {
		/* リスト（黒字・1文字） */
		margin-right: 0.5em;
	}

	.caption {
		font-size: 1.2rem;
	}

	/* パンくずリスト */
	#breadcrumb {
		padding: 0.3em 0;
		font-size: 1.2rem;
	}

	.breadcrumb-container .breadcrumb-arrow {
		margin: 0 0.5em;
	}

	/* パンくず 調整 */
	#global__function--breadcrumb {
		display: block;
	}

	#global__function--wrap {
		background: #eeeddf;
		display: none;
	}

	#global__function {
		display: table;
		width: 100%;
		height: 36px;
		background: #eeeddf;
		box-sizing: border-box;
	}

	#global__function--breadcrumb {
		display: table-cell;
		vertical-align: middle;
		letter-spacing: 0;
		padding: 0 5%;
	}

	#global__function--breadcrumb>li:first-child {
		background: none;
	}

	#global__function--breadcrumb>li a {
		text-decoration: none;
	}

	#global__function--breadcrumb>li {
		letter-spacing: normal;
		display: inline-block;
		vertical-align: top;
		font-size: 1.2rem;
		background: url(/shared_common/images/ic_separator.svg) no-repeat 5px 6px;
		padding: 2px 0 0 20px;
	}

	#global__function--breadcrumb>li:first-child {
		padding-left: 0;
	}

	/* グローバルページタイトル */
	#globalPageTitle {
		border-bottom: solid 1px #d9d9d9;
	}

	.global-page-title-container {
		display: flex;
		align-items: center;
	}

	.global-page-title-container .global-page-title {
		width: 100%;
		padding: 6px 0;
		font-size: 2rem;
		text-align: center;
	}

	.global-page-title-container .list-outer-links {
		display: none;
	}

	/* グローバルページタイトル調整 */
	/* #global__pagetitle {
		padding: 0 5%;
	} */

	#global__pagetitle {
		padding-left: 0%;
		padding-right: 0%;
		display: flex;
		flex-direction: column-reverse;
		height: auto;
	}

	.sp-reverse {
		display: flex;
		flex-direction: column-reverse;
		height: auto;
	}

	/* グローバルヘッダー調整 */
	#global__header--nav_menu>li a:before {
		content: '';
		display: inline-block;
		width: 12px;
		height: 21.6px;
		background: url(/products/common/images/chevron-right-solid.svg) no-repeat center center;
		background-size: auto 100%;
		position: absolute;
		top: 50%;
		right: 11px;
		margin-top: -1em !important;
	}

	#global__header--nav_menu>li.business>a::before {
		height: 26.9px;
		width: 14px;
		margin-top: -.85em !important;
		right: 10.6px;
	}

	#global__header--nav_menu>li.sub__list>a::before {
		height: 26.9px;
		width: 14px;
		margin-top: -.85em !important;
		right: 11px;
	}

	#global__header--nav_menu .sub__list:last-child {
		width: 50%;
		border-top: none !important;
	}

	#global__header--nav_menu>li.business>ul>li {
		box-sizing: border-box;
		border-top: #d9d9d9 1px solid;
	}



	#global__header--nav_menu .sub__list {
		width: 50%;
		float: left;
		box-sizing: border-box;
		border-top: 2px solid #d9d9d9 !important;
	}





	/* #global__header--nav_menu>li.business+li.sub__list:nth-of-type(n+3) {
		border-top: none !important;
	} */

	#global__header--nav_menu>li.business+li.sub__list:nth-of-type(-n+2) {
		border-top: 2px solid #d9d9d9 !important;
	}



	/* グローバルヘッダーフォントサイズ調整 */
	#global__header--nav_menu>li a {
		font-size: 1.4rem;
		line-height: 1.7;
	}

	#global__header--nav_menu .sub__list span:not(.cocoroOffice) {
		font-size: 1.12rem;
	}

	#global__header--nav_menu .sub__list span {
		font-size: 1.12rem;
		font-weight: normal;
	}

	/* グローバル製品フッター */
	#globalProductsFooter {
		display: none;
	}

	/* グローバルフッター */
	#global__footer {
		font-size: 11px;
		line-height: 1.2;
	}

	#global__footer a {
		color: #c3c2bb;
	}

	#global__footer #global__footer--common {
		padding-bottom: 14px;
	}

	#global__footer #global__footer--common .lnikList {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-bottom: 1em;
		padding-top: 14px;
		padding-bottom: 0.5em;
		border-bottom: solid 1px #535148;
	}

	#global__footer #global__footer--common .lnikList li {
		margin-bottom: 0.5em;
		padding: 0 0.5em;
		border-right: solid 1px #c3c2bb;
		margin-right: 0;
	}

	#global__footer #global__footer--common .lnikList li:last-child {
		border-right: 0;
	}

	#copyright {
		color: #c3c2bb;
		text-align: center;
	}

	/* グローバルヘッダーフォントサイズ調整 */
	#global__pagetitle--title {
		font-size: 1.6rem;
		line-height: 50px;
	}

	.global__search--btn dl dt {
		font-size: 1.2rem;
	}


	/* ヘッダー追従ナビ */
	.scroll-fix-wrap {
		height: 50px;
	}


	#pageNavi {
		width: 100%;
		background-color: rgba(255, 255, 255, 1);
		position: absolute;
		top: 0px;
	}

	.scroll-fix-wrap.passed #pageNavi {
		position: fixed;
		z-index: 60;
		background-color: rgba(255, 255, 255, .1);
	}


	.navi-title {
		display: flex;
		align-items: center;
	}

	/* .gnavi-open #pageNavi #g-nav-list {
		position: fixed;
		z-index: 999;
		width: 100%;
		height: 20vh;
		top: 70px;
		left: 0%;
	} */

	/* #pageNavi ul.list-navi li li {
		width: 100%;
	} */





	#pageNavi ul.list-navi li {
		padding-left: 5%;
	}

	#pageNavi ul.list-navi li,
	#pageNavi ul.list-navi a {
		width: 100%;
		text-align: left;
		text-decoration: none;
	}

	#pageNavi ul.list-navi a {
		display: flex;
		/* justify-content: center; */
		align-items: center;
		padding: .8em 0em .8em 0rem;
		font-size: 1.6rem;
		position: relative;
		color: #000;
		font-weight: 400;
	}

	#pageNavi ul.list-navi li a.active {
		/* color: #E6000D; */
		opacity: .4;
	}

	#pageNavi ul.list-navi li:first-child {
		border-top: 1px solid #000;
	}

	#pageNavi ul.list-navi li {
		border-bottom: 1px solid #d9d9d9;
		background-color: #fff;
	}

	#pageNavi ul.list-navi li:last-child {
		border-bottom: 1px solid #d9d9d9;
	}

	#pageNavi ul.list-navi li:not(:first-child) a::before {
		content: '';
		width: 100%;
		height: 3px;
		position: absolute;
		top: 0;
		left: 0;
	}

	#pageNavi ul.list-navi li a::after {
		content: "";
		display: inline-block;
		position: absolute;
		top: 50%;
		right: 20px;
		width: 10px;
		height: 10px;
		border-right: 2px solid #000;
		border-bottom: 2px solid #000;
		transform: translateY(-50%) rotate(-45deg);
		transition: all .4s ease-in-out;
	}


	.gnavi-open #pageNavi {
		width: 100%;
		height: 100%;
		position: absolute;
		/* top: 0;
		left: 0; */
		z-index: 60;
		/* background-color: rgba(255, 255, 255, 0.4);
		animation: show .2s ease 0s;
		animation-fill-mode: both; */
	}

	#pageNavi ul.list-navi {
		display: none;
		transition: opacity .6s, visibility 0s ease .6s;
	}


	#pageNavi #g-nav-list {
		transition: opacity .6s, visibility 0s ease .6s;
		opacity: 0;
		visibility: hidden;
	}

	.gnavi-open #pageNavi #g-nav-list {
		z-index: 999;
		position: absolute;
		width: 100%;
		left: 0%;
		transition-delay: 0s;
		opacity: 1;
		visibility: visible;
		background-color: rgba(255, 255, 255, 1);
	}



	.gnavi-open #pageNavi ul.list-navi {
		height: 100vh;
		font-size: 1.6rem;
		display: flex;
		flex-wrap: wrap;
		justify-content: left;
		align-content: flex-start;
		/* animation: show .2s ease .1s;
		animation-fill-mode: both; */
	}

	/* @keyframes show {
		from {
			opacity: 0;
			display: block;
		}

		to {
			opacity: 1;
			display: none;
		}
	} */

	#pageNavi.gnavi-open ul.list-navi a {
		color: #fff;
	}

	#global__pagetitle--twrap {
		padding-left: 5%;
		height: 50px;
	}

	.navi-container {
		background-color: #fff;
		height: 50px;
	}


	/* メニューボタン */
	/* .gnavi-open {
		left: 0;
		position: fixed !important;
		width: 100%;
	} */

	.scroll-fix-wrap {
		position: relative;
	}


	.scroll-fix-sp {
		height: 48px;
	}

	.scroll-fix-page-menu {
		width: 100%;
		height: inherit;
		position: absolute;
		top: 0;
		left: 0;
		/* z-index: 5; */
	}

	/* .navi-btn-menu-container {
		display: flex;
		align-items: center;
		width: 100%;
		padding: 6px 6px 0;
	}

	.navi-container .navi-btn-menu-container .navi-btn-menu {
		top: 9.5px;
	} */


	.scroll-fix-container {
		border-bottom: 1px solid #D9D9D9;
		padding: 0px 6px;
		height: 50px;
	}



	.page-menu-title {
		font-size: 1.8rem;
		margin-left: auto;
		margin-right: auto;
		width: 182px;
		padding: 10px 0;
	}

	.page-menu-title a {
		display: block;
		text-decoration: none;
		pointer-events: stroke;
		position: relative;
		z-index: 6;
	}

	/* ボタン切り替え */
	.navi-btn-menu {
		cursor: pointer;
		position: absolute;
		right: 5%;
		top: 16px;
		z-index: 5;
		display: flex;
		align-items: center;
		font-size: 1.3rem;
		/* padding-right: 5%; */
	}

	.navi-btn-menu:after {
		content: "";
		width: 14px;
		height: 14px;
		background: url(/business/pci/common/images/menu.svg)no-repeat right center;
		z-index: 5;
		display: inline-block;
		background-size: auto 100%;
		padding-left: 20px;
		position: relative;
		top: 1px;
	}

	.gnavi-open .navi-btn-menu:after {
		content: "";
		width: 14px;
		height: 14px;
		background: url(/business/pci/common/images/menu.svg)no-repeat right 100% center;
		transform: rotate(-180deg);
		display: inline-block;
		background-size: auto 100%;
		padding-left: 20px;
	}


	/* ページトップへ戻る */

	#pageTop.fix .page-top-container {
		bottom: 3em;
	}

	/* sc_common.css バグ修正 */
	#global__header--nav {
		height: inherit;
		overflow-y: auto;
		overscroll-behavior-y: contain;
	}
}

/* ====================================
	PC&タブレット、印刷専用スタイル
===================================== */
@media print,
screen and (min-width: 768px) {
	.sp {
		display: none;
	}

	.outer-base-width {
		padding-left: 1.5%;
		padding-right: 1.5%;
	}

	/* ユーティリティ */
	ul.star {
		/* リスト（青字・※n） */
		padding-left: 2em;
	}

	ul.star li {
		text-indent: -2em;
	}

	ul.star li span {
		margin-right: 0.5em;
	}

	ul.star-double {
		/* リスト（青字・※nn） */
		padding-left: 2.5em;
	}

	ul.star-double li {
		text-indent: -2.5em;
	}

	ul.star-double li span {
		margin-right: 0.5em;
	}

	ul.ast {
		/* リスト（青字・＊） */
		padding-left: 1.5em;
	}

	ul.ast li {
		text-indent: -1.5em;
	}

	ul.ast li:BEFORE {
		content: "\ff0a";
		margin-right: 0.5em;
	}

	ul.kome {
		/* リスト（黒字・※） */
		padding-left: 1.5em;
	}

	ul.kome li {
		text-indent: -1.5em;
	}

	ul.kome li:BEFORE {
		content: "\203b";
		margin-right: 0.5em;
	}

	ul.normal {
		/* リスト（・） */
		padding-left: 1.5em;
		list-style: none;
	}

	ul.normal li {
		text-indent: -1.5em;
	}

	ul.normal li:BEFORE {
		content: "\30fb";
		margin-right: 0.5em;
	}

	ul.disc {
		/* リスト（●） */
		padding-left: 1.5em;
	}

	ul.disc li {
		text-indent: -1.5em;
	}

	ul.disc li:BEFORE {
		content: "\25cf";
		margin-right: 0.5em;
	}

	ul.single {
		/* リスト（黒字・1文字） */
		padding-left: 1.5em;
	}

	ul.single li {
		text-indent: -1.5em;
	}

	ul.single li span {
		margin-right: 0.5em;
	}

	.caption {
		font-size: 1.2rem;
	}

	/* グローバルページタイトル */
	.global-page-title-container {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 56px;
	}

	.global-page-title-container .global-page-title {
		margin-right: auto;
		font-size: 2rem;
	}

	.global-page-title-container ul.list-outer-links {
		display: flex;
		height: 100%;
		font-size: 1.2rem;
	}

	.global-page-title-container ul.list-outer-links li {
		display: flex;
		align-items: center;
		margin-left: 1em;
	}


	/* グローバル製品フッター */
	#globalProductsFooter {
		padding: 25px 0;
		background: #59574c;
		color: #fff;
	}

	#globalProductsFooter a {
		color: inherit;
	}

	#globalProductsFooterNavi {
		display: flex;
		flex-wrap: wrap;
		padding: 0 1.5%;
	}

	.global-product-footer-navi-column {
		width: 23%;
		margin-left: 2.66%;
	}

	.global-product-footer-navi-column:nth-child(4n-3) {
		margin-left: 0;
	}

	.global-product-footer-navi-column>.global-product-footer-ttl {
		margin-top: 2em;
		margin-bottom: 1.6em;
		padding-bottom: 0.8em;
		font-size: 1.6rem;
		border-bottom: dashed 1px #aaa;
	}

	.global-product-footer-navi-column>.global-product-footer-ttl:first-of-type {
		margin-top: 0;
	}

	.global-product-footer-navi-column ul {
		font-size: 1.2rem;
	}

	.global-product-footer-navi-column ul li {
		margin-top: 0.5em;
		font-weight: 100;
	}

	.global-product-footer-navi-column ul li.mt {
		margin-top: 2em;
	}

	.global-product-footer-navi-column ul li:first-child {
		margin-top: 0;
	}

	#copyright {
		color: #c3c2bb;
		text-align: center;
	}

	.f_3col {
		max-width: 1200px;
	}

	#global__footer {
		padding-bottom: 0;
	}

	/* グローバル製品フッター */
	#globalProductsFooterNavi {
		padding: 0 5%;
	}

	/* ヘッダー追従ナビ */
	.scroll-fix-wrap {
		padding-top: 56px;
		position: relative;
	}



	/* .scroll-fix-wrap.passed {
		position: fixed;
		z-index: 10;
	} */



	.scroll-fix-wrap.passed #pageNavi {
		position: fixed;
		z-index: 60;
	}

	/* .scroll-fix-wrap.passed.passed-bottom #pageNavi {
		position: absolute;
	} */

	.navi-btn-menu {
		display: none;
	}

	#pageNavi {
		width: 100%;
		position: absolute;
		top: 0;
		background-color: rgba(255, 255, 255, 1);
		height: inherit;
	}

	#pageNavi .navi-title {
		width: 150px;
		margin-right: auto;
	}

	#pageNavi ul.list-navi {
		display: flex;
	}

	#pageNavi ul.list-navi li {
		font-size: 1.8rem;
		font-weight: 300;
	}

	#pageNavi ul.list-navi li.catalog,
	#pageNavi ul.list-navi li.contact {
		display: none;
	}

	#pageNavi ul.list-navi li a {
		display: block;
		padding: 0 1.5em;
		transition: all 0.5s ease-in-out;
	}

	/* #pageNavi ul.list-navi li a {
		display: block;
		padding: 0 1.5em 0 .6em;
		transition: all 0.5s ease-in-out;
		background-image: url(/business/pci/common/images/sankaku-arrow.svg);
		background-repeat: no-repeat;
		background-position: left 0 top 0.6em;
		background-size: auto 0.4em;
	} */

	#pageNavi ul.list-navi li.support a {
		padding-right: 10px;
	}

	#pageNavi ul.list-navi li a.active,
	#pageNavi ul.list-navi li a:hover {
		/* color: #E6000D; */
		opacity: .4;
		text-decoration: none;
	}

	#pageNavi ul.list-navi li a:hover {
		text-decoration: none;
		/* transition: all 0.5s ease-in-out; */

	}

	#pageNavi #global__pagetitle--twrap {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 56px;
	}


}

/* ====================================
	タブレット専用スタイル
===================================== */
@media screen and (min-width: 768px) and (max-width: 1079px) {
	#global__footer #global__footer--common .lnikList {
		padding: 15px 10% 10px;
	}

	/* ページトップへ戻る */

	#pageTop.fix .page-top-container {
		bottom: 5em;
	}
}

/* ====================================
	PC専用スタイル
===================================== */
@media print,
screen and (min-width: 1080px) {
	.outer-base-width.base90 {
		padding-left: 5%;
		padding-right: 5%;
	}

	#pageTop.fix .page-top-container {
		bottom: 5em;
	}
}

/* ====================================
	大画面PC専用スタイル
===================================== */
@media screen and (min-width: 1200px) {
	.contents-width {
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}

	.base-width-pc,
	.base-width {
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}

	.outer-base-width.base90 .base-width {
		max-width: 1080px;
	}

	#pageTop.fix .page-top-container {
		bottom: 0;
	}
}


/* ====================================
	スクリーン専用スタイル
===================================== */
@media screen {

	/* ページトップへ戻る */
	#pageTop {
		position: relative;
	}

	#pageTop .page-top-container {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
	}

	#pageTop.fix .page-top-container {
		position: fixed;
		z-index: 10;
		pointer-events: none;
	}

	#pageTop.default {
		height: 7rem;
	}

	#pageTop.default .page-top-container {
		padding-bottom: 2rem;
	}

	#pageTop.default a {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 40px;
		height: 30px;
		margin-left: auto;
		font-weight: 900;
		font-size: 1.8rem;
		line-height: 1;
		background: rgba(161, 161, 161, 0.8);
		color: #fff;
		text-decoration: none;
		border-radius: 0.5rem;
		transition: opacity 0.5s ease 0s;
		-webkit-transition: opacity 0.5s ease 0s;
		-moz-transition: opacity 0.5s ease 0s;
		-ms-transition: opacity 0.5s ease 0s;
		pointer-events: auto;
	}

	#pageTop.default a.hovering {
		opacity: 0.6;
	}

	#pageTop.default-v2 {
		height: 7rem;
	}

	#pageTop.default-v2 .page-top-container {
		/* padding-bottom: 2rem; */
		padding-bottom:calc(env(safe-area-inset-bottom) + 25px);
	}

	#pageTop.default-v2 a {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 40px;
		height: 30px;
		margin-left: auto;
		font-weight: 900;
		font-size: 1.8rem;
		line-height: 1;
		background: rgba(161, 161, 161, 0.8) url(/products/common/images/chevron-up-solid-w.svg) no-repeat center center;
		background-size: 18px auto;
		color: #fff;
		text-decoration: none;
		border-radius: 0.5rem;
		transition: opacity 0.5s ease 0s;
		-webkit-transition: opacity 0.5s ease 0s;
		-moz-transition: opacity 0.5s ease 0s;
		-ms-transition: opacity 0.5s ease 0s;
		pointer-events: auto;
	}

	#pageTop.default-v2 a.hovering {
		opacity: 0.6;
	}

	/* マウスオーバー：フェード */
	.hover-fade a,
	a.hover-fade {
		transition: 0.5s ease 0s;
		-webkit-transition: 0.5s ease 0s;
		-moz-transition: 0.5s ease 0s;
		-ms-transition: 0.5s ease 0s;
	}

	.hover-fade a.hovering,
	a.hover-fade.hovering {
		opacity: 0.6;
	}

	/* マウスオーバー：テキストアンダーライン＆フェード */
	a.hover-parent {
		display: block;
		pointer-events: none;
		text-decoration: none;
	}

	a.hover-parent .hover-trigger {
		pointer-events: auto;
	}

	a.hover-parent span.hover-trigger {
		display: inline-block;
		/* IE, Edge 対応 */
	}

	a.hover-parent.hovering .hover-trigger {
		text-decoration: underline;
	}

	a.hover-parent.hovering .hover-trigger.fade {
		transition: 0.5s ease 0s;
		-webkit-transition: 0.5s ease 0s;
		-moz-transition: 0.5s ease 0s;
		-ms-transition: 0.5s ease 0s;
	}

	a.hover-parent.hovering .hover-trigger.fade {
		opacity: 0.6;
	}
}

@media screen and (min-width: 768px) {

	/* ページトップへ戻る */
	#pageTop.default {
		height: 8rem;
	}

	#pageTop.default a {
		width: 60px;
		height: 40px;
	}

	#pageTop.default-v2 {
		height: 8rem;
	}

	#pageTop.default-v2 a {
		width: 60px;
		height: 40px;
	}
}


/* ====================================
	印刷専用スタイル
===================================== */
@media print {
	body {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
	}
}