@charset "utf-8";
/***************************************************
information
  filename : navi_parts.css;
***************************************************/

/*======== app_navi_dez.css ========*/
/******************************************* ナビゲーション *******************************************/

/* ** navi_layout01 start ** */
/*** 01: スクロールすると上からメニューが出現するパターン ***/
.scroll-nml{z-index: 1000;padding-bottom: 0;}
.scroll-fix{
	width: 100%;
	top: -100px;
	left: 0;
	position: fixed;
	z-index: 200;
	background: var(--app-scroll-cr); /* 背景色 */
	border-bottom: var(--app-scroll-brd); /* ボーダー指定 */
	box-shadow: var(--app-scroll-sd);/* 背景影色 */
}
.scroll-fix .scrollfixMenu .ptLayoutInn {
	height: 5.0rem;
}
@media screen and (max-width: 600px) {
	.scroll-fix .scrollfixMenu {padding-bottom: 1.5rem;}
	.spNaviNo {}
	.spHeadNavi #spheader,
	.spHeadNavi #spfooter {display: block;}
	.spFootNavi #spheader,
	.spFootNavi #spfooter {display: block;}
	.spHFNavi #spheader,
	.spHFNavi #spfooter {display: block;}
	.spHFNavi #main {padding-bottom: 8.0rem;}/* プレビュー用 */
	#spheaderMenu {width: 100%;margin: 0 auto;padding: 0;}
}
/* ** navi_layout01 end ** */

/* ** navi_layout02 start ** */
/*** 02: ヘッダーFix(固定)メニュー ***/
.scroll-Fixed {padding-bottom: 0;}
.bgheader .scroll-Fixed {padding-bottom: 0;}
.scroll-Fixed .scrFixed {
	width: 100%;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 200;
	background: var(--app-scroll-cr); /* 背景色 */
	border-bottom: var(--app-scroll-brd); /* ボーダー指定 */
	box-shadow: var(--app-scroll-sd);/* 背景影色 */
}
.scroll-Fixed .scrFixed .ptLayoutInn {
	height: 5.8rem;
}
.bgheader .scroll-Fixed .scrFixed .ptLayoutInn {
	background: none;
	border-bottom: none;
	box-shadow: none;
}
.scroll-Fixed .scrFixed.change-color {
	background: var(--app-scroll-ch-cr); /* 背景色(カラーチェンジ) */
	border-bottom: var(--app-scroll-ch-brd); /* ボーダー指定 */
	box-shadow: var(--app-scroll-ch-sd);/* 背景影色(カラーチェンジ) */
}
@media screen and (max-width: 600px) {
	.scroll-Fixed .scrFixed {padding-bottom: 1.0rem;}
	.scroll-Fixed {padding-bottom: 7.0rem;}
	.bgheader .scroll-Fixed {padding-bottom: 0;}
}
/* ** navi_layout02 end ** */

/* ** navi_common start ** */

/********* ドロップダウンナビ *********/
#header .snavi ul.dropdown,
#header .gnavi ul.dropdown,
#header .gnavis ul.dropdown {overflow: inherit;}
#header .snavi ul.dropdown>li,
#header .gnavi ul.dropdown>li,
#header .gnavis ul.dropdown>li {position:relative;overflow: visible;z-index: 5;}
#header .snavi ul.dropdown nav,
#header .gnavi ul.dropdown nav,
#header .gnavis ul.dropdown nav {display:none;position:absolute;left: 0;top:100%;width: calc(100% + 1px);}
#header .snavi ul.dropdown ul,
#header .gnavi ul.dropdown ul,
#header .gnavis ul.dropdown ul {display: flex;width: 100%;flex-direction: column;}
#header .snavi ul.dropdown ul li,
#header .gnavi ul.dropdown ul li,
#header .gnavis ul.dropdown ul li {width:100%;background: var(--app-dpnav-a-cr);border-bottom: var(--app-dpnav-a-brd);}
#header .snavi ul.dropdown ul a,
#header .gnavi ul.dropdown ul a,
#header .gnavis ul.dropdown ul a {color:var(--app-dpnav-a-txt);}
#header .snavi ul.dropdown ul a:hover,
#header .gnavi ul.dropdown ul a:hover,
#header .gnavis ul.dropdown ul a:hover {filter: alpha(opacity=65);-moz-opacity:0.75;opacity:0.75;text-decoration: none;}

/***２階層目スタイル ***/

/*改行あり*/
#header .snavi ul.dropdown.wrap ul li,
#header .gnavi ul.dropdown.wrap ul li,
#header .gnavis ul.dropdown.wrap ul li {padding: 0.8rem;white-space: normal;}

/*改行なし（幅延長）*/
#header .snavi ul.dropdown.nowrap nav,
#header .snavi ul.dropdown.nowrap ul,
#header .snavi ul.dropdown.nowrap ul li,
#header .gnavi ul.dropdown.nowrap nav,
#header .gnavi ul.dropdown.nowrap ul,
#header .gnavi ul.dropdown.nowrap ul li,
#header .gnavis ul.dropdown.nowrap nav,
#header .gnavis ul.dropdown.nowrap ul,
#header .gnavis ul.dropdown.nowrap ul li {width:auto;}
#header .snavi ul.dropdown.nowrap ul li,
#header .gnavi ul.dropdown.nowrap ul li,
#header .gnavis ul.dropdown.nowrap ul li {padding:0;}
#header .snavi ul.dropdown.nowrap ul a,
#header .gnavi ul.dropdown.nowrap ul a,
#header .gnavis ul.dropdown.nowrap ul a {padding: 0.8rem;display: inline-block;width:100%;}

/*横全体*/
#header .snavi ul.dropdown.wide>li,
#header .gnavi ul.dropdown.wide>li,
#header .gnavis ul.dropdown.wide>li {position: static;}
#header .snavi ul.dropdown.wide ul,
#header .gnavi ul.dropdown.wide ul,
#header .gnavis ul.dropdown.wide ul {
	width: var(--app-ptWdW-width); /* 基本幅 */
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
#header .snavi ul.dropdown.wide nav,
#header .gnavi ul.dropdown.wide nav,
#header .gnavis ul.dropdown.wide nav {background: var(--app-dpnav-cr);}
#header .snavi ul.dropdown.wide ul li,
#header .gnavi ul.dropdown.wide ul li,
#header .gnavis ul.dropdown.wide ul li {width: auto;min-width: inherit;margin: 0 0.5em;background: inherit;border: none;}
#header .snavi ul.dropdown.wide ul a,
#header .gnavi ul.dropdown.wide ul a,
#header .gnavis ul.dropdown.wide ul a {color:var(--app-dpnav-a-txt);}
#header .snavi ul.dropdown.wide ul a::before,
#header .gnavi ul.dropdown.wide ul a::before,
#header .gnavis ul.dropdown.wide ul a::before {
	content:">";
	margin-right:0.3em;
}
/********* ナビ自動スクロール *********/
/* 基本共通 */
.mCSB_draggerContainer {visibility:hidden;}
.gnavi .mCSB_scrollTools,
.catenavSl .mCSB_scrollTools {top: 0;bottom: 0;margin: auto;justify-content: space-between;pointer-events: none;}
.mCSB_scrollTools a{pointer-events: auto;}
.mCSB_scrollTools a::before{
	content:"";
	width:14px;
	height:14px;
	border:solid var(--app-scrollTools-cr);
	border-width:2px 2px 0 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
a.mCSB_buttonLeft::before {transform: rotate(-135deg);}
a.mCSB_buttonRight::before {transform: rotate(45deg);}
.mCustomScrollBox{width:100%;}
.scroll a.mCSB_buttonLeft,
.scroll a.mCSB_buttonRight,
.scEnd a.mCSB_buttonLeft,
.scStart a.mCSB_buttonRight {opacity: 1;pointer-events:auto;position: absolute;}
.scEnd a.mCSB_buttonRight,
.scStart a.mCSB_buttonLeft {opacity: 0;pointer-events:none;}

/* ** navi_common end ** */

/* ** navi_snavi start ** */
/*** サブナビ(ヘッダー) ***/
#header .snavi {
	margin: 0 auto;
	padding: 0.5rem 0;
	color: var(--app-snavi-txt); /* テキスト色 */
	background: var(--app-snavi-cr); /* 背景色 */
}
#header .snavi ul {}
#header .snavi li {
	list-style: none;
	display: inline-block;
	border-left: var(--app-snavi-brd);/*ボーダー指定*/
}
#header .snavi li:last-child {
	border-right: var(--app-snavi-brd);/*ボーダー指定*/
}
@media screen and (max-width: 480px) {
	#header .snavi li {display: block;}
}
#header .snavi a {
	display: block;
	position: relative;
	font-weight: bold;
	text-decoration: none;
	margin: 0 0.8rem;
	padding: 0.5rem 0;
	color: var(--app-snavi-a-txt); /* テキスト色（aタグ） */
	background: var(--app-snavi-a-cr); /* 背景色（aタグ） */
}
#header .snavi a {font-size: clamp(1.4rem, 1.4vw, 1.4rem);}
#header .snavi a:before,
#header .snavi a.crt:before {
	content: '';
	width: 0;
	left: 50%;
	bottom: 0;
	transition: all 0.3s ease;
	position: absolute;
	display: block;
}
#header .snavi a:after,
#header .snavi a.crt:after {
	content: '';
	width: 0;
	right: 50%;
	bottom: 0;
	transition: all 0.3s ease;
	position: absolute;
	display: block;
}
#header .snavi a:hover:before,
#header .snavi a:hover:after,
#header .snavi a.crt:before,
#header .snavi a.crt:after {width: 30%;}
#header .snavi a.crt:before,
#header .snavi a:after,
#header .snavi a.crt:after,
#header .snavi a:hover:before,
#header .snavi a:hover:after {
	border-bottom: 1px solid var(--app-snavi-ah-cr); /* 背景色（aタグフォーカス） */
}
/** ドロワー内メニュー **/
.drawer .snavi,
#header .drawer .snavi {margin: 0 auto;padding: 1.5rem 0;}
.drawer .snavi li,
#header .drawer .snavi li {display: block;margin: 0;padding: 0;list-style: none;}
.drawer .snavi li a,
#header .drawer .snavi li a {display: block;margin: 0 auto;padding: 1.5rem 0;text-align: left;}
/* ドロワー内背景白 */
.drawer.slcs .snavi li a,
#header .drawer.slcs .snavi li a {
	border-bottom: 1px dotted #333;/*ボーダー指定*/
	color: #000; /* テキスト色（aタグ） */
}
/* ドロワー内背景黒 */
.drawer.slcsb .snavi li a,
#header .drawer.slcsb .snavi li a {
	border-bottom: 1px dotted #a3a3a3;/*ボーダー指定*/
	color: #fff; /* テキスト色（aタグ） */
}
.drawer .snavi li a {font-size: clamp(1.4rem, 1.4vw, 1.6rem);font-weight: bold;}
.drawer .snavi li a.crt,
.drawer .snavi li a:hover {text-decoration: none;}
#header .drawer .snavi a:hover:before,
#header .drawer .snavi a:hover:after,
#header .drawer .snavi a.crt:before,
#header .drawer .snavi a.crt:after {width: 100%;}

/* ** navi_snavi end ** */

/* ** navi_gnavi start ** */
/*** グローバルナビ ***/

/* グローバルナビ基本 */
#header .gnavi {
	margin: 0 auto;
	padding: 0;
	color: var(--app-gnavi-txt); /* テキスト色 */
	background: var(--app-gnavi-cr); /* 背景色 */
	position: relative;
}
#header .gnavi ul,
#header .gnavi .mCSB_container {
	margin: 0 auto;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	padding: 0.8rem 0;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	list-style: none;
}
#header .gnavi .mCSB_container {padding: 0;}
#header .gnavi li {
	width: 100%;
	list-style: none;
	display: inline-block;
	margin: 0;
	letter-spacing: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-left: var(--app-gnavi-brd);/*ボーダー指定*/
}
#header .gnavi li {min-width: 150px;padding: 0.8rem 0;}

@media screen and (min-width:600px) and ( max-width:1100px) {
	#header .gnavi li {min-width: 80px;}
}
@media screen and (max-width: 480px) {
	#header .gnavi ul,
	#header .gnavi .mCSB_container {flex-wrap: wrap;}
	#header .gnavi li {width: 50%;}
}
#header .gnavi ul::-webkit-scrollbar {height: 0.3rem;}
#header .gnavi ul::-webkit-scrollbar-track {}
#header .gnavi ul::-webkit-scrollbar-thumb{border-radius: 0.8rem;}
#header .gnavi a {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-align: center;
	color: var(--app-gnavi-a-txt); /* テキスト色（aタグ） */
	background: var(--app-gnavi-a-cr); /* 背景色（aタグ） */
}
#header .gnavi a {font-size: clamp(1.4rem, 1.4vw, 1.6rem);font-weight: bold;}/* フォントサイズ */
#header .gnavi li:last-child {
	border-right: var(--app-gnavi-brd);/*ボーダー指定*/
}
#header .gnavi a span,
#header .gnavi a.crt span {
	content: '';
	width: 0;
	height: 0.2rem;
	left: 50%;
	bottom: -0.8rem;
	transition: all 0.3s ease;
	position: absolute;
	display: block;
	transform: translate(-50%,0);
	background:var(--app-gnavi-ah-cr); /* 背景色（aタグフォーカス） */
}
#header .gnavi a:hover span,
#header .gnavi a.crt span {width: 60%;}

/** ドロワー内メニュー **/
.drawer .gnavi,
#header .drawer .gnavi {margin: 0 auto;padding: 1.5rem 0;}
.drawer .gnavi li,
#header .drawer .gnavi li {display: block;margin: 0;padding: 0;list-style: none;}
.drawer .gnavi li a,
#header .drawer .gnavi li a {display: block;margin: 0 auto;padding: 1.5rem;text-align: left;}

/* ドロワー内背景白 */
.drawer.slcs .gnavi li a,
#header .drawer.slcs .gnavi li a {
	border-bottom: 1px dotted #333;/*ボーダー指定*/
	color: #000; /* テキスト色（aタグ） */
}
/* ドロワー内背景黒 */
.drawer.slcsb .gnavi li a,
#header .drawer.slcsb .gnavi li a {
	border-bottom: 1px dotted #a3a3a3;/*ボーダー指定*/
	color: #fff; /* テキスト色（aタグ） */
}
.drawer .gnavi li a {font-size: clamp(1.4rem, 1.4vw, 1.6rem);font-weight: bold;}
.drawer .gnavi li a.crt,
.drawer .gnavi li a:hover {text-decoration: none;}
#header .drawer .gnavi a:hover span,
#header .drawer .gnavi a.crt span {width: 100%;}

/* グローバルナビ デザインパターン01 */
#header .gnaviDZPT01 .gnavi {width: inherit;}
#header .gnaviDZPT01 .gnavi li {width: inherit;margin: 0;border-left: none;}
#header .gnaviDZPT01 .gnavi li:last-child {border-right: none;/*ボーダー指定*/}
#header .gnaviDZPT01 .gnavi li {padding: 0.8rem 0.5rem;}

/* ** navi_gnavi end ** */

/* ** navi_gnavis start ** */
/*** グローバルナビ(シンプル) ***/

#header .gnavis {
	margin: 0 auto;
	padding: 0.8rem;
	color: var(--app-gnavis-txt); /* テキスト色 */
	background: var(--app-gnavis-cr); /* 背景色 */
}
#header .gnavis ul {margin: 0;}
#header .gnavis li {list-style: none;display: inline-block;}
@media screen and (max-width: 480px) {
	#header .gnavis li {display: block;}
}
#header .gnavis a {
	display: block;
	position: relative;
	margin: 0;
	padding: 0 0.5rem;
	color: var(--app-gnavis-a-txt); /* テキスト色（aタグ） */
	background: var(--app-gnavis-a-cr); /* 背景色（aタグ） */
	text-decoration: none;
	text-align: center;
	display: block;
	font-weight:normal;
}
#header .gnavis a {font-size: clamp(1.4rem, 1.6vw, 1.6rem);font-weight: bold;}
#header .gnavis a span,
#header .gnavis a.crt span {
	content: '';
	width: 0;
	height: 0.1rem;
	left: 50%;
	bottom: -0.8rem;
	transition: all 0.3s ease;
	position: absolute;
	display: block;
	transform: translate(-50%,0);
	background: var(--app-gnavis-ah-cr); /* 背景色（aタグフォーカス） */
}
#header .gnavis a:hover span,
#header .gnavis a:hover span,
#header .gnavis a.crt span,
#header .gnavis a.crt span {width: 60%;}

/*矢印アイコン*/
#header .NaviArwIco .gnavis a {
	padding: 0 1.0rem 0 1.2rem;
	text-decoration: none;
	display: inline-block;
	align-items: center;
	line-height: 1.5;
}
#header .NaviArwIco .gnavis a:before {
	content: '';
	position: absolute;
	top: 0.8rem;
	left: 0;
	width: 0.6rem;
	height: 0.6rem;
	margin-top: 0;
	border: 0;
	border-top: solid 1px var(--app-gnavis-a-txt); /* テキスト色（aタグ） */
	border-right: solid 1px var(--app-gnavis-a-txt); /* テキスト色（aタグ） */
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
/** ドロワー内メニュー **/
.drawer .gnavis,
#header .drawer .gnavis {margin: 0 auto;padding: 1.5rem 0;}
.drawer .gnavis li,
#header .drawer .gnavis li {display: block;margin: 0;padding: 0;list-style: none;}
.drawer .gnavis li a,
#header .drawer .gnavis li a {display: block;margin: 0 auto;padding: 1.5rem;text-align: left;}

/* ドロワー内背景白 */
.drawer.slcs .gnavis li a,
#header .drawer.slcs .gnavis li a {
	border-bottom: 1px dotted #333;/*ボーダー指定*/
	color: #000; /* テキスト色（aタグ） */
}
/* ドロワー内背景黒 */
.drawer.slcsb .gnavis li a,
#header .drawer.slcsb .gnavis li a {
	border-bottom: 1px dotted #a3a3a3;/*ボーダー指定*/
	color: #fff; /* テキスト色（aタグ） */
}
.drawer .gnavis li a {font-size: clamp(1.4rem, 1.4vw, 1.6rem);font-weight: bold;}
.drawer .gnavis li a.crt,
.drawer .gnavis li a:hover {text-decoration: none;}
#header .drawer .gnavis a:hover span,
#header .drawer .gnavis a:hover span,
#header .drawer .gnavis a.crt span,
#header .drawer .gnavis a.crt span {width: 100%;}

/* ** navi_gnavis end ** */

/* ** navi_fnavi start ** */
/*** フッターナビ ***/

#footer .fnavi
#spfooter .fnavi{
	margin: 0 auto;
	padding: 1.0rem 0.5rem;
	color:  var(--app-fnavi-txt); /* テキスト色 */
	background: var(--app-fnavi-cr); /* 背景色 */
}
#footer .fnavi ul,
#spfooter .fnavi ul {font-size: clamp(1.4rem, 1.4vw, 1.4rem);}
#footer .fnavi li,
#spfooter .fnavi li {list-style:none;padding: 0.2rem 0;}
#footer .fnavi.inlineY li,
#spfooter .fnavi.inlineY li {display: inline-block;}

@media screen and (max-width: 600px) {
	#spfooter .fnavi.inlineY li {display: block;}
}
/*タイトル*/
#footer .fnaviTi,
#spfooter .fnaviTi {
	margin: 0 auto;
	padding: 0.5rem 1.5rem;
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
	font-weight: bold;
}
#footer .fnavi a,
#spfooter .fnavi a {
	display: block;
	position: relative;
	margin: 0;
	padding: 0 0.5rem;
	color: var(--app-fnavi-a-txt); /* テキスト色（aタグ） */
	background: var(--app-fnavi-a-cr); /* 背景色（aタグ） */
	text-decoration: none;
	text-align: center;
	display: block;
	font-weight:normal;
}
/*矢印アイコン*/
#footer .NaviArwIco .fnavi a,
#spfooter .NaviArwIco .fnavi a {
	position: relative;
	margin: 0 1.0rem;
	padding: 0 2.0rem;
	display: inline-block;
	align-items: center;
	line-height: 1.2;
	text-align: left;
}
#footer .NaviArwIco .fnavi a:before,
#spfooter .NaviArwIco .fnavi a:before {
	content: '';
	position: absolute;
	top: 0.8rem;
	left: 0;
	width: 0.5rem;
	height: 0.5rem;
	margin-top: 0;
	border: 0;
	border-top: solid 1px var(--app-fnavi-a-txt); /* テキスト色（aタグ） */
	border-right: solid 1px var(--app-fnavi-a-txt); /* テキスト色（aタグ） */
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#footer .fnavi a:hover,
#spfooter .fnavi a:hover {text-decoration: underline;}

/** ドロワー内メニュー **/
.drawer .fnavi {margin: 0 auto;padding: 1.5rem 0;}
.drawer .fnaviTi {
	margin: 0 auto;
	padding: 1.5rem;
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
	font-weight: bold;
}
.drawer .fnavi li {margin: 0;padding: 0;list-style: none;}
.drawer .fnavi li a {display: block;margin: 0 auto;padding: 1.5rem;text-align: left;}

/* ドロワー内背景白 */
.drawer.slcs .fnaviTi {
	color: #000;
	background: #eee;
	border-top: 1px solid #dbdbdb;/*ボーダー指定*/
	border-bottom: 1px solid #dbdbdb;/*ボーダー指定*/
}
.drawer.slcs .fnavi li a {
	border-bottom: 1px dotted #333;/*ボーダー指定*/
	color: #000; /* テキスト色（aタグ） */
}
/* ドロワー内背景黒 */
.drawer.slcsb .fnaviTi {
	color: #fff;
	background: #393939;
	border-top: 1px solid #a3a3a3;/*ボーダー指定*/
	border-bottom: 1px solid #a3a3a3;/*ボーダー指定*/
}
.drawer.slcsb .fnavi li a {
	border-bottom: 1px dotted #a3a3a3;/*ボーダー指定*/
	color: #fff; /* テキスト色（aタグ） */
}
.drawer .fnavi li a {font-size: clamp(1.4rem, 1.4vw, 1.6rem);font-weight: bold;}
.drawer .fnavi li a.crt,
.drawer .fnavi li a:hover {text-decoration: none;}

/* ** navi_fnavi end ** */

/* ** navi_catenaviSL start ** */
/*** カテゴリナビスライダー ***/
.catenavSl {
	margin: 0 auto;
	padding: 0;
	color: var(--app-catenavSl-txt); /* テキスト色 */
	background: var(--app-catenavSl-cr); /* 背景色 */
}
.catenavSl ul,
.catenavSl .mCSB_container {
	margin-left: auto;
	margin-right: auto;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	display: -ms-flexbox;
	display: flex;
	list-style: none;
}
.catenavSl li {width: 100%;min-width: 150px;padding: 0;} /* 幅指定 */
.catenavSl ul::-webkit-scrollbar {height: 0.3rem;}
.catenavSl ul::-webkit-scrollbar-track {}
.catenavSl ul::-webkit-scrollbar-thumb{border-radius: 0.8rem;background: var(--app-scrollTools-cr);}
.catenavSl li a {
	display: block;
	margin: 0;
	padding: 1.5rem 0;
	text-align: center;
	color: var(--app-catenavSl-a-txt); /* テキスト色（aタグ） */
	background: var(--app-catenavSl-a-cr); /* 背景色（aタグ） */
	border-left: var(--app-catenavSl-brd); /* ボーダー指定 */
}
.catenavSl li a {font-size: clamp(1.4rem, 1.4vw, 1.5rem);font-weight: bold;}
.catenavSl li.crt a,
.catenavSl li a.crt,
.catenavSl li a:hover {
	text-decoration: none;
	color: var(--app-catenavSl-ah-txt); /* テキスト色（aタグフォーカス） */
	background: var(--app-catenavSl-ah-cr); /* 背景色（aタグフォーカス） */
}
.catenavSl li:last-child {border-right: var(--app-catenavSl-brd);/*ボーダー指定*/}

/* ** navi_catenaviSL end ** */

/* ** navi_catenaviY start ** */
/*** カテゴリナビ横 ***/

.catenavY {
	margin: 0 auto;
	padding: 1.5rem 0;
	color: var(--app-catenavY-txt); /* テキスト色 */
	background: var(--app-catenavY-cr); /* 背景色 */
}
.catenavY ul {margin: 0 auto;padding: 0;display: flex;gap: 0 0.2rem;}
.catenavY li {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	letter-spacing: normal;
}
.catenavY li {min-width: 80px;}
.catenavY li a {
	display: block;
	margin: 0;
	padding: 1.5rem 0.5rem;
	line-height: 1.4em;
	text-align: center;
	border-radius: var(--app-catenavY-rod);-webkit-border-radius: var(--app-catenavY-rod);-moz-border-radius: var(--app-catenavY-rod); /* 角丸 */
	border: var(--app-catenavY-brd);/*ボーダー指定*/
	color: var(--app-catenavY-a-txt); /* テキスト色（aタグ） */
	background: var(--app-catenavY-a-cr); /* 背景色（aタグ） */
}
.catenavY li a {font-size: clamp(1.4rem, 1.4vw, 1.5rem);font-weight: bold;}
.catenavY li a.crt,
.catenavY li a:hover {
	text-decoration: none;
	color: var(--app-catenavY-ah-txt); /* テキスト色（aタグフォーカス） */
	background: var(--app-catenavY-ah-cr); /* 背景色（aタグフォーカス） */
}
/* ** navi_catenaviY end ** */

/* ** navi_catenavi start ** */
/*** カテゴリナビ縦(アコーディオン無し) ***/

.catenav {
	margin: 0 auto;
	padding: 0;
	color: var(--app-catenav-txt); /* テキスト色 */
	background: var(--app-catenav-cr); /* 背景色 */
}
.catenav li {margin: 0;padding: 0.2rem 0;list-style: none;}
.catenav li a {
	display: block;
	margin: 0;
	padding: 1.5rem 0;
	text-align: center;
	border-radius: var(--app-catenav-rod);-webkit-border-radius: var(--app-catenav-rod);-moz-border-radius: var(--app-catenav-rod); /* 角丸 */
	border: var(--app-catenav-brd);/*ボーダー指定*/
	color: var(--app-catenav-a-txt); /* テキスト色（aタグ） */
	background: var(--app-catenav-a-cr); /* 背景色（aタグ） */
}
.catenav li a {font-size: clamp(1.4rem, 1.4vw, 1.6rem);font-weight: bold;}
.catenav li a.crt,
.catenav li a:hover {
	text-decoration: none;
	color: var(--app-catenav-ah-txt); /* テキスト色（aタグフォーカス） */
	background: var(--app-catenav-ah-cr); /* 背景色（aタグフォーカス） */
}
/* ** navi_catenavi end ** */

/* ** navi_catenaviT start ** */
/*** カテゴリナビ縦(アコーディオン有) ***/

/* カテゴリナビとしての基本枠 */
.catenavT {margin: 0 auto;padding: 0;color: var(--app-widget-txt);background: var(--app-widget-cr);}
.widget h2 {text-align: left;margin: 0 auto;padding: 1.2rem 1.5rem;color: var(--app-widget-ti-txt);background: var(--app-widget-ti-cr);font-size: clamp(1.4rem, 1.4vw, 1.6rem)}

/* アコーディオンナビの基本設定 */
.widget ul {margin:0}
.widget li {
	position:relative;
	list-style:none;
	border-top: var(--app-widget-brd);
}
.widget li:last-child {border-bottom: var(--app-widget-brd);}
.widget li a {
	text-decoration:none;
	width: 100%;
	height: 45px;
	margin: 0;
	padding: 0.8rem 0;
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
	position:relative;
	color: var(--app-widget-a-txt); /* テキスト色（aタグ） */
	background: var(--app-widget-a-cr); /* 背景色（aタグ） */
}
.widget li a.crt {
	color: var(--app-widget-ah-txt); /* テキスト色（aタグフォーカス） */
	background: var(--app-widget-ah-cr); /* 背景色（aタグフォーカス） */
}
.widget li a {font-size: font-size: clamp(1.4rem, 1.4vw, 1.4rem);font-weight: bold;}
.widget li .btn {
	display:block;
	content:"";
	width: 45px;
	height: 44px;
	top:0;
	right:0;
	position:absolute;
	padding: 1.0rem 0;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	border-left: var(--app-widget-ab-brd);/*ボーダー指定*/
	background: var(--app-widget-ab-cr); /* 背景色 */
}
.widget li .btn:before{content: url(../../../core_sys/common/images/sys/arw_down_bk.png);}
.widget li .btn.active:before{content: url(../../../core_sys/common/images/sys/arw_up_bk.png);}
.widget li a {padding-left: 1.0rem;}
.widget .children li {padding-left: 2.0rem;border-bottom: none;}
.widget ul.children,
.widget ul.children a {background: #fafafa;}

/* 背景がダークなパターン */
.naviTpDark .widget li a {
	color: var(--app-widget-w-a-txt); /* テキスト色（aタグ） */
	background: var(--app-widget-w-a-cr); /* 背景色（aタグ） */
}
.naviTpDark .widget li a.crt {
	color: var(--app-widget-w-ah-txt); /* テキスト色（aタグフォーカス） */
	background: var(--app-widget-w-ah-cr); /* 背景色（aタグフォーカス） */
}
.widget li .btn {
	border-left: var(--app-widget-w-ab-brd);/*ボーダー指定*/
	background: var(--app-widget-w-ab-cr); /* 背景色 */
}
.naviTpDark .widget li .btn:before{content: url(../../../core_sys/common/images/sys/arw_down_wh.png);}
.naviTpDark .widget li .btn.active:before{content: url(../../../core_sys/common/images/sys/arw_up_wh.png);}

/* ** navi_catenaviT end ** */

/* ** navi_drawer start ** */
/*** ドロワメニュー ***/

/* ドロワメニュー(枠) */
.drawer,
.modal-search {-webkit-transition:ease 0.5s;transition:ease 0.5s;position:absolute;position:fixed;z-index:20000;}
.drawer {width:100%;height:100%;padding: 0;}
.modal-search {width:100%;height:100%;padding: 0;}

/* モーダル左から右 */
.actL .drawer,
.actL .modal-search {-webkit-transform: translate(-100%, 0);transform: translate(-100%, 0);left:0;}

/* モーダル右から左 */
.actR .drawer,
.actR .modal-search {-webkit-transform: translate(100%, 0);transform: translate(100%, 0);right:0;}
.actL .drawer.action,
.actR .drawer.action,
.actL .modal-search.action,
.actR .modal-search.action {-webkit-transform:translateX(0);transform:translateX(0);overflow-y:auto;-webkit-overflow-scrolling:touch;}
.slcs.drawer,
.slcs.modal-search {
	background-color: var(--sp-slnavi-cs); /* スマホスライドメニュー背景白 */
	border-left:1px solid var(--sp-slnavi-cs-bd); /* スライドメニュー背景白ボーダー */
}
.slcsb.drawer,
.slcsb.modal-search {
	background-color: var(--sp-slnavi-csb); /* スライドメニュー背景黒 */
	border-left:1px solid var(--sp-slnavi-csb-bd); /* スライドメニュー背景黒ボーダー */
}
.drawer.action{width: var(--sp-drawer-size);} /* ドロワーウィンドウサイズ */
.modal-search.action{width: var(--sp-modal-size);} /* 検索ウィンドウサイズ */
#header .drawer,
#header .modal-search {top:60px;}
#footer .modal-search {bottom:100px;padding-top: 130px;}

@media screen and (max-width: 896px) {
	.spHeadNavi .drawer,
	.spHeadNavi .modal-search {top: 6.5rem;padding-bottom: 10rem;}
	.spFootNavi .drawer,
	.spFootNavi .modal-search {bottom: 8.0rem;padding-top: 10rem;}
	.spHFNavi .drawer,
	.spHFNavi .modal-search {bottom: 8.0rem;padding-top: 10rem;}
}
/*ハンバーガーボタン*/
.FixItemDrw .drbtn {position:fixed;}
.scroll-nml .FixItemDrw .drbtn,
.scroll-fix .FixItemDrw .drbtn {position: absolute;}
.drbtn{
	-webkit-transition:ease 0.5s;
	transition:ease 0.5s;
	cursor:pointer;
	align-items:
	flex-end;display:
	flex;justify-content:center;
	z-index:4000;
}
.drbtn {width:40px;height:60px;}
.drbtn.action {right: 0.2rem;}
.drbtn.action .hambarg:nth-child(1){
	top:50%;-webkit-transform:
	translate(-50%, -50%) rotate(45deg);
	transform:translate(-50%, -50%) rotate(45deg);
}
.drbtn.action .hambarg:nth-child(2){
	top:50%;-webkit-transform:
	translate(-50%, -50%);
	transform:translate(-50%, -50%);
	opacity:0;
}
.drbtn.action .hambarg:nth-child(3){
	top:50%;-webkit-transform:
	translate(-50%, -50%) rotate(-45deg);
	transform:translate(-50%, -50%) rotate(-45deg);
}
.drbtn.action .hambargMenu {display:none;}
.hambarg{
	position:absolute;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	-webkit-transition:ease 0.5s;
	transition:ease 0.5s;
}
.hambarg:nth-child(1){top:20%;left:50%;}
.hambarg:nth-child(2){top:35%;left:50%;}
.hambarg:nth-child(3){top:50%;left:50%;}
.hambargMenu {position:absolute;top:35%;}

.hambarg{height:3px;width:40px;}
.hambargMenu {font-size: 1.0rem;font-weight: normal;letter-spacing: 0.1rem;}
#header .hambargMenu {padding-top: 18px;}/* ヘッダー固定 */
#footer .hambargMenu {padding-top: 18px;}/* フッター固定 */

.drbtn {color: var(--app-spheader-txt);} /* SPヘッダーテキスト */
.hambarg {background: var(--app-spheader-txt);} /* SPヘッダーテキスト */

@media screen and (max-width: 896px) {
	.hambarg{height:2px;width:35px;}
	#spheader .hambargMenu {padding-top: 15px;}/* ヘッダー固定 */
	#spfooter .hambargMenu {padding-top: 24px;}/* フッター固定 */
	#spfooterMenu .drbtn {color: var(--app-spfooter-txt);} /* SPフッターテキスト */
	#spfooterMenu .hambarg {background: var(--app-spfooter-txt);} /* SPフッターテキスト */
}
/*ケバブボタン*/
.kebab_more_box {
	display: block;
	padding: 0.2rem 1.5rem;
	cursor: pointer;
}
.kebab_more {
	display: inline-block;
	vertical-align: middle;
	color: #333;
	line-height: 1;
	width: 0.25em;
	height: 0.25em;
	background: currentColor;
	border-radius: 50%;
	box-shadow: 0 -0.375em 0 0 currentColor, 0 0.375em 0 0 currentColor;
}
.kebabOff .kebab_more_box {display: none;}

/*検索ボタン*/
.shbtn{position:fixed;cursor:pointer;align-items:flex-end;display:flex;justify-content:center;z-index:10000;}
.scroll-fix .shbtn{position: absolute;}

/*FixItem位置制御*/
.FixItem .FixItemIco {position:fixed;}
.scroll-nml .FixItem .shbtn,
.scroll-nml .FixItem .FixItemIco,
.scroll-fix .FixItem .FixItemIco {position: absolute;}
.FixItem .drawer .FixItemIco {position:static;}
.FixItem span.mnaviUTxt {display: none;}
.FixItem .FixItemIco .NaviIcoSvg {width:40px;height:40px;fill: var(--app-spheader-txt);}
.FixItem .shbtn .NaviIcoSvg {width:35px;height:35px;fill: var(--app-spheader-txt);}/* 検索ボタン */

/*** FixItem位置制御 ***/
#header .FixItemDrw .drbtn{top: 2px;}
#header .FixItem .shbtn {top: 12px;}
#header .FixItem .FixItemIco {top: 10px;}

/* ハンバーガーボタン */
.FixItemDrw.FixItemR01 .drbtn{right: 5px;}
.FixItemDrw.FixItemR02 .drbtn{right: 65px;}
.FixItemDrw.FixItemR03 .drbtn{right: 115px;}
.FixItemDrw.FixItemR04 .drbtn{right: 160px;}
.FixItemDrw.FixItemR05 .drbtn{right: 205px;}
.FixItemDrw.FixItemR06 .drbtn{right: 260px;}
.FixItemDrw.FixItemR07 .drbtn{right: 305px;}
.FixItemDrw.FixItemR08 .drbtn{right: 350px;}
.FixItemDrw.FixItemR09 .drbtn{right: 395px;}
.FixItemDrw.FixItemL01 .drbtn{left: 5px;}
.FixItemDrw.FixItemL02 .drbtn{left: 65px;}
.FixItemDrw.FixItemL03 .drbtn{left: 115px;}
.FixItemDrw.FixItemL04 .drbtn{left: 160px;}
.FixItemDrw.FixItemL05 .drbtn{left: 205px;}
.FixItemDrw.FixItemL06 .drbtn{left: 260px;}
.FixItemDrw.FixItemL07 .drbtn{left: 305px;}
.FixItemDrw.FixItemL08 .drbtn{left: 350px;}
.FixItemDrw.FixItemL09 .drbtn{left: 395px;}

.FixItem.FixItemR01 .FixItemIco,
.FixItem.FixItemR01 .shbtn {right: 20px;}/* 左1 */
.FixItem.FixItemL01 .FixItemIco,
.FixItem.FixItemL01 .shbtn {left: 20px;}/* 右1 */

.FixItem.FixItemR02 .FixItemIco,
.FixItem.FixItemR02 .shbtn {right: 65px;}/* 左2 */
.FixItem.FixItemL02 .FixItemIco,
.FixItem.FixItemL02 .shbtn {left: 65px;}/* 右2 */

.FixItem.FixItemR03 .FixItemIco,
.FixItem.FixItemR03 .shbtn {right: 115px;}/* 左3 */
.FixItem.FixItemL03 .FixItemIco,
.FixItem.FixItemL03 .shbtn {left: 115px;}/* 右3 */

.FixItem.FixItemR04 .FixItemIco,
.FixItem.FixItemR04 .shbtn {right: 160px;}/* 左4 */
.FixItem.FixItemL04 .FixItemIco,
.FixItem.FixItemL04 .shbtn {left: 160px;}/* 右4 */

.FixItem.FixItemR05 .FixItemIco,
.FixItem.FixItemR05 .shbtn {right: 205px;}/* 左5 */
.FixItem.FixItemL05 .FixItemIco,
.FixItem.FixItemL05 .shbtn {left: 205px;}/* 右5 */

.FixItem.FixItemR06 .FixItemIco,
.FixItem.FixItemR06 .shbtn {right: 260px;}/* 左6 */
.FixItem.FixItemL06 .FixItemIco,
.FixItem.FixItemL06 .shbtn {left: 260px;}/* 右6 */

.FixItem.FixItemR07 .FixItemIco,
.FixItem.FixItemR07 .shbtn {right: 305px;}/* 左7 */
.FixItem.FixItemL07 .FixItemIco,
.FixItem.FixItemL07 .shbtn {left: 305px;}/* 右7 */

.FixItem.FixItemR08 .FixItemIco,
.FixItem.FixItemR08 .shbtn {right: 350px;}/* 左8 */
.FixItem.FixItemL08 .FixItemIco,
.FixItem.FixItemL08 .shbtn {left: 350px;}/* 右8 */

.FixItem.FixItemR09 .FixItemIco,
.FixItem.FixItemR09 .shbtn {right: 395px;}/* 左9 */
.FixItem.FixItemL09 .FixItemIco,
.FixItem.FixItemL09 .shbtn {left: 395px;}/* 右9 */

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

	/********* FixItem位置制御 *********/
	.FixItem .shbtn,
	.FixItem .FixItemIco {width:50px;height:40px;text-align: center;}

	#spheaderMenu .FixItem .FixItemIco .NaviIcoSvg {width:35px;height:35px;fill: var(--app-spheader-txt);}
	#spheaderMenu .FixItem .shbtn .NaviIcoSvg {width:30px;height:30px;fill: var(--app-spheader-txt);}/* 検索ボタン */
	#spfooterMenu .FixItem .FixItemIco .NaviIcoSvg {width:35px;height:35px;fill: var(--app-spfooter-txt);}
	#spfooterMenu .FixItem .shbtn .NaviIcoSvg {width:30px;height:30px;fill: var(--app-spfooter-txt);}/* 検索ボタン */

	/*** FixItem位置制御 ***/
	#spheaderMenu .FixItem .drbtn{top: 0px;}
	#spheaderMenu .FixItem .shbtn {top: 8px;}
	#spheaderMenu .FixItem .FixItemIco {top: 13px;}

	#spfooterMenu .FixItem span.mnaviUTxt {display: block;color: var(--app-spfooter-txt);font-size: 1.2rem;font-weight: bold;}
	#spfooterMenu .FixItem a span.mnaviUTxt {color: var(--app-spfooter-txt);}
	#spfooterMenu .FixItem .drbtn{bottom: 15px;}
	#spfooterMenu .FixItem .shbtn {bottom: 12px;}
	#spfooterMenu .FixItem .FixItemIco{bottom: 30px;}

	/*** FixItem位置制御(固定) ***/
	/* ハンバーガーボタン */
	#spheaderMenu .FixItemDrw .drbtn {top: 0;}
	#spfooterMenu .FixItemDrw .drbtn {bottom: 1.0rem;}
	#spheaderMenu .FixItemDrw.FixItemR01 .drbtn,
	#spfooterMenu .FixItemDrw.FixItemR01 .drbtn{right: 10px;}
	#spheaderMenu .FixItemDrw.FixItemR02 .drbtn,
	#spfooterMenu .FixItemDrw.FixItemR02 .drbtn{right: 65px;}
	#spheaderMenu .FixItemDrw.FixItemR03 .drbtn,
	#spfooterMenu .FixItemDrw.FixItemR03 .drbtn{right: 120px;}
	#spheaderMenu .FixItemDrw.FixItemR04 .drbtn,
	#spfooterMenu .FixItemDrw.FixItemR04 .drbtn{right: 145px;}
	#spheaderMenu .FixItemDrw.FixItemR05 .drbtn,
	#spfooterMenu .FixItemDrw.FixItemR05 .drbtn{right: 185px;}
	#spheaderMenu .FixItemDrw.FixItemL01 .drbtn,
	#spfooterMenu .FixItemDrw.FixItemL01 .drbtn{left: 10px;}
	#spheaderMenu .FixItemDrw.FixItemL02 .drbtn,
	#spfooterMenu .FixItemDrw.FixItemL02 .drbtn{left: 65px;}
	#spheaderMenu .FixItemDrw.FixItemL03 .drbtn,
	#spfooterMenu .FixItemDrw.FixItemL03 .drbtn{left: 120px;}
	#spheaderMenu .FixItemDrw.FixItemL04 .drbtn,
	#spfooterMenu .FixItemDrw.FixItemL04 .drbtn{left: 145px;}
	#spheaderMenu .FixItemDrw.FixItemL05 .drbtn,
	#spfooterMenu .FixItemDrw.FixItemL05 .drbtn{left: 185px;}

	#spheaderMenu .FixItem.FixItemR01 .FixItemIco,
	#spfooterMenu .FixItem.FixItemR01 .FixItemIco {right: 10px;}/* 左1 */
	#spheaderMenu .FixItem.FixItemR01 .shbtn,
	#spfooterMenu .FixItem.FixItemR01 .shbtn {right: 10px;}/* 左1 */
	#spheaderMenu .FixItem.FixItemL01 .FixItemIco,
	#spfooterMenu .FixItem.FixItemL01 .FixItemIco {left: 10px;}/* 右1 */
	#spheaderMenu .FixItem.FixItemL01 .shbtn,
	#spfooterMenu .FixItem.FixItemL01 .shbtn {left: 10px;}/* 右1 */

	#spheaderMenu .FixItem.FixItemR02 .FixItemIco,
	#spfooterMenu .FixItem.FixItemR02 .FixItemIco {right: 65px;}/* 左2 */
	#spheaderMenu .FixItem.FixItemR02 .shbtn,
	#spfooterMenu .FixItem.FixItemR02 .shbtn {right: 65px;}/* 左2 */
	#spheaderMenu .FixItem.FixItemL02 .FixItemIco,
	#spfooterMenu .FixItem.FixItemL02 .FixItemIco {left: 65px;}/* 右2 */
	#spheaderMenu .FixItem.FixItemL02 .shbtn,
	#spfooterMenu .FixItem.FixItemL02 .shbtn {right: 65px;}/* 右2 */

	#spheaderMenu .FixItem.FixItemR03 .FixItemIco,
	#spfooterMenu .FixItem.FixItemR03 .FixItemIco {right: 120px;}/* 左3 */
	#spheaderMenu .FixItem.FixItemR03 .shbtn,
	#spfooterMenu .FixItem.FixItemR03 .shbtn {right: 120px;}/* 左3 */
	#spheaderMenu .FixItem.FixItemL03 .FixItemIco,
	#spfooterMenu .FixItem.FixItemL03 .FixItemIco {left: 120px;}/* 右3 */
	#spheaderMenu .FixItem.FixItemL03 .shbtn,
	#spfooterMenu .FixItem.FixItemL03 .shbtn {left: 120px;}/* 右3 */

	#spheaderMenu .FixItem.FixItemR04 .FixItemIco,
	#spfooterMenu .FixItem.FixItemR04 .FixItemIco {right: 175px;}/* 左4 */
	#spheaderMenu .FixItem.FixItemR04 .shbtn,
	#spfooterMenu .FixItem.FixItemR04 .shbtn {right: 175px;}/* 左4 */
	#spheaderMenu .FixItem.FixItemL04 .FixItemIco,
	#spfooterMenu .FixItem.FixItemL04 .FixItemIco {left: 175px;}/* 右4 */
	#spheaderMenu .FixItem.FixItemL04 .shbtn,
	#spfooterMenu .FixItem.FixItemL04 .shbtn {left: 175px;}/* 右4 */

	#spheaderMenu .FixItem.FixItemR05 .FixItemIco,
	#spfooterMenu .FixItem.FixItemR05 .FixItemIco {right: 185px;}/* 左5 */
	#spheaderMenu .FixItem.FixItemR05 .shbtn,
	#spfooterMenu .FixItem.FixItemR05 .shbtn {right: 185px;}/* 左5 */
	#spheaderMenu .FixItem.FixItemL05 .FixItemIco,
	#spfooterMenu .FixItem.FixItemL05 .FixItemIco {left: 185px;}/* 右5 */
	#spheaderMenu .FixItem.FixItemL05 .shbtn,
	#spfooterMenu .FixItem.FixItemL05 .shbtn {left: 185px;}/* 右5 */

	/*** FixItem位置制御（均等） ***/

	#spfooterMenu .FixItemDrw.FixItemC01 .drbtn,
	#spfooterMenu .FixItem.FixItemC01 .shbtn,
	#spfooterMenu .FixItem.FixItemC01 .FixItemIco{left: 5%;}
	#spfooterMenu .FixItemDrw.FixItemC02 .drbtn,
	#spfooterMenu .FixItem.FixItemC02 .shbtn,
	#spfooterMenu .FixItem.FixItemC02 .FixItemIco{left: 25%;}
	#spfooterMenu .FixItemDrw.FixItemC03 .drbtn,
	#spfooterMenu .FixItem.FixItemC03 .shbtn,
	#spfooterMenu .FixItem.FixItemC03 .FixItemIco{left:calc(50% - 50px/2);}
	#spfooterMenu .FixItemDrw.FixItemC04 .drbtn,
	#spfooterMenu .FixItem.FixItemC04 .shbtn,
	#spfooterMenu .FixItem.FixItemC04 .FixItemIco{right: 25%;}
	#spfooterMenu .FixItemDrw.FixItemC05 .drbtn,
	#spfooterMenu .FixItem.FixItemC05 .shbtn,
	#spfooterMenu .FixItem.FixItemC05 .FixItemIco{right: 5%;}
}
/* ** navi_drawer end ** */

/* ** navi_panlink start ** */
/*** パンくずリンク ***/
.pan_link {
	margin: 0 auto;
	padding: 1.0rem 0;
	background: var(--app-panlink-cr); /* 背景色 */
}
.pan_link ul {margin: 0.5rem auto;display: flex;}
.pan_link li {
	margin-left: 0.5rem;
	list-style:none;
	color: var(--app-panlink-txt); /* テキスト色 */
	white-space:nowrap;
}
.pan_link li {font-size: clamp(1.4rem, 1.4vw, 1.4rem);font-weight: normal;}
.pan_link a {
	text-decoration: none;
	color: var(--app-panlink-a-txt); /* テキスト色（aタグ） */
}
.pan_link a:hover {text-decoration: underline;}

/* テキスト長い際の処理 */
.pan_link li.panconDetTxt {width:50%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* ** navi_panlink end ** */

/* ** navi_pagenum start ** */
/*** ページナンバーナビ ***/
.PageNum {}
.PageNum_link {
	position: relative;
	overflow: hidden;
	margin: 2.0rem auto;
	padding: 2.0rem 0.5rem;
}
.PageNum_link ul {position: relative;left: 50%;float: left;}
.PageNum_link li {position: relative;left: -50%;float: left;list-style:none;}
.PageNum_link a {
	margin: 0.5rem 0.2rem;
	padding: 1.2rem 1.5rem;
	text-decoration: none;
	color: var(--app-pagenum-a-txt); /* テキスト色（aタグ） */
	background: var(--app-pagenum-a-cr); /* 背景色（aタグ） */
	border-radius: var(--app-pagenum-rod);-webkit-border-radius: var(--app-pagenum-rod);-moz-border-radius: var(--app-pagenum-rod);/* 角丸 */
	border: var(--app-pagenum-brd); /* ボーダー指定 */
}
.PageNum_link a {font-size: clamp(1.6rem, 1.6vw, 1.8rem);font-weight: bold;}
.PageNum_link a.crt,
.PageNum_link a:hover {
	text-decoration: none;
	color: var(--app-pagenum-ah-txt); /* テキスト色（aタグフォーカス） */
	background: var(--app-pagenum-ah-cr); /* 背景色（aタグフォーカス） */
}
@media screen and (max-width: 600px) {
	.PageNum_link {margin: 1.0rem auto;}
}
/* ** navi_pagenum end ** */

/* ** navi_footer_set start ** */
/*** スマホ時フッター固定ナビ ***/
@media screen and (min-width:600px) and ( max-width:896px) {
	.spFooterSet #spfooter {display: none;}/* フッター固定 */
}
@media screen and (max-width: 600px) {
	.spFooterSet #spfooter {position: fixed;bottom: 0px;left: 0px;z-index: 1000;}/* フッター固定 */
	.spFooterSet #spfooter {width: 100%;height: 80px;padding-top: 10px;}
	.spFooterSet #spfooter {background: var(--app-spfooter-cr);}
}
/* ** navi_footer_set end ** */