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

/*************************** パーツ共通設定 ***************************/
/* ** dezpt_basic start ** */

/* ロゴ設定 */
#header p.logo,
#header p.sub_logo {
	padding: 1.0rem 0;
	max-width: 400px;
}
#header p.logo img,
#spheader p.logo img,
#spfooter p.logo img,
#header p.sub_logo img,
#spheader p.sub_logo img,
#spfooter p.sub_logo img {display: block;width:100%;height: 100%;object-fit: contain;}
#header li {list-style: none;}

/* コピーライト */
.copy {
	padding: 1.0rem 0;
	text-align: center;
	color: var(--app-copy-txt); /* テキスト色 */
	font-size: var(--font-copy);/* フォントサイズ */
	font-weight:bold;
	line-height: 1.0;
	background: var(--app-copy-cr); /* 背景色 */
}
.copy span {
	font-family: "Times New Roman", "Times";
	font-size: var(--font-copy-ico);/* フォントサイズ */
	line-height: 1.0;
}

/*** マークアップ対応 ***/

/* カラー共通 */
.markup_red,
.markup_blue,
.markup_green,
.markup_yellow,
.markup_orange,
.markup_grey {font-weight: bold;}

.InputForm .markup_h2 {font-size: clamp(1.8rem, 2.0vw, 2.2rem);margin: 0 0 1.5rem 0;}
.InputForm .markup_h3 {font-size: clamp(1.6rem, 1.6vw, 1.6rem);margin: 0.8rem 0;}
.InputForm .markup_ul li {list-style-type: disc;margin-left: 2.0rem;}
.InputForm .markup_ol li {list-style-type: decimal;margin-left: 2.0rem;}

.DataDispBoxDl .markup_h2 {font-size: clamp(2.0rem, 2.0vw, 2.0rem);margin: 0 0 1.5rem 0;}
.DataDispBoxDl .markup_h3 {font-size: clamp(1.6rem, 1.6vw, 1.6rem);margin: 0.8rem 0;}
.DataDispBoxDl .markup_ul li {list-style-type: disc;margin-left: 2.0rem;}
.DataDispBoxDl .markup_ol li {list-style-type: decimal;margin-left: 2.0rem;}

.markupBox {
	margin-bottom: 1.0rem;
	padding: 2.0rem; /* パディング */
	font-size: clamp(1.2rem, 1.2vw, 1.2rem);
	font-weight: normal;
	border-radius: var(--markupBox-rod);-webkit-border-radius: var(--markupBox-rod);-moz-border-radius: var(--markupBox-rod); /* 角丸 */
	background: var(--markupBox-bg); /* 背景色 */
	border: var(--markupBox-brd); /* ボーダー指定 */
}
.markupBox .markup_h2 {font-size: clamp(1.8rem, 1.8vw, 1.8rem);margin: 0 0 1.5rem 0;}
.markupBox .markup_h3 {font-size: clamp(1.4rem, 1.4vw, 1.4rem);margin: 0.8rem 0;}
.markupBox .markup_ul li {list-style-type: disc;margin-left: 2.0rem;}
.markupBox .markup_ol li {list-style-type: decimal;margin-left: 2.0rem;}

.markup_red {color: var(--app-markup_red-txt);}
.markup_blue {color: var(--app-markup_blue-txt);}
.markup_green {color: var(--app-markup_green-txt);}
.markup_yellow {color: var(--app-markup_yellow-txt);}
.markup_orange {color: var(--app-markup_orange-txt);}
.markup_grey {color: var(--app-markup_grey-txt);}

/* マークアップ共通 */
summary{cursor: pointer;padding: 0.5em 0;font-size: 1.2rem;font-weight: bold;color: #575757;}
.markup-help summary{text-align: right;}
.markup-help ul {
	padding: var(--markupBox-pd); /* パディング */
	font-size: var(--font-markupBox); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--markupBox-rod);-webkit-border-radius: var(--markupBox-rod);-moz-border-radius: var(--markupBox-rod); /* 角丸 */
	color: var(--markupBox-txt); /* テキスト色 */
	background: var(--markupBox-bg); /* 背景色 */
	border: var(--markupBox-brd); /* ボーダー指定 */
	box-shadow: var(--markupBox-bbg);-webkit-box-shadow: var(--markupBox-bbg); /* 背景影色 */
}
/* olタグに0表記を追加する場合の共通指定 */
ol.tocList--ordered {
	list-style: none; /* デフォルトの番号は非表示 */
	counter-reset: toc-counter; /* カウンター初期化 */
	padding: 0;
	margin: 0;
}
ol.tocList--ordered li .ItemLinktitle {
	counter-increment: toc-counter; /* 各liで+1 */
	position: relative;
	padding-left: 2.5em; /* 番号分のスペース */
}
ol.tocList--ordered li .ItemLinktitle::before {
	content: counter(toc-counter, decimal-leading-zero) ". "; /* ←ゼロ付き！ */
	position: absolute;
	left: 0;
	width: 2em;
	text-align: right;
}
/* ** dezpt_basic end ** */

/*************************** 会員遷移ボタンパーツ ***************************/

/* ** dezpt_mvavi_basic start ** */

/*** ログイン者情報配置（ドロワーメニュー内配置） ***/
.FlexblckArea .drawer .mnaviDezInn {display: block;width: 100%;}
.drawer .mnaviDez {display: block;margin: 0 auto;padding: 1.0rem;}
.mnaviDez .mnaviDezInn {display: flex;}
.drawer .mnaviDez .mnaviDezInn {display: block;}

/*** デザインパターン全てのボタン配置共通 ***/
.mnaviDez .mnaviDezInn {display: flex;align-items: center;}
.mnaviArea {width: max-content;margin: 0 auto;padding: 0;font-size:0;}
.drawer .mnaviArea {width: 100%;}
.mnaviArea nav {display: inline-block;vertical-align: middle;}
.mnaviArea .LoginNavi {margin: 0;padding: 0;}
.mnaviArea a {
	display: block;
	text-align: center;
	border-radius: var(--app-mnaviArea-rod);-webkit-border-radius: var(--app-mnaviArea-rod);-moz-border-radius: var(--app-mnaviArea-rod); /* 角丸 */
	font-size: var(--font-mnaviArea); /* フォントサイズ */
	font-weight: bold;
	color: var(--app-mnaviArea-txt);/* テキスト色 */
	background: var(--app-mnaviArea-bg);/* 背景色 */
	border: var(--app-mnaviArea-brd);/* ボーダー指定 */
	box-shadow: var(--app-mnaviArea-bbg);-webkit-box-shadow: var(--app-mnaviArea-bbg); /* 背景影色 */
}
.mnaviArea li a:hover {text-decoration: none;}

/*** デザインパターン全てのボタン装飾共通 ***/
.mnaviArea span.mnaviUTxt {
	padding-top: 0;
	color: var(--app-mnaviArea-txt); /* テキスト色 */
}
/* ボタンアイコン装飾 */
.mnaviArea .NaviIcoSvg {width:35px;height:35px;fill: var(--app-mnaviArea-txt);} /* テキスト色 */

.mnaviArea .loginbtn a {color: #000;background: #fff;}/* ログインボタン装飾 */
.mnaviArea .logoutbtn a {color: #000;background: #fff;}/* ログアウトボタン装飾 */
.mnaviArea .newregbtn a {color: #000;background: #fff;}/* 新規会員登録ボタン装飾 */
.mnaviArea .mypagebtn a {color: #000;background: #fff;}/* マイページボタン装飾 */
.mnaviArea .sembtn a {color: #000;background: #fff;}/* セミナーボタン装飾 */
.mnaviArea .cartbtn a {color: #000;background: #fff;}/* カートボタン装飾 */
.mnaviArea .contactbtn a {color: #000;background: #fff;}/* お問合せボタン装飾 */
.mnaviArea .dispatchbtn a {color: #000;background: #fff;}/* 手配管理ボタン装飾 */

/* ** dezpt_mvavi_basic end ** */

/* ** dezpt_mvavi01 start ** */
/*** mvavi01: 会員遷移ボタンデザインパターン01(標準アイコン・テキスト配置タイプ) ***/

/* ボタン制御 */
.mnavitype01 {margin: 0.5rem 0;}
.mnavitype01 .mnaviArea .LoginNavi,
.mnavitype01 .mnaviArea .LinkNavi {margin: 0;padding: 0;}
.mnavitype01 .mnaviArea nav {display: inline-block;vertical-align: middle;}
.mnavitype01 .mnaviArea .LoginNavi li,
.mnavitype01 .mnaviArea .LinkNavi li {
	display: inline-block;
	vertical-align: middle;
}
.mnavitype01 .mnaviArea .LoginNavi a,
.mnavitype01 .mnaviArea .LinkNavi a {
	width: 100px;
	height: 75px;
	margin: 0.2rem;
	padding: 0.5rem 0;
}
.mnavitype01 .LoginNavi span,
.mnavitype01 .LinkNavi span {display: block;}

/* カートに入っている数量 */
.mnavitype01 .mnaviArea span.PrdCntDisp {
	bottom: 50px;
	left: 75px;
}
/* 会員情報表示制御 */
.mnavitype01 .memInfoBox {padding: 0.5rem 1.0rem 0 0;}
.mnavitype01 .member_info {margin: 0;}

/* ドロワーメニュー内での表示制御 */
.drawer .mnavitype01 .mnaviArea .LoginNavi ul,
.drawer .mnavitype01 .mnaviArea .LinkNavi ul {
	display: flex;
	justify-content: space-between;
}
.drawer .mnavitype01 .mnaviArea .LoginNavi,
.drawer .mnavitype01 .mnaviArea .LinkNavi {width: 100%;}
.drawer .mnavitype01 .mnaviArea nav {display: block;}
.drawer .mnavitype01 .mnaviArea .LoginNavi li,
.drawer .mnavitype01 .mnaviArea .LinkNavi li {width: 100%;display: block;margin: 0.2rem;}
.drawer .mnavitype01 .mnaviArea .LoginNavi a,
.drawer .mnavitype01 .mnaviArea .LinkNavi a {width: 100%;}
.drawer .mnavitype01 .memInfoBox {padding: 0.5rem 0;}

@media screen and (max-width: 480px) {
	.mnavitype01 .mnaviArea .LoginNavi ul {margin-bottom: 0.5rem;gap: 0 0.4rem;}
}
/* ** dezpt_mvavi01 end ** */

/* ** dezpt_mvavi02 start ** */
/*** mvavi02: 会員遷移ボタンデザインパターン01(標準アイコン・テキスト配置タイプ) ***/

/* ボタン制御 */
.mnavitype02 {margin: 0.5rem 0;}
.mnavitype02 .mnaviArea .LoginNavi li {margin: 0;padding: 0;}
.mnavitype02 .mnaviArea .LinkNavi {margin: 0;padding: 0;}
.mnavitype02 .mnaviArea .LinkNavi li {display: inline-block;vertical-align: middle;}
.mnavitype02 .LinkNavi span {display: block;}
.mnavitype02 {margin: 1.0rem 0;}
.mnavitype02 .mnaviArea a {
	margin: 0 0.2rem;
	padding: 0.5rem;
}
.mnavitype02 .mnaviArea .LoginNavi a {
	width: 140px;
	margin: 0.2rem;
	padding: 0.7rem 0.5rem;
}
.mnavitype02 .mnaviArea .LoginNavi a .NaviIcoSvg {width:0;height:0;}
.mnavitype02 .mnaviArea .LinkNavi a {
	width: 100px;
	height: 75px;
}
/* カートに入っている数量 */
.mnavitype02 .mnaviArea span.PrdCntDisp {
	bottom: 50px;
	left: 75px;
}
/* 会員情報表示制御 */
.mnavitype02 .memInfoBox {padding: 1.0rem 1.0rem 0 0;}
.mnavitype02 .member_info {margin: 0;}

/* ドロワーメニュー内での表示制御 */
.drawer .mnavitype02 .mnaviArea .LoginNavi ul,
.drawer .mnavitype02 .mnaviArea .LinkNavi ul {
	display: flex;
	justify-content: space-between;
}
.drawer .mnavitype02 .mnaviArea .LoginNavi,
.drawer .mnavitype02 .mnaviArea .LinkNavi {width: 100%;}
.drawer .mnavitype02 .mnaviArea .LoginNavi li,
.drawer .mnavitype02 .mnaviArea .LinkNavi li {width: 100%;display: block;margin: 0.2rem;}
.drawer .mnavitype02 .mnaviArea .LoginNavi a,
.drawer .mnavitype02 .mnaviArea .LinkNavi a {width: 100%;}
.drawer .mnavitype02 .memInfoBox {padding: 0.5rem 0;}

@media screen and (max-width: 480px) {
	.mnavitype02 .mnaviArea .LoginNavi ul {margin-bottom: 0.5rem;gap: 0 0.4rem;}
}
/* ** dezpt_mvavi02 end ** */

/* ** dezpt_mvavi03 start ** */
/*** mvavi03: 会員遷移ボタンデザインパターン03(アイコン無しテキストのみボタン) ***/

/* ボタン制御 */
.mnavitype03 {margin: 0.5rem 0;}
.mnavitype03 .mnaviArea .LoginNavi,
.mnavitype03 .mnaviArea .LinkNavi {margin: 0;padding: 0;}
.mnavitype03 .mnaviArea nav {display: inline-block;vertical-align: middle;}
.mnavitype03 .mnaviArea .LoginNavi li,
.mnavitype03 .mnaviArea .LinkNavi li {
	display: inline-block;
	vertical-align: middle;
}
.mnavitype03 .mnaviArea .LoginNavi a,
.mnavitype03 .mnaviArea .LinkNavi a {
	width: 90px;
	margin: 0.2rem;
	padding: 0.5rem 0;
}
.mnavitype03 .mnaviArea .NaviIcoSvg {display: none;}

/* カートに入っている数量 */
.mnavitype03 .mnaviArea span.PrdCntDisp {
	bottom: 10px;
	left: 65px;
}
/* 会員情報表示制御 */
.mnavitype03 .memInfoBox {padding: 0.5rem 1.0rem 0 0;}
.mnavitype03 .member_info {margin: 0;}

/* ドロワーメニュー内での表示制御 */
.drawer .mnavitype03 .mnaviArea .LoginNavi ul,
.drawer .mnavitype03 .mnaviArea .LinkNavi ul {
	display: flex;
	justify-content: space-between;
}
.drawer .mnavitype03 .mnaviArea .LoginNavi,
.drawer .mnavitype03 .mnaviArea .LinkNavi {width: 100%;}
.drawer .mnavitype03 .mnaviArea nav {display: block;}
.drawer .mnavitype03 .mnaviArea .LoginNavi li,
.drawer .mnavitype03 .mnaviArea .LinkNavi li {width: 100%;display: block;margin: 0.2rem;}
.drawer .mnavitype03 .mnaviArea .LoginNavi a,
.drawer .mnavitype03 .mnaviArea .LinkNavi a {width: 100%;}
.drawer .mnavitype03 .memInfoBox {padding: 0.5rem 0;}

@media screen and (max-width: 480px) {
	.mnavitype03 .mnaviArea .LoginNavi ul {margin-bottom: 0.5rem;gap: 0 0.4rem;}
	.mnavitype03 .member_info {padding: 1.0rem 1.0rem;}
}
/* ** dezpt_mvavi03 end ** */

/* ** dezpt_mvavi04 start ** */
/*** mvavi04: 会員遷移ボタンデザインパターン04(アイコンのみボタン小サイズ) ***/

/* ボタン制御 */
.mnavitype04 {margin: 0.5rem 0;}
.mnavitype04 .mnaviArea .LoginNavi,
.mnavitype04 .mnaviArea .LinkNavi {margin: 0;padding: 0;}
.mnavitype04 .mnaviArea nav {display: inline-block;vertical-align: middle;}
.mnavitype04 .mnaviArea .LoginNavi li,
.mnavitype04 .mnaviArea .LinkNavi li {
	display: inline-block;
	vertical-align: middle;
}
.mnavitype04 .mnaviArea .LoginNavi a,
.mnavitype04 .mnaviArea .LinkNavi a {
	width: 50px;
	height: 35px;
	margin: 0 0.2rem;
	padding: 0.5rem;
}
.mnavitype04 span.mnaviUTxt {display: none;}
.mnavitype04 .mnaviArea .NaviIcoSvg {
	width:26px;
	height:26px;
	fill: var(--app-mnaviArea-txt); /* テキスト色 */
}
/* カートに入っている数量 */
.mnavitype04 .mnaviArea span.PrdCntDisp {
	bottom: 10px;
	left: 25px;
}
/* 会員情報表示制御 */
.mnavitype04 .memInfoBox {padding: 0.3rem 1.0rem 0 0;}

/* ドロワーメニュー内での表示制御 */
.drawer .mnavitype04 .mnaviArea {width: max-content;margin: 1.0rem auto;}
.drawer .mnavitype04 .mnaviArea .LoginNavi a,
.drawer .mnavitype04 .mnaviArea .LinkNavi a {
	width: 50px;
	height: 50px;
	margin: 0 0.2rem;
	padding: 0.5rem;
}
/* ボタンアイコンサイズ */
.drawer .mnavitype04 .mnaviArea .NaviIcoSvg {width:40px;height:40px;}

/* ** dezpt_mvavi04 end ** */

/* ** dezpt_mvavi_tooltip start ** */

/* カーソル重ねる要素 */
.tooltip {
	position: relative; /* ツールチップの位置の基準に */
	cursor: pointer; /* カーソルを当てたときにポインターに */
}
/* ツールチップのテキスト */
span.tooltip-text {
	opacity: 0; /* 初期非表示 */
	visibility: hidden; /* 初期非表示 */
	position: absolute; /* 絶対配置 */
	left: 50%; /* 親に対して中央配置 */
	transform: translateX(-50%); /* 親に対して中央配置 */
	bottom: -30px; /* 親要素下からの位置 */
	display: inline-block;
	padding: 0.5rem 1.0rem; /* パディング */
	white-space: nowrap; /* テキストを折り返さない */
	font-size: 1.2rem; /* フォントサイズ */
	line-height: 1.3; /* 行間 */
	color: #fff; /* テキスト色 */
	background: #171717; /* 背景色 */
	border-radius: var(--app-tooltip-rod);-webkit-border-radius: var(--app-tooltip-rod);-moz-border-radius: var(--app-tooltip-rod); /* 角丸 */
	transition: 0.3s ease-in; /* アニメーション */
	z-index: 999;
}
/* ホバー時にツールチップの非表示を解除 */
.tooltip:hover span.tooltip-text {opacity: 1;visibility: visible;}

/* ** dezpt_mvavi_tooltip end ** */

/*************************** ログイン者表示パーツ ***************************/

/* ** dezpt_member_info start ** */

/****************** ログイン者表示要素 ******************/

/* サムネイル写真指定 */
.member_info .member_info_thumbnail,
.member_info_pd .member_info_thumbnail {display: inline-block;overflow: hidden;position: relative;border-radius: 0.2rem;}
.member_info .member_info_thumbnail img,
.member_info_pd .member_info_thumbnail img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 100%;height: auto;}
.member_info .member_info_thumbnail,
.member_info_pd .member_info_thumbnail {width: 35px;height: 35px;}

/* 写真表示(サークル) */
.photo_circleOn .member_info .member_info_thumbnail,
.photo_circleOn .member_info_pd .member_info_thumbnail {display: inline-block;overflow: hidden;position: relative;border-radius: 50%;}

/* ログイン者氏名指定 (写真付き) */
.member_info_txt,
.member_info_pd_txt {margin-left: 1.0rem;line-height: 1.0;}
.member_info_txt {width: 80%;}
.member_info_txt .LoginName,
.member_info_pd_txt .LoginName {padding-bottom: 0.2rem;}

/* ログイン者会員番号 */
.member_info_txt .LoginMemNo,
.member_info_pd_txt .LoginMemNo,
.member_info_name_txt .LoginMemNo {
	font-weight: bold;
	font-size: clamp(1.0rem, 1.0vw, 1.0rem);
	line-height: 1.2;
}
/* ログイン者氏名指定 (写真無) */
.member_info_name_txt {line-height: 1.0;}
.member_info_name_txt p {display: inline-block;}
.member_info_name_txt .LoginName {padding-right: 1.0rem;}

/* ログイン者氏名指定*/
.member_info_txt .LoginName,
.member_info_pd_txt .LoginName,
.member_info_name_txt .LoginName {
	font-weight: bold;
	font-size: clamp(1.2rem, 1.2vw, 1.3rem);
	line-height: 1.2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*** ログイン者情報表示枠 ***/

/* ログイン情報（写真付き） */
.memInfoBox {display: block;width: var(--memInfo-size);}
.member_info {
	display: flex;
	align-items: center;
	padding: 0.5rem;
	border-radius: var(--memInfo-rod);-webkit-border-radius: var(--memInfo-rod);-moz-border-radius: var(--memInfo-rod); /* 角丸 */
	color: var(--memInfo-txt);  /* テキスト色 */
	border: var(--memInfo-brd); /* ボーダー指定 */
	background: var(--memInfo-bg); /* 背景色 */
}
/* ログイン情報(氏名のみ) */
.member_info_name {
	display: flex;
	padding: 0.5rem 1.0rem;
	border-radius: var(--memInfo-rod);-webkit-border-radius: var(--memInfo-rod);-moz-border-radius: var(--memInfo-rod); /* 角丸 */
	color: var(--memInfo-txt);  /* テキスト色 */
	border: var(--memInfo-brd); /* ボーダー指定 */
	background: var(--memInfo-bg); /* 背景色 */
}
/* ログイン情報(プルダウン型) */
.member_info_pd {
	display: flex;
	padding: 0;
	border-radius: var(--memInfo-rod);-webkit-border-radius: var(--memInfo-rod);-moz-border-radius: var(--memInfo-rod); /* 角丸 */
	color: var(--memInfo-txt);  /* テキスト色 */
	border: var(--memInfo-brd); /* ボーダー指定 */
	background: var(--memInfo-bg); /* 背景色 */
}
/* プルダウン処理 */
.member_info_pd ul {list-style: none;}
.member_info_pd li {
	width: 100%;
	display: block;
	padding: 0.5rem 1.0rem;
	cursor: pointer;
}
.member_info_pd li:hover {
	background: var(--memInfo-bg); /* 背景色 */
}
/* テキストエリア */
.member_info_pd_txt {
	width: 75%;
	display: inline-block;
	margin-top: 0.2rem;
	margin-left: 0;
	padding: 0;
	line-height: 1.0;
	vertical-align: top;
}
/* プルダウンメニュー */
.member_info_pd_menu {
	width: calc(var(--memInfo-size) - 1.0rem);/* 枠サイズ */
	display: none;
	position: absolute;
	margin-left: -1.0rem;
	margin-top: 0.6rem;
	padding: 0;
	z-index: 10;
	background: var(--memberinfopd-bg); /* 背景色 */
	border-left: var(--memberinfopd-brd); /* ボーダー指定 */
	border-right: var(--memberinfopd-brd); /* ボーダー指定 */
}
.member_info_pd_menu li {
	border-bottom: var(--memberinfopd-brd); /* ボーダー指定 */
}
.member_info_pd_menu li a{
    padding: 1.0rem 0.5rem;
    margin: 0;
    display: block;
    color:  var(--memberinfopd-txt); /* テキスト色 */
    font-size: var(--font-memberinfopd); /* フォントサイズ */
    font-weight: bold;
}
.member_info_pd_menu li a:hover {filter: alpha(opacity=65);-moz-opacity:0.75;opacity:0.75;text-decoration: none;}

@media screen and (max-width: 480px) {
	.member_info_pd_txt {width: 75%;}
}
/****** 通知アイコン ******/

/*** 通知基本設定 ***/
.fmcicon {display: inline-flex;align-items: center;position: relative;}
.fmcicon svg {
	width: 20px;
	height: 20px;
	fill: var(--fmcicon-bg); /* 通知アイコン 基本 背景色 */
}
/* 通知アイコン上×アイコン指定（基本表示無し） */
.fmcicon .ban {display: none;}

/* 通知詳細テキスト表示枠 */
.fmcicon:hover #fmctxt {
	position: absolute;
	right: calc(100% + 0.8rem);
	top: 50%;
	transform: translateY(-50%);
	white-space: nowrap;
	display: block;
	padding: 0.4rem 1.0rem;
	border-radius: var(--fmcicon-rod);-webkit-border-radius: var(--fmcicon-rod);-moz-border-radius: var(--fmcicon-rod); /* 角丸 */
	background: var(--denied-bg); /* 通知アイコン 通知無効状態 背景色 */
	color: var(--fmcicon-txt); /* テキスト色 */
	font-size: var(--font-fmctxt);/*通知アイコン フォントサイズ*/
}
#fmctxt {display:none;}
#fmctxt::before{
	content: "";
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translateY(-50%);
	height: 0;
	width: 0;
	border: 3px solid transparent;
	border-left: var(--denied-brd);  /* 通知アイコン 通知無効状態 ボーダー指定 */
}
/*** 通知有効 granted ***/
.granted svg {
	fill: var(--granted-bg); /* 通知アイコン 通知有効 背景色 */
}
.granted #fmctxt::before{
	border-left: var(--granted-brd); /* 通知アイコン 通知有効 ボーダー指定 */
}
.fmcicon.granted:hover #fmctxt {background: var(--granted-bg);} /* 通知アイコン 通知有効 背景色 */

/*** 通知ブロック denied ***/
/*** 通知無効 default ***/
/*** 通知利用きないブラウザ disallow ***/
/*** 通知利用きない disable ***/

.fmcicon.denied .ban,
.fmcicon.default .ban,
.fmcicon.disallow .ban,
.fmcicon.disable .ban {
	display: block;
	position: absolute;
	top:0;
	bottom:0;
	left:-0;
	right:0;
	margin: auto;
	fill: var(--denied-bg); /* 通知アイコン 通知無効状態 背景色 */
}
.member_info .fmcicon.denied .ban,
.member_info .fmcicon.default .ban,
.member_info .fmcicon.disallow .ban,
.member_info .fmcicon.disable .ban {top: 4px;}

/* プルダウンメニュー時のアイコン位置調整 */
.member_info_pd .fmcicon,
.member_info_pd .fmcicon.denied,
.member_info_pd .fmcicon.default,
.member_info_pd .fmcicon.granted,
.member_info_pd .fmcicon.disallow,
.member_info_pd .fmcicon.disable {right: 0;top: -5px;}

/* プッシュ通知ボタン */
ul.pwa_pushBt {list-style: none;padding: 0.5rem;}
ul.pwa_pushBt li a {
    margin: 0;
    padding: var(--pushBt-pd);  /* パディング */
    display: block;
	border-radius: var(--pushBt-rod);-webkit-border-radius: var(--pushBt-rod);-moz-border-radius: var(--pushBt-rod); /* 角丸 */
	color: var(--pushBt-txt);  /* テキスト色 */
	border: var(--pushBt-brd); /* ボーダー指定 */
	background: var(--pushBt-bg); /* 背景色 */
	font-size: var(--font-pushBt);/* フォントサイズ */
	font-weight: bold;
	text-align: center;
}
ul.pwa_pushBt li a:hover {filter: alpha(opacity=65);-moz-opacity:0.75;opacity:0.75;text-decoration: none;}

/* ** dezpt_member_info end ** */

/*************************** 入力ステップパーツ ***************************/

/* ** dezpt_step start ** */
/*** ステップ基本デザイン ***/
/* 枠ボックス */
.step_flow {
	margin: 0 auto;
	padding: 0;
	background: var(--step-bsc-bg); /* 外枠背景色 */
}
.step_flow ul {
	margin: 0 auto;
	padding: 0;
	display: -ms-flexbox;
	display: flex;
	gap: 0 0.2rem;
	list-style: none;
}
/* 項目要素 */
.step_flow li {
	width: 100%;
	padding: 1.0rem 0;
	text-align: center;
	color: var(--step-bsc-txt); /* テキスト色 */
	background: var(--step-bscInn-bg); /* 内枠背景色 */
}
.step_flow li.crt {
	color: var(--step-bsc-lifc-txt); /* テキスト色（カレント） */
	background: var(--step-bsc-lifc-bg); /* 背景色（カレント） */
}
/* ステップ項目テキスト要素 */
.step_flow p.flow_ti,
.step_flow p.flow_com {font-weight: bold;}
.step_flow p.flow_ti {font-size: clamp(1.4rem, 1.4vw, 1.8rem);}
.step_flow p.flow_com {font-size: clamp(1.0rem, 1.0vw, 1.0rem);}

/* デザインパターン(ボタン形式) */
.step_dezpt01 .step_flow ul {padding: 0.5rem 0;}
.step_dezpt01 .step_flow li {
	border-radius: var(--step-bsc-li-rod);-webkit-border-radius: var(--step-bsc-li-rod);-moz-border-radius: var(--step-bsc-li-rod); /* 角丸 */
	border: var(--step-bsc-brd);  /* ボーダー指定 */
}
/* デザインパターン(ドット形式) */
.step_dezpt02 .step_flow {background: none;}
.step_dezpt02 .step_flow ul {position: relative;margin: 0 auto;padding: 0;display: flex;justify-content: space-between;gap: 0 0;}
.step_dezpt02 .step_flow li {
	position: relative;
	list-style-type: none;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	color: var(--step-bg-nml);
	font-weight: bold;
	counter-increment: steps;
}
.step_dezpt02 .step_flow li:before {
	display: block;
	position: relative;
	z-index: 1;
	width: 26px;
	height: 26px;
	margin: 0.7rem auto 1.0rem auto;
	content: '';
	line-height: 26px;
	font-size: 1.2rem;
	text-align: center;
	border-radius: 50%;
	background-color: var(--step-bg-nml);
	content: counter(steps);
}
.step_dezpt02 .step_flow li:after {
	position: absolute;
	z-index: 0;
	top: 2.8rem;
	left: -50%;
	width: 100%;
	height: 3px;
	content: '';
	background-color: var(--step-bg-nml);
}
.step_dezpt02 .step_flow li:first-child:after {content: none;}
.step_dezpt02 .step_flow li.crt,
.step_dezpt02 .step_flow li.complete{color: var(--step-bg-crt);background: none;}
.step_dezpt02 .step_flow li.crt:before,
.step_dezpt02 .step_flow li.complete:before {background-color: var(--step-bg-crt);color: #fff;}
.step_dezpt02 .step_flow li.crt:after,
.step_dezpt02 .step_flow li.complete:after {background-color: var(--step-bg-crt);}

@media screen and (max-width: 700px) {
	.step_flow p.flow_com {display: none;}
}
/* デザインパターン(矢印形式) */
.step_dezpt03 .step_flow ul {margin: 0 auto;padding: 0;display: flex;justify-content: space-between;gap: 0 0;}
.step_dezpt03 .step_flow li {width: 100%;}
.step_dezpt03 .step_flow ul .item {
	position: relative;
	width: 100%;
	text-align: center;
	position: relative;
	align-items: center;
	justify-content: center;
	padding: 1.5rem 0;
	line-height: 1.5;
	background: var(--step-bsc-bg);
	color: var(--step-bsc-txt);
}
.step_dezpt03 .step_flow ul .item:not(:last-child)::before,
.step_dezpt03 .step_flow ul .item:not(:last-child)::after {
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	left: 100%;
	content: '';
	border: 3.7rem solid transparent;
	border-left: 20px solid var(--step-bsc-bg);
	margin: auto;
}
.step_dezpt03 .step_flow ul .item:not(:last-child)::before {margin-left: 1px;border-left-color: #FFF;}

@media screen and (min-width:980px) and ( max-width:1100px) {
	.step_dezpt03 .step_flow ul .item {padding: 1.0rem 0;}
	.step_dezpt03 .step_flow ul .item:not(:last-child)::before,
	.step_dezpt03 .step_flow ul .item:not(:last-child)::after {border-width: 3.0rem;border-left-width: 1.2rem;}
}
@media screen and (max-width: 700px) {
	.step_dezpt03 .step_flow ul .item {padding: 2.0rem 0;}
	.step_dezpt03 .step_flow ul .item:not(:last-child)::before,
	.step_dezpt03 .step_flow ul .item:not(:last-child)::after {border-width: 3.0rem;border-left-width: 1.0rem;}
	.step_dezpt03 .step_flow p.flow_ti {padding-left: 1.3rem;}
}
.step_dezpt03 .step_flow ul .item.crt {
	z-index: 1;
	background: var(--step-bsc-lifc-bg);
	color: var(--step-bsc-lifc-txt);
}
.step_dezpt03 .step_flow ul .item.crt:not(:last-child)::after {border-left-color: var(--step-bsc-lifc-bg);}
.step_dezpt03 .step_flow ul .item.crt:not(:last-child)::before {border-left: none;}

/* ** dezpt_step end ** */

/*************************** SNSシェアパーツ ***************************/

/* ** dezpt_sns01 start ** */
/*** SNSシェア枠要素 ***/
.SNSShareWrap{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }

/*** SNSシェア操作ボタン ***/
.SNSShareNative{
	display:inline-flex; align-items:center; gap:.5em;
	padding:.8em 1em; border-radius:var(--SNS-rod); border: var(--SNSshare-brd);
	background: var(--SNSshare-bg); color: var(--SNSshare-txt); cursor:pointer; transition:.2s;
}
.SNSShareNative:hover{ transform:translateY(-1px); }

@media screen and (max-width: 450px) {
	.SNSShareNative{width: 100%;}
}
/* SNSシェアアイコン */
.SNSShareList{ display:flex; gap:0.5rem; flex-wrap:wrap; }
.SNSShareList li{ list-style: none; }
.SNSShareList .shareBtn{
	width:42px; height:42px; display:flex; align-items:center; justify-content:center;
	border-radius:50%; background: var(--SNSshare-ico-bg); color: var(--SNSshare-txt); transition:.25s;
}
.SNSShareList .shareBtn:hover{ transform:translateY(-2px); }
.SNSShareList [data-sns="x"]:hover{ background:var(--x-bg); color:var(--SNSshare-ico-txt); }
.SNSShareList [data-sns="facebook"]:hover{ background:var(--facebook-bg); color:var(--SNSshare-ico-txt); }
.SNSShareList [data-sns="linkedin"]:hover{ background:var(--linkedin-bg); color:var(--SNSshare-ico-txt); }
.SNSShareList [data-sns="line"]:hover{ background:var(--line-bg); color:var(--SNSshare-ico-txt); }

.SNSShareWrap.no-native-share .SNSShareList { display: none; }
.SNSShareWrap.no-native-share.is-open .SNSShareList { display: flex; }

/* ** dezpt_sns01 end ** */

/* ** dezpt_sns02 start ** */
/*** SNSリンク設置 ***/
/* 基本設定 */
.snsblckArea {
	margin: 0 auto;
	padding: 1.0rem 0;
	background: #171717;
	text-align: center;
}
ul.snsblckAreaInn {display: flex;justify-content: center;align-items: center;}
ul.snsblckAreaInn li {list-style: none;}
.snsblckAreaInn a {
	color: #fff;
	width: 55px;
	height: 55px;
	font-size: 2.5rem;
	margin: 0 0.5rem;
	padding: 1.7rem 1.0rem 1.0rem 1.0rem;
	display: block;
	border-radius: 50%;
	background: #999;
}
.snsblckAreaInn a:hover {filter: alpha(opacity=65);-moz-opacity:0.75;opacity:0.75;text-decoration: none;}

/* ** dezpt_sns02 end ** */

/*************************** タグ検索要素 ***************************/

/* ** dezpt_tag_search start ** */
/*** タグ検索要素 ***/

/* タグ検索基本枠ボックス */
.tagSearch {
	margin: 0 auto;
	padding: 1.0rem 0;
	color: var(--tagSearch-txt); /* テキスト色 */
	background: var(--tagSearch-bg); /* 背景色 */
	border-radius: var(--tagSearch-rod);-webkit-border-radius: var(--tagSearch-rod);-moz-border-radius: var(--tagSearch-rod); /* 角丸 */
	border: var(--tagSearch-brd); /* ボーダー指定 */
}
.sideClnD .tagSearch,
.sideClnS .tagSearch {padding-left: 0;padding-right: 0;}

/* タグ検索タイトル */
.tagSearchTi {
	margin: 0 auto;
	padding: 1.0rem;
	text-align: left;
	color: var(--tagSearchTi-txt); /* テキスト色 */
	background: var(--tagSearchTi-bg); /* 背景色 */
	border-radius: var(--tagSearch-rod);-webkit-border-radius: var(--tagSearch-rod);-moz-border-radius: var(--tagSearch-rod); /* 角丸 */
	border: var(--tagSearchTi-brd); /* ボーダー指定 */
	font-size: clamp(1.4rem, 1.2vw, 1.6rem);
	line-height: 1.2em;
}
/* タグ検索内枠 */
.tagSearchInn {
	position: relative;
	margin: 0 auto;
	padding: 1.0rem 0;
	background: var(--tagSearch-bg); /* 背景色 */
}
.tagSearch ul {list-style: none;}

/* タグ検索もっと見るボタン */
.grad-btn {
	z-index: 3;
	position: absolute;
	right: 0;
	bottom: -40px; /* ボタン位置 */
	left: 0;
	width: 200px; /* ボタンサイズ */
	margin: auto;
	padding: 1.0rem 0;
	text-align: center;
	cursor: pointer;
	transition: .2s ease;
	color: var(--tagSearchBt-txt); /* テキスト色 */
	background: var(--tagSearchBt-bg); /* 背景色 */
	border-radius: var(--tagSearchBt-rod);-webkit-border-radius: var(--tagSearchBt-rod);-moz-border-radius: var(--tagSearchBt-rod); /* 角丸 */
	border: var(--tagSearchBt-brd); /* ボーダー指定 */
	font-size: clamp(1.4rem, 1.0vw, 1.4rem);
}
.grad-btn::before{content:attr(data-open);}
.tagSearch ul.tagLink {
	position: relative;
	overflow: hidden;
	height: 100px;
}
.tagSearch ul.tagLink::before {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px; /* ボタン位置に合わせた高さ指定 */
	content: "";
	background: -webkit-linear-gradient(top, transparent 0%, var(--tagSearch-bg) 100%); /* 背景色 */
	background: ; var(--tagSearchGd-bg); /* 背景色グラデーション */
}
.grad-trigger {display: none;}
.grad-trigger:checked ~ .grad-btn::before {content: attr(data-close)}
.grad-trigger:checked ~ .tagLink {height: auto;}
.grad-trigger:checked ~ .tagLink::before {display: none;}

/* タグアイコン共通設定 */
.tagSearch .tagLink li,
.detTagLink li {list-style: none;float: left;margin-bottom: 4px;margin-right: 4px;}
.ListBox .column .tagLink a,
.ListBox .ListTSgle .tagLink a,
.tagSearch .tagLink a,
.detTagLink a {
	margin: 0 0.2rem;
	padding: 0.8rem 1.0rem;
	display: flex;
	align-items: center;
	min-height: 1.5rem;
	font-weight: bold;
    color: var(--TagLink-txt); /* テキスト色 */
    background: var(--TagLink-bg); /* 背景色 */
	border-radius: var(--tagLink-rod);-webkit-border-radius: var(--tagLink-rod);-moz-border-radius: var(--tagLink-rod); /* 角丸 */
    border: 1px solid var(--TagLink-brd); /* ボーダー指定 */
}
.ListBox .column .tagLink a:hover,
.ListBox .ListTSgle .tagLink a:hover,
.tagSearch .tagLink a:hover,
.detTagLink a:hover {filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;text-decoration:none;}
.detTagLink {display:block;margin: 0 auto;}
.detTagLink li {margin: 0 auto;padding: 1.0rem 0;}
.tagSearch .tagLink a,
.detTagLink a,
.detTagLink {
	font-size: clamp(1.2rem, 1.0vw, 1.2rem);/* フォントサイズ */
}
/* ** dezpt_tag_search end ** */

/*************************** 詳細ページアイコンパーツ ***************************/

/* ** dezpt_contents_parts start ** */
/*** コンテンツ詳細でのカテゴリアイコン表記 ***/

/* カテゴリアイコン共通設定 */
ul.DetcateName {margin: 0 auto;padding: 1.0rem 0;list-style: none;}
ul.DetcateName li {float: left;padding: 0 0.5rem 0 0;}
ul.DetcateName span.DetcateIco {
	margin: 0;
	padding: 0.5rem 1.0rem;
	border-radius: var(--DetcateName-rod);-webkit-border-radius: var(--DetcateName-rod);-moz-border-radius: var(--DetcateName-rod); /* 角丸 */
}
ul.DetcateName span.DetcateIco {
	color:  var(--DetcateName-txt); /* テキスト色 */
	font-size: clamp(1.2rem, 1.0vw, 1.2rem); /* フォントサイズ */
	font-weight: bold;
}
/*** コンテンツ詳細での閲覧数・コメント・いいね数・日付表示 ***/

/* 共通設定 */
.rank_date_c_area {margin: 0 auto;padding: 1.5rem 0;}

/* 詳細画面ビュー数等アイコン */
.rank_date_c_area p.view,
.rank_date_c_area p.like,
.rank_date_c_area p.comment {float: left;padding: 0.1rem 1.0rem 0 3.5rem;}
.rank_date_c_area p.view,
.rank_date_c_area p.like,
.rank_date_c_area p.comment {
	font-size: clamp(1.2rem, 1.2vw, 1.4rem);
	font-weight: bold;
}
/* 詳細登録日時表示 */
.rank_date_c_area p.date {
	font-size: clamp(1.2rem, 1.0vw, 1.2rem);
	font-weight: bold;
}
/*** いいね・お気に入りボタン設置個別指定 ***/

/* 共通設定 */
.siteShareBox,
.siteFavoriteBox {margin: 0 auto;padding: 1.0rem 0;}
.siteShareInn,
.siteFavoriteInn {margin: 0;padding: 0;}

/* いいね・お気に入りボタン設置個別指定 */
.siteShare,
.BrdSiteAcs,
.BrdSiteShare,
.BrdSiteRes,
.BrdSiteRep,
.siteShareNo {float: left;margin: 0 0.2rem;}
.siteShare a,
.siteShare span,
.siteFavorite a,
.siteFavorite span,
.BrdSiteShare span,
.BrdSiteRes span,
.BrdSiteAcs span,
.BrdSiteRep span {
	display: block;
	padding: 0.5rem 2.0rem 0.5rem 4.0rem;
	border-radius: var(--siteShareFavorite-rod);-webkit-border-radius: var(--siteShareFavorite-rod);-moz-border-radius: var(--siteShareFavorite-rod); /* 角丸 */
	font-weight: bold;
}
.siteShare a,
.siteShare span,
.siteFavorite a,
.siteFavorite span,
.BrdSiteShare span,
.BrdSiteRes span,
.BrdSiteAcs span,
.BrdSiteRep span,
.siteShareNo {font-size: clamp(1.2rem, 1.2vw, 1.4rem);}
.siteShareNo {
	padding: 0.5rem 2.0rem;
	border-radius: var(--siteShareFavorite-rod);-webkit-border-radius: var(--siteShareFavorite-rod);-moz-border-radius: var(--siteShareFavorite-rod); /* 角丸 */
	font-weight: bold;
}
/* いいねボタン装飾 */
.siteShare a {
	background: url(../../../core_sys/common/images/sys/share_ico.png) 6px center no-repeat var(--siteShareFavorite-bg);/* 背景色 */
	color: var(--siteShareFavorite-txt);/* テキスト色 */
	border: var(--siteShareFavorite-brd); /* ボーダー指定 */
}
.siteShare span {
	background: url(../../../core_sys/common/images/sys/share_ico_n.png) 6px center no-repeat var(--siteShareFavorite-dis-bg); /* 背景色（disable時） */
	color: var(--siteShareFavorite-dis-txt); /* テキスト色（disable時） */
	border: var(--siteShareFavorite-dis-brd); /* ボーダー指定（disable時） */
}
.siteShare a.crt,
.siteShare a:hover {
	background: url(../../../core_sys/common/images/sys/share_ico_w.png) 6px center no-repeat var(--siteShareFavorite-fc-bg);/* 背景色（カレント） */
	color: var(--siteShareFavorite-fc-txt); /* テキスト色（カレント） */
	border: var(--siteShareFavorite-fc-brd);  /* ボーダー指定（カレント） */
	text-decoration: none;
}
.BrdSiteShare span {
	background: url(../../../core_sys/common/images/sys/share_ico.png) 6px center no-repeat var(--siteShareFavorite-bg);/* 背景色 */
	color: var(--siteShareFavorite-txt);/* テキスト色 */
	border: var(--siteShareFavorite-brd); /* ボーダー指定 */
}
.BrdSiteRes span {
	background: url(../../../core_sys/common/images/sys/res_ico.png) 6px center no-repeat var(--siteShareFavorite-bg);/* 背景色 */
	color: var(--siteShareFavorite-txt);/* テキスト色 */
	border: var(--siteShareFavorite-brd); /* ボーダー指定 */
}
.BrdSiteAcs span {
	background: url(../../../core_sys/common/images/sys/acs_ico.png) 6px center no-repeat var(--siteShareFavorite-bg);/* 背景色 */
	color: var(--siteShareFavorite-txt);/* テキスト色 */
	border: var(--siteShareFavorite-brd); /* ボーダー指定 */
}
.BrdSiteRep span {
	background: url(../../../core_sys/common/images/sys/rep_ico.png) 6px center no-repeat var(--siteShareFavorite-bg);/* 背景色 */
	color: var(--siteShareFavorite-txt);/* テキスト色 */
	border: var(--siteShareFavorite-brd); /* ボーダー指定 */
}
.siteShareNo {
	color: var(--siteShareFavorite-txt);/* 背景色 */
	border: var(--siteShareFavorite-brd); /* テキスト色 */
	background: var(--var(--siteShareFavorite-bg));/* ボーダー指定 */
}
/* お気に入りボタン装飾 */
.siteFavorite a {
	background: url(../../../core_sys/common/images/sys/favorite_ico.png) 6px center no-repeat var(--siteShareFavorite-bg);/* 背景色 */
	color: var(--siteShareFavorite-txt);/* テキスト色 */
	border: var(--siteShareFavorite-brd); /* ボーダー指定 */
}
.siteFavorite span {
	background: url(../../../core_sys/common/images/sys/favorite_ico_n.png) 6px center no-repeat var(--siteShareFavorite-dis-bg); /* 背景色（disable時） */
	color: var(--siteShareFavorite-dis-txt); /* テキスト色（disable時） */
	border: var(--siteShareFavorite-dis-brd); /* ボーダー指定（disable時） */
}
.siteFavorite a.crt,
.siteFavorite a:hover {
	background: url(../../../core_sys/common/images/sys/favorite_ico_w.png) 6px center no-repeat var(--siteShareFavorite-fc-bg);/* 背景色（カレント） */
	color: var(--siteShareFavorite-fc-txt); /* テキスト色（カレント） */
	border: var(--siteShareFavorite-fc-brd);  /* ボーダー指定（カレント） */
	text-decoration: none;
}
@media screen and (max-width: 480px) {
	.siteShare,
	.BrdSiteAcs,
	.BrdSiteShare,
	.BrdSiteRes,
	.BrdSiteRep,
	.siteShareNo {margin: 0 0.1rem;}
	.siteShare a,
	.siteShare span,
	.siteFavorite a,
	.siteFavorite span,
	.BrdSiteShare span,
	.BrdSiteRes span,
	.BrdSiteAcs span,
	.BrdSiteRep span {padding: 0.5rem 1.0rem 0.5rem 3.0rem;}
	.siteShareNo {padding: 0.5rem 1.0rem;}
}
/* ** dezpt_contents_parts end ** */

/*************************** 検索関連パーツ ***************************/

/* ** dezpt_search_box start ** */
/*** 検索ボックス ***/
.searchBox,
.searchBoxInn {
	margin-left: auto;
	margin-right: auto;
}
.searchBoxInn {
	border-radius: var(--searchBox-rod);-webkit-border-radius: var(--searchBox-rod);-moz-border-radius: var(--searchBox-rod); /* 角丸 */
}
/*** 枠ボックス個別設定 ***/
/* 基本枠 */
.searchBox {width: 100%;padding: 2.0rem;}
.searchBoxInn {
	width: 100%;
	margin-bottom: 1.0rem;
	padding: 1.5rem;
	border: 1px solid #dedede;
	background: #fff;
	box-shadow: inhelit;
}
@media screen and (max-width: 480px) {
	.searchBoxInn {
		margin-bottom: 0;
		padding: 0.5rem 1.0rem;
		border: none;
	}
}
/*** 通常表示時 schdezpt01 ***/


/*** モーダル検索時 schdezpt02 ***/

/* ボタン処理基本 */
.shbtnSch,
.shbtnSchclose {display: none;}
.modal-search-bt {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 0 1.0rem;
}
/* ボタン処理個別指定 */
.schdezpt_modal .shbtnSch {
	display: block;
	cursor:pointer;
	width: 3.5rem;
	padding: 0.5rem;
}
.schdezpt_modal .shbtnSchclose {
	display: block;
	width: 3.0rem;
	height: 3.0rem;
	cursor: pointer;
	position: fixed;
	top:4px;
	right:10px;
}
.schdezpt_modal .shbtnSchclose::before,
.schdezpt_modal .shbtnSchclose::after{
	content:"";
	display:block;
	width: 3.0rem;
	height: 0.4rem;
	border-radius: 2px;
	background: var(--closeBtn-bg);
	position: absolute;
	top:0;right:0;bottom:0;left:0;
	margin: auto;
}
.schdezpt_modal .shbtnSchclose::before{transform:rotate(45deg);}
.schdezpt_modal .shbtnSchclose::after{transform:rotate(-45deg);}

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

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

/* モーダル右から左 */
.actR.schdezpt_modal .modal-search-box {-webkit-transform: translate(100%, 0);transform: translate(100%, 0);right:0;}
.actL.schdezpt_modal .modal-search-box.action,
.actR.schdezpt_modal .modal-search-box.action {-webkit-transform:translateX(0);transform:translateX(0);overflow-y:auto;-webkit-overflow-scrolling:touch;}
.schdezpt_modal.slcs .modal-search-box {
	background-color: var(--sp-slnavi-cs); /* スマホスライドメニュー背景白 */
	border-left:1px solid var(--sp-slnavi-cs-bd); /* スライドメニュー背景白ボーダー */
}
.schdezpt_modal.slcsb .modal-search-box {
	background-color: var(--sp-slnavi-csb); /* スライドメニュー背景黒 */
	border-left:1px solid var(--sp-slnavi-csb-bd); /* スライドメニュー背景黒ボーダー */
}
/* モーダル検索を自由にどこでも配置するための処理 */
.schdezpt_modal .modal-search-box {top: 0;}
.schdezpt_modal .modal-search-box.action{width: 50%;} /* 検索ウィンドウサイズ */
.popupArea .schdezpt_modal .modal-search-box.action{width: 80%;} /* 検索ウィンドウサイズ */

@media screen and (max-width: 600px) {
	.schdezpt_modal .modal-search-box.action{width: 100%;} /* 検索ウィンドウサイズ */
	.popupArea .schdezpt_modal .modal-search-box.action{width: 100%;} /* 検索ウィンドウサイズ */
}
/* ** dezpt_search_box end ** */

/* ** dezpt_search01 start ** */
/*** キーワード検索 ***/
/* 共通設定 Design Pattern Default */
.search_container {
	width: 100%;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	display: block;
	margin: 0 auto;
	padding: 0.5rem 1.0rem;
	border-radius: var(--contsearch-rod);-webkit-border-radius: var(--contsearch-rod);-moz-border-radius: var(--contsearch-rod); /* 角丸 */
	background: var(--contsearch-bg); /* 背景色 */
	border: var(--contsearch-brd); /* ボーダー指定 */
	box-shadow: var(--contsearch-sd); /* 背景影色 */
	font-weight: bold;
}
.search_container {font-size: clamp(1.6rem, 1.6vw, 1.6rem);}
.search_container input[type="text"],
.search_container input[type="search"]{border: none;width: 100%;height: 2.0em;}
.search_container input[type="search"]::-webkit-search-cancel-button {
	position: absolute;
	width: 3.0rem;
	height: 3.0rem;
	right: 6.5rem;
	cursor:pointer;
}
.search_container input[type="text"]:focus,
.search_container input[type="search"]:focus {outline: 0;}
.search_container input[type="button"],
.search_container input[type="submit"]{
	cursor: pointer;
	border: none;
	position: absolute;
	width: 4.0em;
	height: 3.5em;
	right:-5px;
	top: -5px;
	outline : none;
	-webkit-appearance: none;
	border-radius: 0;
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
	background: var(--contsearch-bt-bg); /* 背景色 */
	color: var(--contsearch-txt); /* テキスト色 */
}
/* Design Pattern ICON */
.sch_dezpt_ico .search_container input[type="search"]::-webkit-search-cancel-button {
	right: 4.5rem;
}
.sch_dezpt_ico .search_container input[type="button"],
.sch_dezpt_ico .search_container input[type="submit"]{
	width: 4.5rem;
	height: 4.5rem;
	font-size: 0;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgba(255,255,255,1)" width="24" height="24" d="M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z"/></svg>') center center var(--contsearch-bt-bg) no-repeat;
	background-size: 2.0rem 2.0rem;
}
/* Design Pattern RD */
.sch_dezpt_rd .search_container {
	border-radius: 10.5rem;-webkit-border-radius: 10.5rem;-moz-border-radius: 10.5rem; /* 角丸 */
}
/* ** dezpt_search01 end ** */

/* ** dezpt_search02 start ** */
/*** キーワード検索(ボタン分離) ***/
.search_container_sepl {display: flex;justify-content: flex-end;align-items: center;}
.seplTxt {
	margin: 0 0.5rem 0 0;
	padding: 1.2rem;
	border-radius: var(--contsearch-sepl-rod);-webkit-border-radius: var(--contsearch-sepl-rod);-moz-border-radius: var(--contsearch-sepl-rod); /* 角丸 */
	background: var(--contsearch-sepl-bg); /* 背景色 */
	border: var(--contsearch-sepl-brd); /* ボーダー指定 */
	box-shadow: var(--contsearch-sepl-sd); /* 背景影色 */
	font-size: clamp(1.6rem, 1.6vw, 1.6rem);
	font-weight: normal;
}
.seplTxt.TxtArea {width: 100%;} /* フリーテキスト */
.seplTxt.DayArea {width: 40%;} /* 日付入力 */

@media screen and (max-width: 600px) {
	.seplTxt.DayArea {width: 60%;}
}
.seplBt,
.seplNdBt {
	padding: 1.0rem 1.5rem;
	border-radius: var(--contsearch-sepl-rod);-webkit-border-radius: var(--contsearch-sepl-rod);-moz-border-radius: var(--contsearch-sepl-rod); /* 角丸 */
	background: var(--contsearch-sepl-bt-bg); /* 背景色 */
	color: var(--contsearch-sepl-txt); /* テキスト色 */
	font-weight:bold;
	font-size: clamp(1.4rem, 1.2vw, 1.6rem);
	border: none;
	-webkit-appearance:none;
}
.seplBt:hover,
.seplNdBt:hover {filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;text-decoration:none;}

/* Design Pattern ICON */
.sch_sepl_dezpt_ico .seplBt {
	width: 4.5rem;
	height: 4.5rem;
	font-size: 0;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgba(255,255,255,1)" width="24" height="24" d="M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z"/></svg>') center center var(--contsearch-sepl-bt-bg) no-repeat;
	background-size: 2.0rem 2.0rem;
}
/* ** dezpt_search02 end ** */

/* ** dezpt_search03 start ** */

/*** 絞り込み検索(別ウィンドウ呼び出し) ***/
.search_container_sepl a.seplNdBt {margin: 0.2rem 0;padding: 1.0rem 1.8rem;white-space:nowrap;}/* 詳細検索ボタン */
.seplNdBt.BtDet {background: #e7f036;color: #000;}

@media screen and (max-width: 600px) {
	.search_container_sepl a.seplNdBt {padding: 1.0rem 1.5rem;}/* 詳細検索ボタン */
}
/* ** dezpt_search03 end ** */

/* ** dezpt_search04 start ** */

/*** 検索結果件数表示 ***/
.ListCntDetail {margin: 0 auto;}
.ListCntDetail p {
	padding: 0.5rem 0;
	text-align: center;
	font-size: clamp(1.3rem, 1.2vw, 1.4rem);
	font-weight: bold;
}
.ListCntDetail span.ListCntRgt {font-size: clamp(3.0rem, 2.5vw, 3.6rem);}

/*** デザインンパターン01 ***/
.ListCnt_dezpt01 .ListCntDetail p {
	padding: 0.5rem 0;
	text-align: left;
	font-size: clamp(1.2rem, 1.2vw, 1.4rem);
	font-weight: bold;
}
.ListCnt_dezpt01 .ListCntDetail span.ListCntRgt {font-size: clamp(1.6rem, 1.6vw, 1.8rem);color: #c01818;padding: 0 0.2rem;}

/*** 検索結果件数クリア ***/

.RefineSearchRstBox {padding: 0;}
.SetCautBox {
	width: 100%;
	margin: 1.0rem auto;
	padding: 1.5rem;
	border-radius: 0.3rem;
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
	font-weight: bold;
}
.SetCautBox.SetCautBl {
	background: #f3feff;
	border: 1px solid #004c55;
	color: #004c55;
}
.SetCautBox.SetCautGr {
	background: #f2fff4;
	border: 1px solid #1e6629;
	color: #1e6629;
}
.SetCautBox.SetCautPc {
	background: #fff1f1;
	border: 1px solid #d93939;
	color: #cc0c0c;
}
@media screen and (max-width: 600px) {
	.SetCautBox {width: 95%;}
}
/* ** dezpt_search04 end ** */

/* ** dezpt_search05 start ** */
/*** 検索抽出・遷移ボタン（小） ***/
.extractBtBox {width: 100%;}
.extractBtBox.exBtPd {padding: 0.5rem 1.0rem;}/* 単独配置 */
.extractBtArea {display: flex;justify-content: flex-end;gap: 0 0.4rem;padding-bottom: 0.5rem;}/* 抽出・遷移ボタンエリア */
.extractBtArea:last-child {padding-bottom: 0;}
.extractBtArea ul {display: flex;justify-content: flex-end;list-style: none;gap: 0.4rem 0.4rem;flex-wrap: wrap;}/* 抽出・遷移ボタン設定 */
.extractBtArea li {margin: 0;text-align: center;}
.extractBtArea li {width: 80px;} /* 基本横幅サイズ */
.extractBtArea li.extsizeAuto {width: auto;} /* 横幅フリーサイズ */
.extractBtArea .extsizeM li {width: 150px;} /* 横幅Mサイズ */
.extractBtArea .extsizeW li {width: 300px;} /* 横幅ワイドサイズ */
.extractBtArea a,
.extractBtArea span {
	width: 100%;
	text-align: center;
	display: block;
	padding: 0.3rem 1.0rem;
	color: var(--app-extractBtArea-txt); /* テキスト色 */
	background: var(--app-extractBtArea-cr); /* 背景色 */
	border-radius: var(--app-extractBtArea-rod);-webkit-border-radius: var(--app-extractBtArea-rod);-moz-border-radius: var(--app-extractBtArea-rod); /* 角丸 */
	font-size: clamp(1.2rem, 1.3vw, 1.3rem);
	font-weight: bold;
}
.extractBtArea span {opacity: 0.3;}

.extractBtArea a.crt {background: var(--app-extractBtArea-cr-crt);} /* カレント背景色 */
.extractBtArea a:hover {opacity: 0.6; filter: alpha(opacity = 60);text-decoration: none;}
.extractBtArea .includeEnd a {color: var(--app-extractBtArea-txt);background: var(--app-includeEnd-cr-crt);}/* 抽出ボタン条件カレント */
.extractBtArea ul.scrollBar {}

@media screen and (max-width: 600px) {
	.extractBtArea {display: block;padding: 0.2rem 1.0rem;}
	.extractBtArea.flexNo {display: flex;padding: 0;}
	.extractBtArea.spDisp,
	.extractBtArea .spDisp {display: none;}
	.extractBtArea ul {padding: 0.2rem 0;}
	.extractBtArea li,
	.extractBtArea .extsizeM li,
	.extractBtArea .extsizeW li {width: auto;}
	.extractBtArea a {padding: 0.5rem 1.0rem;}
	.extractBtArea ul.scrollBar {padding: 0 0 1.0rem 0;justify-content: start;flex-wrap: nowrap;}
}
/*** デザインンパターン01 ***/
.extractBt_dezpt01 .extractBtArea a,
.extractBt_dezpt01 .extractBtArea span {
	position: relative;
	display: inline-block;
	margin-bottom: 0.3rem;
	padding: 0.2rem 1.5rem;
	background: none; /* 背景色 */
	font-size: clamp(1.3rem, 1.3vw, 1.3rem);
}
.extractBt_dezpt01 .extractBtArea li,
.extractBt_dezpt01 .extractBtArea .extsizeM li,
.extractBt_dezpt01 .extractBtArea .extsizeW li {width: auto;}
.extractBt_dezpt01 .extractBtArea a.crt {background: none;} /* カレント背景色 */
.extractBt_dezpt01 .extractBtArea a.crt:before,
.extractBt_dezpt01 .extractBtArea .includeEnd a:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -1.0rem;
	display: inline-block;
	width: 6.0rem;
	height: 0.3rem;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: var(--app-extractBtArea-cr-crt);
	border-radius: 0.5rem;
}
.extractBt_dezpt01 .extractBtArea .includeEnd a:before {background-color: var(--app-includeEnd-cr-crt);}
.extractBt_dezpt01 .extractBtArea ul.scrollBar {padding: 0 0 1.0rem 0;justify-content: start;flex-wrap: nowrap;}

/*** デザインンパターン02 ***/
.extractBt_dezpt02 .extractBtMore {
	display: flex;
	justify-content: flex-end;
}
.extractBt_dezpt02 .extractBtBox {overflow: hidden;}
.extractBt_dezpt02 .extractBtArea {margin-right: -200%;transition: 0.4s;height: 0;}
.extractBt_dezpt02 .extractBtBox.active .extractBtArea {margin-right: 0;height: auto;}

/* ** dezpt_search05 end ** */

/* ** dezpt_search06 start ** */
/* select2対応版 */
.select2-container--default .select2-selection--single {
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: none;
	border: var(--form-brd); /* ボーダー指定 */
	border-radius: var(--SelectBt-rod);-webkit-border-radius: var(--SelectBt-rod);-moz-border-radius: var(--SelectBt-rod); /* 角丸 */
	margin: 0;
	padding: var(--form-pd);
	background:var(--form-fc) url(../../../core_sys/common/images/sys/arw_select_down.png) no-repeat;
	background-size: 30px 29px;
	background-position: right center;
	font-size: var(--font-form-input); /* フォントサイズ */
	color: var(--form-txt); /* テキスト色 */
	vertical-align: middle;
	cursor: pointer;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {display: none;}

.select2-container .select2-selection--single {
	padding: 1.0rem 0.5rem;
	height: 50px;
}
/* プルダウンリスト全体 */
.select2-container--default .select2-search--dropdown .select2-search__field {
	margin: 0 0.5rem 0 0;
	padding: 1.2rem;
	border-radius: var(--contsearch-sepl-rod);-webkit-border-radius: var(--contsearch-sepl-rod);-moz-border-radius: var(--contsearch-sepl-rod); /* 角丸 */
	background: var(--contsearch-sepl-bg); /* 背景色 */
	border: var(--contsearch-sepl-brd); /* ボーダー指定 */
	box-shadow: var(--contsearch-sepl-sd); /* 背景影色 */
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
	font-weight: normal;
}
.select2-dropdown {
	padding: 0.5rem 1.0rem;
	background-color: #fff;
	border: var(--form-brd); /* ボーダー指定 */
	border-radius: var(--SelectBt-rod);-webkit-border-radius: var(--SelectBt-rod);-moz-border-radius: var(--SelectBt-rod); /* 角丸 */
}
.select2-results__option {
	padding: 1.0rem;
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
}
/* ** dezpt_search06 end ** */

/*************************** システムアイコンパーツ ***************************/

/* ** dezpt_system_ico01 start ** */
/*** システム利用アイコン共通要素 ***/
/* 共通設定 */
span.IcoBox {
	border-radius: var(--IcoBox-rod);-webkit-border-radius: var(--IcoBox-rod);-moz-border-radius: var(--IcoBox-rod); /* 角丸 */
}
/* 親要素に対して幅継承（主に各種ステータス表示で利用） */
span.NrIcBg {
	margin: 0 0.2rem;
	padding: 0.5rem 0.8rem;
	text-align:center;
	font-size: 1.2rem;
	font-weight:bold;
	display:block;
}
/* 幅固定（主に各種ステータス表示で利用） */
span.MdIcBg {
	width: 10.0rem;
	margin: 0 0.2rem;
	padding: 0.5rem 0.3rem;
	text-align:center;
	font-size: 1.2rem;
	font-weight:bold;
	display:block;
}
.FlexListWS span.MdIcBg,
.FlexListBX span.MdIcBg,
.myPhoto span.MdIcBg {width: 6.0rem;padding: 0.3rem 0.3rem;font-size: 1.0rem;}/* 配置場所が狭い場合 *//* 縦並び *//* マイページプロフ */

@media screen and (max-width: 480px) {
	span.MdIcBg {width: 6.0rem;}
	.mypageOrdBoxInn span.MdIcBg,
	.mypageOrdSituation span.MdIcBg,
	.friendFrex span.MdIcBg {width: 10.0rem;}
}
/* 幅固定小サイズ（主にnewマークや必須アイコン表示で利用） */
span.NewIcBg {
	border-radius: var(--IcoBox-rod);-webkit-border-radius: var(--IcoBox-rod);-moz-border-radius: var(--IcoBox-rod); /* 角丸 */
	width: 4.0rem;
	margin: 0 0.5rem;
	padding: 0.2rem 0.3rem;
	text-align:center;
	font-size: 1.0rem;
	font-weight:bold;
	display:inline-block;
}
/******* アイコンカラー *******/

span.BgBrk {color: var(--BgBrk-txt);background: var(--BgBrk-bg);}/* ブラック */
span.BgGry {color: var(--BgGry-txt);background: var(--BgGry-bg);}/* グレー */
span.BgOyl {color: var(--BgOyl-txt);background: var(--BgOyl-bg);}/* オレンジ */
span.BgBrn {color: var(--BgBrn-txt);background: var(--BgBrn-bg);}/* ブラウン */
span.BgYel {color: var(--BgYel-txt);background: var(--BgYel-bg);}/* イエロー */
span.BgBlu {color: var(--BgBlu-txt);background: var(--BgBlu-bg);}/* ブルー */
span.BgBls {color: var(--BgBls-txt);background: var(--BgBls-bg);}/* ブルー（鮮やか） */
span.BgBlk {color: var(--BgBlk-txt);background: var(--BgBlk-bg);}/* ブルー（彩度落ち） */
span.BgRed {color: var(--BgRed-txt);background: var(--BgRed-bg);}/* レッド */
span.BgPnc {color: var(--BgPnc-txt);background: var(--BgPnc-bg);}/* ピンク */
span.BgKrd {color: var(--BgKrd-txt);background: var(--BgKrd-bg);}/* レッド（鮮やか） */
span.BgEng {color: var(--BgEng-txt);background: var(--BgEng-bg);}/* レッド（彩度落ち） */
span.BgGrn {color: var(--BgGrn-txt);background: var(--BgGrn-bg);}/* グリーン */
span.BgKgr {color: var(--BgKgr-txt);background: var(--BgKgr-bg);}/* グリーン（彩度落ち） */

/* ** dezpt_system_ico01 end ** */

/* ** dezpt_system_ico02 start ** */
/* 矢印アイコン設定 */
.triangleT,
.triangleL,
.triangleR,
.triangleB {width: 0;height: 0;margin: 1.0rem auto;padding: 0;}
.triangleL {
	border-left: var(--Ico-triangle-size) solid var(--Ico-triangle-cr);
	border-top: var(--Ico-triangle-size) solid transparent;
	border-bottom: var(--Ico-triangle-size) solid transparent;
}
.triangleR {
	border-top: var(--Ico-triangle-size) solid transparent;
	border-right: var(--Ico-triangle-size) solid var(--Ico-triangle-cr);
	border-bottom: var(--Ico-triangle-size) solid transparent;
}
.triangleB {
	border-left: var(--Ico-triangle-size) solid transparent;
	border-right: var(--Ico-triangle-size) solid transparent;
	border-top: var(--Ico-triangle-size) solid var(--Ico-triangle-cr);
}
.triangleT {
	border-left: var(--Ico-triangle-size) solid transparent;
	border-right: var(--Ico-triangle-size) solid transparent;
	border-bottom: var(--Ico-triangle-size) solid var(--Ico-triangle-cr);
}
/* ** dezpt_system_ico02 end ** */

/* ** dezpt_system_ico03 start ** */

/* 友達アイコン表示 */
.friendFrex {display: flex;}
.friendBox {display: flex;gap: 0 0.5rem;}
.friendBox span.NewIcBg {margin: 0;}
.friendOnBg {background: var(--Ico-friendOn-cr);color: #fff;} /* 友達追加済 */
.friendOffBg {background: var(--Ico-friendOff-cr);color: #fff;} /* 友達未追加 */
.friendPtOffBg {background: var(--Ico-friendPtOff-cr);color: #fff;} /* 相手未追加 */
.TableBox .friendIco {margin: 0.2rem 0;}

/* ** dezpt_system_ico03 end ** */

/* ** dezpt_system_ico04 start ** */
/* カウントアイコン表示 */
span.CntDispIco {
    position: absolute;
    top: -0.5rem;
    right: 0.5rem;
    padding: 0.2rem 0.6rem;
    z-index: 100;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    font-size: clamp(1.0rem, 1.0vw, 1.0rem);
    font-weight: bold;
    color: #fff;
    background: #e60012;
    animation: flash 1s linear infinite;
}
/* ** dezpt_system_ico04 end ** */

/* ** dezpt_system_ico05 start ** */
/****** ワンポイントアイコン表示（背景色あり） ******/

/* 共通指定 */
.onptIcoCom {
	width: 2.6rem;
	height: 2.6rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.onptIcoIlb {display: inline-block;vertical-align: middle;margin-right: 0.5rem;}
.onptIcoDbl {position: absolute;display: block;}

/*** アイコン種類 ***/
.onptmypagetop {background: var(--app-mypagetop-ico-w) 0.30em center no-repeat var(--app-onptIco-cr);}/* マイページトップ */
.onptmypageprof {background: var(--app-mypageprof-ico-w) center center no-repeat var(--app-onptIco-cr);}/* 基本情報の編集 */
.onptmypagepassword {background: var(--app-mypagepassword-ico-w) center center no-repeat var(--app-onptIco-cr);}/* パスワード変更 */
.onptmypagesvs {background: var(--app-mypagesvs-ico-w) center center no-repeat var(--app-onptIco-cr);}/* サービス購入履歴 */
.onptmypageservice {background: var(--app-mypageservice-ico-w) center center no-repeat var(--app-onptIco-cr);}/* その他のサービス */
.onptmypagepush {background: var(--app-mypagepush-ico-w) center center no-repeat var(--app-onptIco-cr);}/* 通知一覧 */
.onptmypageconpost {background: var(--app-mypageconpost-ico-w) center center no-repeat var(--app-onptIco-cr);}/* コンテンツいいね・投稿履歴 */
.onptmypagesms {background: var(--app-mypagesms-ico-w) center center no-repeat var(--app-onptIco-cr);}/* セミナー申込履歴 */
.onptmypageseminar {background: var(--app-mypageseminar-ico-w) center center no-repeat var(--app-onptIco-cr);}/* その他のセミナー */
.onptmypageproduct {background: var(--app-mypageproduct-ico-w) center center no-repeat var(--app-onptIco-cr);}/* 商品購入履歴 */
.onptmypagecart {background: var(--app-mypagecart-ico-w) center center no-repeat var(--app-onptIco-cr);}/* カート */
.onptmypageprdpost {background: var(--app-mypageprdpost-ico-w) center center no-repeat var(--app-onptIco-cr);}/* 商品いいね・投稿履歴 */
.onptmypagecontact {background: var(--app-mypagecontact-ico-w) center center no-repeat var(--app-onptIco-cr);}/* お問合せ履歴 */
.onptmypagework {background: var(--app-mypagework-ico-w) center center no-repeat var(--app-onptIco-cr);}/* 採点フォーム回答履歴 */
.onptmypagebbspost {background: var(--app-mypagebbspost-ico-w) center center no-repeat var(--app-onptIco-cr);}/* 掲示板いいね・投稿履歴 */
.onptmypagebbscomment {background: var(--app-mypagebbscomment-ico-w) center center no-repeat var(--app-onptIco-cr);}/* 掲示板コメント投稿履歴 */
.onptmypagefavorite {background: var(--app-mypagefavorite-ico-w) center center no-repeat var(--app-onptIco-cr);}/* お気に入り一覧 */
.onptmypagebenefits {background: var(--app-mypagebenefits-ico-w) center center no-repeat var(--app-onptIco-cr);}/* 会員特典 */
.onptmypageaffiliate {background: var(--app-mypageaffiliate-ico-w) center center no-repeat var(--app-onptIco-cr);}/* 紹介制度 */
.onptmypageinfo {background: var(--app-mypageinfo-ico-w) center center no-repeat var(--app-onptIco-cr);}/* お知らせ */
.onptmypagesignage {background: var(--app-mypagesignage-ico-w) center center no-repeat var(--app-onptIco-cr);}/* サイネージ管理 */
.onptmypageact {background: var(--app-mypageact-ico-w) center center no-repeat var(--app-onptIco-cr);}/* マイページ */
.onptmypagefriend {background: var(--app-mypagefriend-ico-w) center center no-repeat var(--app-onptIco-cr);}/* 友達追加 */
.onptmypagemessage {background: var(--app-mypagemessage-ico-w) center center no-repeat var(--app-onptIco-cr);}/* メッセージ */
.onptmypagedispatch {background: var(--app-mypagedispatch-ico-w) center center no-repeat var(--app-onptIco-cr);}/* 手配管理 */
.onptmypageschedule {background: var(--app-mypageschedule-ico-w) center center no-repeat var(--app-onptIco-cr);}/* スケジュール管理 */
.onptmypagecamera {background: var(--app-mypagecamera-ico-w) center center no-repeat var(--app-onptIco-cr);}/* 写真管理 */
.onptmypagemovie {background: var(--app-mypagemovie-ico-w) center center no-repeat var(--app-onptIco-cr);}/* 動画管理 */

.onptmypagechange {background: var(--app-mypagechange-ico-w) center center no-repeat var(--app-onptIco-cr);}/* 切替ナビ */
.onptmypagedashboard {background: var(--app-mypagedashboard-ico-w) center center no-repeat var(--app-onptIco-cr);}/* ダッシュボード */
.onptmypagepossible {background: var(--app-mypagepossible-ico-w) center center no-repeat var(--app-onptIco-cr);}/* 受注状況検索 */
.onptmypagematching {background: var(--app-mypagematching-ico-w) center center no-repeat var(--app-onptIco-cr);}/* マッチング検索 */
.onptmypageshare {background: var(--app-mypageshare-ico-w) center center no-repeat var(--app-onptIco-cr);}/* シェア検索 */
.onptmypagestaff {background: var(--app-mypagestaff-ico-w) center center no-repeat var(--app-onptIco-cr);}/* スタッフ情報 */
.onptmypagestaff-employment {background: var(--app-mypagestaff-employment-ico-w) center center no-repeat var(--app-onptIco-cr);}/* スタッフ情報(雇用設定) */
.onptmypagestaff-payment {background: var(--app-mypagestaff-payment-ico-w) center center no-repeat var(--app-onptIco-cr);}/* スタッフ情報(支払設定) */
.onptmypageattendance {background: var(--app-mypageattendance-ico-w) center center no-repeat var(--app-onptIco-cr);}/* 案件対応可能日 */
.onptmypagetimecard {background: var(--app-mypagetimecard-ico-w) center center no-repeat var(--app-onptIco-cr);}/* タイムカード */
.onptmypagesuppliers {background: var(--app-mypagesuppliers-ico-w) center center no-repeat var(--app-onptIco-cr);}/* 取引先情報 */
.onptmypageconstructionsite {background: var(--app-mypageconstructionsite-ico-w) center center no-repeat var(--app-onptIco-cr);}/* 現場情報 */
.onptmypagetask {background: var(--app-mypagetask-ico-w) center center no-repeat var(--app-onptIco-cr);}/* タスク情報 */
.onptmypageproject {background: var(--app-mypageproject-ico-w) center center no-repeat var(--app-onptIco-cr);}/* 案件情報 */
.onptmypagereport {background: var(--app-mypagereport-ico-w) center center no-repeat var(--app-onptIco-cr);}/* 日報未承認一覧 */
.onptmypageconstructionsiteord {background: var(--app-mypageconstructionsiteord-ico-w) center center no-repeat var(--app-onptIco-cr);}/* 仕事発注 */
.onptmypagefriendlist {background: var(--app-mypagefriendlist-ico-w) center center no-repeat var(--app-onptIco-cr);}/* 応援要請案件 */
.onptmypageunread {background: var(--app-mypageunread-ico-w) center center no-repeat var(--app-onptIco-cr);}/* 更新情報 */
.onptmypageclaim {background: var(--app-mypageclaim-ico-w) center center no-repeat var(--app-onptIco-cr);}/* 支払い情報 */
.onptmypageincome {background: var(--app-mypageincome-ico-w) center center no-repeat var(--app-onptIco-cr);}/* 受注金額情報 */
.onptmypagebank {background: var(--app-mypagebank-ico-w) center center no-repeat var(--app-onptIco-cr);}/* 振込先情報 */
.onptmypageconditions {background: var(--app-mypageconditions-ico-w) center center no-repeat var(--app-onptIco-cr);}/* 支払条件情報 */
.onptmypagesetting {background: var(--app-mypagesetting-ico-w) center center no-repeat var(--app-onptIco-cr);}/* 環境設定 */
.onptmypagemaster {background: var(--app-mypagemaster-ico-w) center center no-repeat var(--app-onptIco-cr);}/* マスターデータ */

.onptIco {background-size: 18px 18px;}

/* ** dezpt_system_ico05 end ** */

/* ** dezpt_system_ico06 start ** */
/****** サービス一覧・購入に関する表示 ******/

/*** 購入プランアイコン表示基本指定 ***/
.planOrd {
	width: var(--app-photoArea-size);
	margin: 1.0rem auto 0 auto;
	padding: 0.5rem 1.0rem;
	font-size: 1.2rem;
	color: #fff;
	background: #eee;
	font-weight: bold;
	text-align: center;
	border-radius: var(--app-planOrd-rod);-webkit-border-radius: var(--app-planOrd-rod);-moz-border-radius: var(--app-planOrd-rod);
}
/* 購入プランアイコンカラー */
.planFree {background: var(--app-planOrdF-bg);}/* フリープラン */
.planA {background: var(--app-planOrdA-bg);}/* プランA */
.planB {background: var(--app-planOrdB-bg);}/* プランB */
.planC {background: var(--app-planOrdC-bg);}/* プランC */
.planD {background: var(--app-planOrdD-bg);}/* プランD */
.planE {background: var(--app-planOrdE-bg);}/* プランE */

/*** サービス一覧等で使用するボックス指定 ***/

/* サービス一覧等で使用のプランカラー */
.planBoxFree {border-color: var(--app-planOrdF-bg);color: var(--app-planOrdF-bg);}/* フリープラン */
.planBoxA {border-color: var(--app-planOrdA-bg);color: var(--app-planOrdA-bg);}/* プランA */
.planBoxB {border-color: var(--app-planOrdB-bg);color: var(--app-planOrdB-bg);}/* プランB */
.planBoxC {border-color: var(--app-planOrdC-bg);color: var(--app-planOrdC-bg);}/* プランC */
.planBoxD {border-color: var(--app-planOrdD-bg);color: var(--app-planOrdD-bg);}/* プランD */
.planBoxE {border-color: var(--app-planOrdE-bg);color: var(--app-planOrdE-bg);}/* プランE */

/* 操作ボタン背景 */
.planBoxFree .EditBtArea {background: var(--app-planOrdF-thin-bg);}/* フリープラン(薄色) */
.planBoxA .EditBtArea {border-top: 1px solid var(--app-planOrdA-bg);background: var(--app-planOrdA-thin-bg);}/* プランA(薄色) */
.planBoxB .EditBtArea {border-top: 1px solid var(--app-planOrdB-bg);background: var(--app-planOrdB-thin-bg);}/* プランB(薄色) */
.planBoxC .EditBtArea {border-top: 1px solid var(--app-planOrdC-bg);background: var(--app-planOrdC-thin-bg);}/* プランC(薄色) */
.planBoxD .EditBtArea {border-top: 1px solid var(--app-planOrdD-bg);background: var(--app-planOrdD-thin-bg);}/* プランD(薄色) */
.planBoxE .EditBtArea {border-top: 1px solid var(--app-planOrdE-bg);background: var(--app-planOrdE-thin-bg);}/* プランE(薄色) */

/* 操作ボタン */
.planBoxFree .EditBtArea .edit a,
.planBoxFree .EditBtArea .edit button,
.planBoxFree .EditBtArea .edit span {color: var(--app-planOrdF-bg);background: #fff;border: 1px solid var(--app-planOrdF-bg);}
.planBoxA .EditBtArea .edit a,
.planBoxA .EditBtArea .edit button,
.planBoxA .EditBtArea .edit span {color: var(--app-planOrdA-bg);background: #fff;border: 1px solid var(--app-planOrdA-bg);}
.planBoxB .EditBtArea .edit a,
.planBoxB .EditBtArea .edit button,
.planBoxB .EditBtArea .edit {color: var(--app-planOrdB-bg);background: #fff;border: 1px solid var(--app-planOrdB-bg);}
.planBoxC .EditBtArea .edit a,
.planBoxC .EditBtArea .edit button,
.planBoxC .EditBtArea .edit span {color: var(--app-planOrdC-bg);background: #fff;border: 1px solid var(--app-planOrdC-bg);}
.planBoxD .EditBtArea .edit a,
.planBoxD .EditBtArea .edit button,
.planBoxD .EditBtArea .edit span {color: var(--app-planOrdD-bg);background: #fff;border: 1px solid var(--app-planOrdD-bg);}
.planBoxE .EditBtArea .edit a,
.planBoxE .EditBtArea .edit button,
.planBoxE .EditBtArea .edit span {color: var(--app-planOrdE-bg);background: #fff;border: 1px solid var(--app-planOrdE-bg);}

/* ** dezpt_system_ico06 end ** */

/*************************** 画像スライドパーツ ***************************/

/* ** dezpt_slide_basic start ** */
/*** 画像スライド表示（基本パターン） ***/

/* 共通設定 */
.sldBox {position: relative;margin: 0;}
.sldSinpleBg {position: absolute;z-index: 1;right: -100vw;left: -100vw;margin: 0 auto;}

/****** 画像余白パターン ******/
/* sldMg01（メイン箇所余白あり・variableWidth: true要変更） */
.sldMg01 .slick-center{margin-right: 1.0rem;margin-left: 1.0rem;}

/* ネクストバックボタン設定 */
.slick-prev,
.slick-next {z-index: 50;}
.slick-prev {left: 20px;}
.slick-next {right: 60px;}
.slick-prev::before,
.slick-next::before {font-size: clamp(3.0rem, 3.0vw, 6.0rem);color: #000;}

@media screen and (max-width: 480px) {
	.slick-prev {left: 10px;}
	.slick-next {right: 20px;}
}
/* ネクストバックデザインパターン01 */
.sldAw01 .slick-arrow {display: block;position: absolute;top: 0;bottom: 0;margin: auto;padding: 0;width: 20px;height: 38px;color: transparent;z-index: 1;transition: opacity 0.5s;z-index: 1;}
.sldAw01 .slick-arrow:hover {opacity: 0.7;}

/* 共通設定 */
.sldAw01 .slick-next::before,
.sldAw01 .slick-next::after,
.sldAw01 .slick-prev::before,
.sldAw01 .slick-prev::after {position: absolute;top: 0;bottom: 0;margin: auto;content: "";vertical-align: middle;}
.sldAw01 .slick-next::after,
.sldAw01 .slick-prev::after {width: 26px;height: 26px;border-top: 1px solid #fff;border-right: 1px solid #fff;}

/* next */
.sldAw01 .slick-next {right: 26px;}
.sldAw01 .slick-next::after {right: 0.4rem;transform: rotate(45deg);}

/* prev */
.sldAw01 .slick-prev {left: 26px;}
.sldAw01 .slick-prev::after {left: 0.4rem;transform: rotate(-135deg);}

@media screen and (max-width: 767px) {
	.sldAw01 .slick-next::after,
	.sldAw01 .slick-prev::after {width: 1.0rem;height: 1.0rem;}
	.sldAw01 .slick-next {right: 0.8rem;}
	.sldAw01 .slick-prev {left: 0.8rem;}
	.sldAw01 .slick-next::after {right: 0.2rem;}
}
/* ネクストバックデザインパターン02 */
.sldAw02 .slick-arrow {display: block;position: absolute;top: 0;bottom: 0;margin: auto;padding: 0;width: 40px;height: 55px;color: transparent;z-index: 1;transition: opacity 0.5s;z-index: 1;background: #000;opacity: 0.8;border-radius: 0.3rem;}
.sldAw02 .slick-arrow:hover {opacity: 0.5;}

/* 共通設定 */
.sldAw02 .slick-next::before,
.sldAw02 .slick-next::after,
.sldAw02 .slick-prev::before,
.sldAw02 .slick-prev::after {position: absolute;top: 0;bottom: 0;margin: auto;content: "";vertical-align: middle;}
.sldAw02 .slick-next::after,
.sldAw02 .slick-prev::after {width: 20px;height: 20px;border-top: 2px solid #fff;border-right: 2px solid #fff;}

/* next */
.sldAw02 .slick-next {right: 20px;}
.sldAw02 .slick-next::after {right: 1.5rem;transform: rotate(45deg);}

/* prev */
.sldAw02 .slick-prev {left: 20px;}
.sldAw02 .slick-prev::after {left: 1.5rem;transform: rotate(-135deg);}

@media screen and (max-width: 767px) {
.sldAw02 .slick-arrow {width: 2.5rem;height: 5.0rem;}
	.sldAw02 .slick-next::after,
	.sldAw02 .slick-prev::after {width: 1.0rem;height: 1.0rem;}
	.sldAw02 .slick-next {right: 0;}
	.sldAw02 .slick-prev {left: 0;}
	.sldAw02 .slick-next::after {right: 1.0rem;}
	.sldAw02 .slick-prev::after {left: 1.0rem;}
}
/* ドットボタン設定 */
.slick-dots {padding: 0.5rem 0 0.8rem 0;bottom: 0;}
.slick-dotted.slick-slider {margin-bottom: 0;}

/* 画像サイズ指定 */
.sldSinple {width: 100%;}
.sldSinple img {width: 100%;height: auto;}

/*** 見えていない画像の色調指定 ***/
/* 透過 */
.sldAdp01 .slick-slide:not(.slick-center) {
	-webkit-filter: opacity(40%);
	-moz-filter: opacity(40%);
	-o-filter: opacity(40%);
	-ms-filter: opacity(40%);
	filter: opacity(40%);
	transition: 0.2s linear;
}
/* ぼかし */
.sldAdp02 .slick-slide:not(.slick-center) {
	-webkit-filter: blur(5px);
	-moz-filter:blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
	transition: 0.2s linear;
}
/* モノクロ */
.sldAdp03 .slick-slide:not(.slick-center) {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: 0.2s linear;
}
/* 小さくする */
.sldAdp04 .slick-slide:not(.slick-center) {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}
/*** 画像スライド表示（サムネイル画像表示） ***/
.sldSinpleThum img {width: 100%;height: auto;cursor: pointer;cursor: hand;}
.sldSinpleThum .thum-img {opacity: 0.3;}
.sldSinpleThum .slick-current {opacity: 1;}

/* ** dezpt_slide_basic end ** */

/* ** dezpt_slide01 start ** */
/*** 画像スライド表示（コンテンツ登録画像表示）(コンテンツタイトル表示あり) ***/

/* 共通設定 */
.slideDf_area,
.slideDfN_area {margin: 0 auto;padding: 0;}
.slideDf_box,
.slideDfN_box {width: 100%;margin: 0 auto;}
.slideDfN_box .slick-slide img {width: 100%;height: auto;}

/* タイトルエリア設定 */
.slideDfInn {padding: 0 2.0rem;}
.slideDfInn h2 {
	margin: 1.0rem auto;
	padding: 1.0rem;
	font-size: clamp(2.5rem, 2.0vw, 3.0rem);
	line-height: 1.2em;
	overflow: hidden;
}
@media screen and (max-width: 480px) {
	.slideDfInn {padding: 0 1.0rem;}
	.slideDfInn h2 {margin: 0.5rem auto;padding: 1.0rem 0;}
}
/* スライドコンテンツ時間表示 */
.slideDfInn p.cap {
	width: 100%
	margin: 1.0rem auto;
	padding: 1.0rem;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.2em;
	text-align: right;
	border-top: 1px solid #cdcdcd;
}
.slideDfInn p.ph {
	width: calc(100% + 40px);
	height: 0;
	margin: 0 -20px;
	padding-top:56.75%;
	overflow: hidden;
	background-size:cover;
	position: relative;
}
.slideDfInn p.ph::before{
	content:"";
	position:absolute;
	top:-5%;
	left:-5%;
	width:110%;
	height:110%;
	background: inherit;
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-o-filter: blur(10px);
	-ms-filter: blur(10px);
	filter: blur(10px);
}
.slideDfInn p.ph img {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
	max-width: 100%;
	max-height: 100%;
}
/* sldDt00（ドット表示背景無し下配置） */
.sldDt00 .slick-dots {bottom: -39px;}
.sldDt00 .slick-dots li button:before {opacity: 1;color: var(--SldDot-li);}
.sldDt00 .slick-dots li.slick-active button:before {opacity: 1;color: var(--SldDot-lia);}

/* sldDt01（ドット表示背景色付き下配置） */
.sldDt01 .slick-dots {bottom: -39px;background: var(--SldDot-bg);opacity: 1;}
.sldDt01 .slick-dotted.slick-slider {margin-bottom: 39px;}
.sldDt01 .slick-dots li button:before {opacity: 1;color: var(--SldDot-li);}
.sldDt01 .slick-dots li.slick-active button:before {opacity: 1;color: var(--SldDot-lia);}
.sldDt01 .slideDf_area .slick-dots {bottom: -65px;background: var(--SldDot-bg);opacity: 1;}
.sldDt01 .slideDf_area .slick-dotted.slick-slider {margin-bottom: 65px;}

/* sldDt02（ドット表示背景色付き透過配置） */
.sldDt02 .slick-dots {background: var(--SldDot-bg);opacity: 0.65;}
.sldDt02 .slick-dots li button:before {opacity: 1;color: var(--SldDot-li);}
.sldDt02 .slick-dots li.slick-active button:before {opacity: 1;color: var(--SldDot-lia);}

/* ** dezpt_slide01 end ** */

/* ** dezpt_slide02 start ** */

/*** 電光掲示板風テキストスライド ***/
.sldSinpleTxt {
	margin: 0 auto;
	padding: 1.2rem 2.0rem;
	font-size: clamp(2.5rem, 2.0vw, 3.0rem);
	line-height: 1.2em;
	overflow: hidden;
	white-space:nowrap;
}
.sldSinpleTxt div {
	display : inline-block;  /* 必須 */
	padding-left: 100%;    /* 右端から文字をスタートさせるため */
	white-space : nowrap; /* 改行が起こらないように対策 */
	line-height : 1em;         /* 行間（高さ）を1文字分にする */
	animation : scroll 30s linear infinite; /* 下のアニメーションを30秒かけて行い、それをくりかえす */
}
.sldSinpleTxt p {display : inline-block;padding-left: 30.0rem;}
.sldSinpleTxt p:first-child {padding-left: 0;}

/* アニメーション（右から左に移動） */
@keyframes scroll{
	0% { 
		transform: translateX(0)
	}
	100% {
		transform: translateX(-100%)
	}
}
/* ** dezpt_slide02 end ** */

/*************************** カレンダーパーツ ***************************/

/* ** dezpt_calendar01 start ** */
/*** カレンダー表示要素  ***/

/* カレンダー基本設定 */
.calendar {margin: 1.0rem auto;}

/* カレンダー月選択表示設定 */
.calendarHead {margin: 2.0rem auto 0.5rem auto;padding: 0px;text-align:center;position: relative;}
.calendarMD {
	padding-top: 1.5rem 0 0 0;
	font-weight: bold;
	line-height: 1.2;
}
.calendarMD .calendarYear {font-size: clamp(1.2rem, 1.2vw, 1.4rem);}
.calendarMD .calendarMnt {font-size: clamp(2.5rem, 3.0vw, 4.0rem);}
.calendarMD .calendarYearD {padding: 1.0rem 0 0 0;font-size: clamp(2.0rem, 2.0vw, 3.0rem);}

/* カレンダー年月リンク */
.calendarLink {position: absolute;right:0.5rem;top: 1.0rem;}
.calendarLink ul {display: flex;}
.calendarLink li  {padding: 0px 0.2rem;list-style:none;}
.calendarLink a:link  {
	padding: 1.0rem;
	display:block;
	text-decoration: none;
	text-align: center;
	border: var(--app-calendarLink-brd); /* ボーダー指定 */
	border-radius: var(--app-calendarLink-rod);-webkit-border-radius: var(--app-calendarLink-rod);-moz-border-radius: var(--app-calendarLink-rod); /* 角丸 */
	background: var(--app-calendarLink-cr); /* 背景色 */
	color: var(--app-calendarLink-txt); /* テキスト色 */
	font-size: clamp(1.2rem, 1.2vw, 1.4rem);
	font-weight: bold;
}
.calendarLink a:hover {background: var(--app-calendarLink-cr-ah);} /* 背景色 マウスオン */

@media screen and (max-width: 600px) {
	.calendar {padding-left: 0.5rem;padding-right: 0.5rem;}
	.calendarLink {position: static;margin: 1.0rem auto 0 auto;}
	.calendarLink ul {justify-content: center;}
}
/* 通常カレンダー本体表示設定 */
.calendarTable {margin: 0 auto;padding: 0;}
.calendarTable table {
	width:100%;
	border-collapse: separate;
	border-spacing : 0.3rem 0;
	font-size: clamp(1.2rem, 1.2vw, 1.2rem);
}
@media screen and (max-width: 896px) {
	.calendarTable table.ScrTable {
		display: block;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
		table-layout: fixed;
	}
}
.calendarTable th {
	width:14.28%;
	padding: 0.5rem; /* パディング(TH) */
	border-bottom: var(--app-calendarTable-th-brd); /* ボーダー指定(TH) */
	background: var(--app-calendarTable-th-cr); /* 背景色(TH) */
	text-align:center;
}
.calendarTable th.sun,
.calendarTable th.hol {color: var(--app-calendarTable-sun-txt);} /* テキスト色(日曜日)(祝日) */
.calendarTable th.sut {color: var(--app-calendarTable-sut-txt);} /* テキスト色(土曜日) */
.calendarTable th.day {color: var(--app-calendarTable-day-txt);} /* テキスト色(平日) */

.calendarTable td {
	padding: 0.5rem;
	vertical-align:top;
	border-bottom: var(--app-calendarTable-td-brd); /* ボーダー指定(TD) */
}
.calendarTable td.calDayBox {
	border-bottom: none; /* ボーダー指定(TD) */
}
.calendarTable td.calColBox {
	padding: 0.2rem 0;
	border-bottom: none; /* ボーダー指定(TD) */
}
.calendarTable td.calActBox {
	border-bottom: none; /* ボーダー指定(TD) */
}
.calendarTable td.calBtBox {
	padding: 0;
	border-bottom: var(--app-calendarTable-td-brd); /* ボーダー指定(TD) */
}
.calendarTable td.hld {background: var(--app-calendarTable-hld-bg);} /* 背景色(当日) */
.calendarTable td.cln {background: var(--app-calendarTable-cln-bg);} /* 背景色(前の月・次の月) */
.calendarTable td.sun,
.calendarTable td.hol {background: var(--app-calendarTable-sun-bg);} /* 背景色(日曜日)(祝日) */
.calendarTable td.sut {background: var(--app-calendarTable-sut-bg);} /* 背景色(土曜日) */
.calendarTable td.art {background: var(--app-calendarTable-art-bg);} /* 背景色(注意喚起用) */

p.calNum {
	padding: 0.3rem 0.3rem 0.5rem 0;
	font-weight:bold;
	font-size: clamp(1.2rem, 1.2vw, 1.2rem);
}
p.calNum span {display:block;width: 2.5rem;height: 2.5rem;text-align:center;padding-top: 0.2rem;}

span.theday {
	-webkit-border-radius: 50%;-moz-border-radius: 50%; border-radius: 50%;
	color: var(--app-calendarTable-theday-txt); /* テキスト色(当日・アイコン) */
	background-color: var(--app-calendarTable-theday-bg); /* 背景色(当日・アイコン) */
}
span.theday a {color: var(--app-calendarTable-theday-txt); /* テキスト色(当日・アイコン) */}
span.sunNo {color: var(--app-calendarTable-sun-no-txt);} /* テキスト色(日曜日・前翌月) */
span.sunOn,
span.holOn {color: var(--app-calendarTable-sun-txt);} /* テキスト色(日曜日・祝日) */
span.sutNo {color: var(--app-calendarTable-sut-no-txt);} /* テキスト色(土曜日・前翌月) */
span.sutOn {color: var(--app-calendarTable-sut-txt);} /* テキスト色(土曜日) */
span.dayNo {color: var(--app-calendarTable-day-no-txt);} /* テキスト色(平日・前翌月) */
span.dayON {color: var(--app-calendarTable-day-txt);} /* テキスト色(平日) */

/* 月選択カレンダー本体表示設定 */
.calendarBtLink {margin: 1.0rem auto;padding: 0;}
.calendarBtLinkInn {width: 24%;margin: 0.5rem 0.2rem;display: inline-block;}
.calendarBtLinkInn a {
	padding: 2.0rem 1.0rem 1.0rem 1.0rem;
	display:block;
	text-decoration: none;
	border: var(--app-calendarBtLinkInn-brd); /* ボーダー指定 */
	text-align: center;
	border-radius: var(--app-calendarBtLinkInn-rod);-webkit-border-radius: var(--app-calendarBtLinkInn-rod);-moz-border-radius: var(--app-calendarBtLinkInn-rod); /* 角丸 */
	background: var(--app-calendarBtLinkInn-cr); /* 背景色 */
}
.calendarBtLinkInn a:hover {
	background: var(--app-calendarBtLinkInn-cr-ah); /* 背景色 マウスオン */
}
/* 月表示 */
.calendarBtLinkMnt {
	font-size: clamp(2.0rem, 1.8vw, 2.5rem); /* フォントサイズ*/
	color: var(--app-calendarBtLinkMnt-txt); /* テキスト色 */
}
/* 設定状態表示 */
.calendarBtLinkTxt {
	margin: 1.0rem auto 0 auto;
	padding: 1.0rem 0.2rem;
	font-size: clamp(1.2rem, 1.2vw, 1.4rem);
	color: var(--app-calendarBtLinkTxt-txt); /* テキスト色 */
	border-radius: var(--app-calendarBtLinkTxt-rod);-webkit-border-radius: var(--app-calendarBtLinkTxt-rod);-moz-border-radius: var(--app-calendarBtLinkTxt-rod); /* 角丸 */
	text-align: center;
}
.calendarBtLinkTxt.MSet {
	border: var(--app-calendarBtLinkTxt-mset-brd); /* ボーダー指定 */
	background: var(--app-calendarBtLinkTxt-mset-cr); /* 背景色 */
}
.calendarBtLinkTxt.Set {
	border: var(--app-calendarBtLinkTxt-set-brd); /* ボーダー指定 */
	background: var(--app-calendarBtLinkTxt-set-cr); /* 背景色 */
}
/*** 年や日付などのみ表示時の設定 ***/

/* 基本縦並び */
.dayLayoutBox {margin: 0.5rem auto;text-align: center;line-height: 1.3;font-weight: bold;}
.dayLayoutBox .dayLayoutYear {font-size: clamp(1.6rem, 1.6vw, 1.6rem);}
.dayLayoutBox .dayLayoutDay {font-size: clamp(2.5rem, 2.5vw, 3.0rem);}
.dayLayoutBox .dayLayoutTxt {font-size: clamp(1.6rem, 1.6vw, 1.6rem);}

/* 横並び */
.dayLayoutYBox {margin: 1.0rem auto;text-align: center;line-height: 1.3;font-weight: bold;}
.dayLayoutYBox .dayLayoutYear {font-size: clamp(1.4rem, 1.4vw, 1.4rem);}
.dayLayoutYBox .dayLayoutDay {font-size: clamp(1.6rem, 1.6vw, 1.6rem);}
.dayLayoutYBox .dayLayoutTxt {font-size: clamp(1.4rem, 1.4vw, 1.4rem);}

/*** カレンダー内でのテキスト設定 ***/

.calDataBox {min-height: 100px;display: block;}/* テキストデータエリアの最小値指定 */

@media screen and (max-width: 600px) {
	.calDataBox {min-width: 130px;}
}
.calendarInnDay,
.calendarInnTxt,
.calendarInnIco {text-align: left;}
.calendarInnDay {padding: 0.5rem 0 0.2rem 0;font-size: clamp(1.0rem, 1.0vw, 1.0rem);line-height: 1.0;}
.calendarInnCpnm {padding: 0.5rem 0 0.2rem 0;font-size: clamp(1.0rem, 1.0vw, 1.0rem);line-height: 1.0;}
.calendarInnTxt {padding: 0.5rem 0;font-size: clamp(1.2rem, 1.4vw, 1.4rem);line-height: 1.2;font-weight: bold;}
.calendarInnIco {padding: 0.5rem 0 1.0rem 0;font-size: clamp(1.0rem, 1.0vw, 1.0rem);line-height: 1.0;}
.calendarInnCaut {padding: 0.5rem;font-size: clamp(1.2rem, 1.2vw, 1.2rem);line-height: 1.4;}

/* カレンダー内要素カウンター等表示 */
.calendarTable .data_box {
	border: var(--app-calendardata_box-brd); /* ボーダー指定 */
	border-radius: var(--app-calendardata_box-rod);-webkit-border-radius: var(--app-calendardata_box-rod);-moz-border-radius: var(--app-calendardata_box-rod); /* 角丸 */
}
.calendarTable .data_box p {
	padding: 1.0rem;
	font-size: clamp(2.0rem, 2.0vw, 2.0rem);
	line-height: 1.4;
	font-weight: bold;
	text-align: center;
}
/*** カレンダー内でのボタン表示設定 ***/
.attdBt {
	width: 100%;
	text-align: center;
	display: block;
	margin: 0.2rem 0;
	padding: 0.5rem;
	border-radius: var(--app-attdBt-rod);-webkit-border-radius: var(--app-attdBt-rod);-moz-border-radius: var(--app-attdBt-rod); /* 角丸 */
	font-size: 1.2rem;
	font-weight: bold;
}
.attdBt.attdOn {color: #000;background: #51e4ff;}
.attdBt.attdOff {color: #b8b8b8;background: #f4f4f4;}
.attdBt.attdArt {color: #000;background: #ff9999;}

.attdBt.attdTp01 {color: #000;background: #87d6ed;}
.attdBt.attdTp02 {color: #000;background: #92e585;}

.attdBt.attdEdit {color: #000;background: #fff;border: var(--app-attdBt-brd);}

.attdBt.attdBtPdW {
	padding: 1.5rem 0;
	font-size: 1.4rem;
}
/* ボタン表示横並び */
.calFlexIco ul {
	margin-bottom: 0.5rem;
    display: flex;
    gap: 0.2rem 0.2rem;
}
.calFlexIco .attdBt {
	width: 100%;
	margin: 0.2rem 0;
	padding: 0.2rem;
	font-size: 1.0rem;
	line-height: 1.0;
}
/* ** dezpt_calendar01 end ** */

/* ** dezpt_calendar02 start ** */
/*** jqueryポップアップカレンダー  ***/

/* ** dezpt_calendar02 end ** */

/*************************** テーブルパーツ ***************************/

/* ** dezpt_table start ** */
/*** テーブル要素 ***/
/* 共通設定 */
.TableBox table {
	width:100%;
	margin: var(--TableBox-mg); /* マージン */
	padding: var(--TableBox-pd); /* パディング */
	text-align: center;
}
.TableBox table {
	font-size: var(--font-TableBox);/* フォントサイズ */
	font-weight: bold;
}
.TableBox th {
	padding: var(--TableBox-th-pd); /* パディング */
	background: var(--TableBox-th-bg);/* 背景色 */
	border: var(--TableBox-brd); /* ボーダー指定 */
	color:  var(--TableBox-txt); /* テキスト色 */
}
.TableBox td {
	padding: var(--TableBox-td-pd); /* パディング */
	background: var(--TableBox-td-bg);/* 背景色 */
	border: var(--TableBox-brd); /* ボーダー指定 */
	color:  var(--TableBox-txt); /* テキスト色 */
}
.TableBox td.TableBoxtdY {background: var(--TableBox-td-y-bg);/* 背景色(黄色) */}
.TableBox td.TableBoxtdR {background: var(--TableBox-td-r-bg);/* 背景色(赤色) */}
.TableBox td.TableBoxtdB {background: var(--TableBox-td-b-bg);/* 背景色(青色) */}
.TableBox td.TableBoxtdG {background: var(--TableBox-td-g-bg);/* 背景色(緑色) */}
.TableBox td.TableBoxtdH {background: var(--TableBox-td-h-bg);/* 背景色(グレー色) */}
.TableBox td.bdnol {border-left: none;}
.TableBox td.bdnor {border-right: none;}
.TableBox td.bdnot {border-top: none;}
.TableBox td.bdnou {border-bottom: none;}

/* スクロールテーブル指定 */
.TableBox table.ScrTableSet {
	display: block;
	overflow-x: scroll;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	table-layout: fixed;
	padding-bottom: 2.0rem;
}
@media screen and (max-width: 600px) {
	.TableBox table.ScrTable {
		display: block;
		overflow-x: scroll;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		table-layout: fixed;
		padding-bottom: 2.0rem; /* パディング */
	}
}
/* テーブル内でdisplay:flexを配置する場合 */
.TableBox td .Tbflex {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.TableBox td .TbflexSubBt {
	display: flex;
	gap: 0 0.2rem;
	padding: 0.5rem 0;
}
/* ** dezpt_table end ** */

/*************************** デザイン装飾パーツ ***************************/

/********* デザイン装飾パーツ（タイトル・テキスト・画像・動画・地図基本設置） *********/

/* ** dezpt_Basicblck start ** */
/* 基本設定 */
.basicblckArea {margin: 0 auto;padding: 0;}/* 記事・画像等配置の基本設定 */
.basicblckImgArea {margin: 0 auto;padding: 0;}/* 画像関連 */
.basicblckSideArea {margin: 0 auto;padding: 0;}/* 要素横並び関連 */

/* サイドカラム時設定 */
.ClmblckArea .basicblckArea {padding: 0 3.0rem;}/* 記事・画像等配置の基本設定 */
.ClmblckArea .basicblckImgArea {padding: 0 3.0rem;}/* 画像関連 */
.ClmblckArea .basicblckSideArea {padding: 0 3.0rem;}/* 要素横並び関連 */

@media screen and (max-width: 600px) {
	.basicblckArea,
	.basicblckImgArea,
	.basicblckSideArea {width: 90%;}
}
.bsblckImg {width: 100%;margin: 0 auto;padding: 0;text-align: center;font-size: 0;}
.bsblckImg .bsImg img {width: 100%;}

/* ** dezpt_Basicblck end ** */

/* ** dezpt_Basicblck01 start ** */

/*** サイト内基本テキスト装飾（メイン・キャプション） ***/
/* 基本設定 */
p.mainTxt,
p.mainCap {text-align: left;}
p.cnt.mainTxt,
p.cnt.mainCap {text-align: center;}

/* メインテキスト設定 */
.articleBox p.mainTxt,
p.mainTxt {
	margin-left: auto;
	margin-right: auto;
	font-size: clamp(1.6rem, 1.8vw, 1.8rem);
	line-height: 1.8;
}
/* メインキャプション設定 */
p.mainCap {
	margin-left: auto;
	margin-right: auto;
	font-size: clamp(1.4rem, 1.4vw, 1.6rem);
	line-height: 1.4;
	border-radius: var(--app-capBox-rod);
}
/* ** dezpt_Basicblck01 end ** */

/* ** dezpt_Basicblck02 start ** */
/****************** 画像配置(拡大画像対応) ******************/
/* 画像下キャプション設定 */
.bsblckImg .bsCap {
	font-size: clamp(1.4rem, 1.4vw, 1.6rem);
	font-weight: bold;
	padding: 1.0rem 0 2.0rem 0;
}
/* 1画像表示 */
.bsblckImg .sgImg {padding-left: 0;padding-right: 0;}

/* 2画像表示 */
.bsblckImg .scImg {display: inline-block;width: calc(100% / 2);padding-left: 0;padding-right: 0;}
.bsblckImg .scImg:first-child {padding-right: 1.0rem;}
.bsblckImg .scImg:last-child {padding-left: 1.0rem;}

/* 3画像表示 */
.bsblckImg .thImg {display: inline-block;width: calc(100% / 3);padding-left: 0.5rem;padding-right: 0.5rem;}
.bsblckImg .thImg:first-child {padding-left: 0;padding-right: 1.0rem;}
.bsblckImg .thImg:last-child {padding-left: 1.0rem;padding-right: 0;}

/* ** dezpt_Basicblck02 end ** */

/* ** dezpt_Basicblck03 start ** */
/****************** ビデオ埋め込み共通 ******************/
/* 基本設定 */
.innvideo{position:relative;width:100%;padding-top:56.25%;}
.innvideo iframe{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:100%;height: 100%;}
.videoMax{margin: 0 auto;max-width:100%;}

/* ** dezpt_Basicblck03 end ** */

/* ** dezpt_Basicblck04 start ** */
/****************** レスポンシブ対応地図設置 ******************/
/* 基本設定 */
.mapArea {padding: 0;}
.google_map{position:relative;width:100%;height:0;margin: 0 auto;padding-top: 50%;}
.google_map iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
@media screen and (max-width: 600px) {
	.google_map{padding-top: 80%;}
}
.AccessDet {margin: 0 auto;padding: 2.0rem;text-align: center;}
.AccessAdd {margin: 0 auto;padding: 0;font-size: clamp(1.8rem, 2.4vw, 2.4rem);font-weight: bold;}
.AccessSt {margin: 0 auto;padding: 0.5rem 0;font-size: clamp(1.4rem, 1.6vw, 1.6rem);}

/* ** dezpt_Basicblck04 start ** */

/********* デザインレイアウトパーツ（画像を利用した各種特殊レイアウト） *********/

/* ** dezpt_tblck start ** */
/****************** 左右二分割画像背景 ******************/
/* 基本設定 */
.tblckArea {width: 100%;margin: 0 auto;}
.tblckBox {width: 50%;margin: 0;padding: 1.0rem 0 2.0rem 0;}
.lyot01 {float: left;}
.lyot02 {float: right;}
.lyot01 {background: url(../../../core_sys/common/images/dez_tmp/tblck_img01_no.jpg) center top no-repeat;}
.lyot02 {background: url(../../../core_sys/common/images/dez_tmp/tblck_img02_no.jpg) center top no-repeat;}
.tblckInn {}
.lyot01 .tblckInn {width: 100%;float: right;padding: 5.0rem 3.0rem 3.0rem 0;}
.lyot02 .tblckInn {width: 100%;float: left;padding: 5.0rem 0 3.0rem 3.0rem;}
.lyot01 .BtM .conDetBtM {width: 60%;float: right;}
.lyot02 .BtM .conDetBtM {width: 60%;float: left;}

/* タイトル */
.tblckTi {
	width: 100%;
	color: #fff;
	padding-bottom: 2.0rem;
	font-size: clamp(2.5rem, 2.5vw, 3.5rem);
	line-height: 1.4em;
	border-bottom: 1px dotted #fff;
}
/* テキスト */
.tblckTxt {
	color: #fff;
	padding: 2.0rem 0;
	font-size: clamp(1.6rem, 1.6vw, 1.6rem);
	font-weight: bold;
	line-height: 1.8em;
}
.lyot01 .tblckTi,
.lyot01 .tblckTxt {text-align: right;}
.lyot02 .tblckTi,
.lyot02 .tblckTxt {text-align: left;}

/* サイドカラム時設定 */
.ClmblckArea .tblckTi {font-size: 3.0rem;line-height: 1.2em;}
.ClmblckArea .tblckTxt {font-size: 1.6rem;line-height: 1.6em;}
.ClmblckArea .lyot01 .tblckInn {width: 100%;float: right;padding: 5.0rem 3.0rem 0 3.0rem;}
.ClmblckArea .lyot02 .tblckInn {width: 100%;float: left;padding: 5.0rem 3.0rem 0 3.0rem;}

@media screen and (max-width: 900px) {
	.tblckBox {width: 100%;margin: 0;padding: 1.0rem 0 2.0rem 0;}
	.lyot01,
	.lyot02 {float: none;}
	.lyot01 .tblckTi,
	.lyot01 .tblckTxt {text-align: left;}
	.lyot02 .tblckTi,
	.lyot02 .tblckTxt {text-align: left;}
	.lyot01 .tblckInn,
	.lyot02 .tblckInn {width: 100%;float: none;padding: 3.0rem 2.5rem;}
	.lyot01 .BtM .conDetBtM,
	.lyot02 .BtM .conDetBtM {width: 90%;margin: 2.0rem auto 0 auto;float: none;}
	.lyot01,
	.lyot02 {background-size: auto 100%;}
}
/* ** dezpt_tblck end ** */

/* ** dezpt_lrblck start ** */
/****************** 写真左 テキスト右・写真右 テキスト左 ******************/
/* 基本設定 */
.lrblckArea {width: 100%;height: 400px;position: relative;}
.lrblckArea:before {top: 0;width: 50%;height: 100%;content: '';position: absolute;}
.lrblckArea.lyotL:before {right: 50%;}
.lrblckArea.lyotR:before {left: 50%;}
.lrblckBox {top: 0;width: 50%;height: 100%;content: '';position: absolute;}
.lyotL .lrblckBox {left: 50%;}
.lyotR .lrblckBox {right: 50%;}
.lrblckInn {width: 600px;padding: 6.0rem 4.0rem;}
.lyotR .lrblckInn {float: right;}
.lrblckTi {
	color: #000;
	font-size: clamp(3.0rem, 2.0vw, 4.0rem);
	line-height: 1.0em;
}
.lrblckTxt {
	padding: 2.0rem 0;
	color: #000;
	font-size: clamp(1.6rem, 1.6vw, 1.6rem);
	line-height: 1.8em;
}
.lrblckArea.lrblckImg01,
.lrblckArea.lrblckImg02 {background: #f1f1f1;}
.lrblckArea.lrblckImg01:before {background: url(../../../core_sys/common/images/dez_tmp/lrblck_img01_no.jpg) center center no-repeat;}
.lrblckArea.lrblckImg02:before {background: url(../../../core_sys/common/images/dez_tmp/lrblck_img02_no.jpg) center center no-repeat;}

@media screen and (min-width:600px) and ( max-width:1100px) {
	.lrblckInn {width: 100%;padding: 6.0rem 3.0rem;}
	.lrblckInn .BtM .conDetBtM {width: 80%;}
}
@media screen and (max-width: 600px) {
	.lrblckArea {height: auto;}
	.lrblckArea:before {width: 100%;position: static;}
	.lrblckBox {width: 100%;position: static;padding-top: 260px;display: block;}
	.lyotL .lrblckBox {left: 100%;}
	.lyotR .lrblckBox {left: 100%;}
	.lrblckInn {width: 100%;padding: 2.0rem;}
	.lyotR .lrblckInn {float: none;}
	.lrblckArea.lrblckImg01 {background: url(../../../core_sys/common/images/dez_tmp/lrblck_img01_no.jpg) center top no-repeat;background-size:contain;}
	.lrblckArea.lrblckImg02 {background: url(../../../core_sys/common/images/dez_tmp/lrblck_img02_no.jpg) center top no-repeat;background-size:contain;}
}
@media screen and (min-width:480px) and ( max-width:600px) {
	.lrblckBox {width: 100%;position: static;padding-top: 320px;display: block;}
}
/* ** dezpt_lrblck end ** */

/* ** dezpt_phblck start ** */
/****************** 写真上 テキスト下・写真下 テキスト上・写真上 テキスト下 3分割 ******************/
/* 基本設定 */
.phblckArea {padding: 0;font-size:0;}
.phblckBox {width: 33.33%;margin: 0;padding: 0;display: inline-block;vertical-align: top;}
.phblckImg {width: 100%;height: 345px;overflow: hidden;}
.phblckTxt {
	width: 100%;
	height: 345px;
	padding: 2.0rem 3.0rem;
	background: #f1f1f1;
	overflow: hidden;
}
.phblckImg img {width: 100%;}
.phblckTi {
	color: #000;
	font-size: clamp(2.5rem, 2.5vw, 3.0rem);
	text-align: center;
}
.phblckTxtInn {
	padding: 1.0rem 0;
	color: #000;
	font-size: clamp(1.6rem, 1.6vw, 1.6rem);
	font-weight: bold;
	line-height: 1.4em;
}
.phlyot01 .phblckImg {background: url(../../../core_sys/common/images/dez_tmp/phblck_img01_no.jpg) center center no-repeat;background-size: 100% auto;}
.phlyot02 .phblckImg {background: url(../../../core_sys/common/images/dez_tmp/phblck_img02_no.jpg) center center no-repeat;background-size: 100% auto;}
.phlyot03 .phblckImg {background: url(../../../core_sys/common/images/dez_tmp/phblck_img03_no.jpg) center center no-repeat;background-size: 100% auto;}
.phblckBox .BtM .conDetBtS {width: 60%;}

@media screen and (min-width:700px) and ( max-width:1100px) {
	.phblckTxtInn {line-height: 1.6em;}
	.phlyot01 .phblckImg {background-size: auto 100%;}
	.phlyot02 .phblckImg {background-size: auto 100%;}
	.phlyot03 .phblckImg {background-size: auto 100%;}
	.phblckBox .BtM .conDetBtS {width: 80%;}
}
@media screen and (max-width: 700px) {
	.phblckArea {width: 100%;}
	.phblckBox {width: 100%;display: block;}
	.phblckImg {height: 320px;}
	.phblckTxt {padding: 20px;height: auto;}
	.phblckBox {display: flex;}
	.phlyot01,
	.phlyot03 {flex-direction: column}
	.phlyot02 {flex-direction: column-reverse}
	.phlyot01 .phblckImg {background: url(../../../core_sys/common/images/dez_tmp/phblck_img01_no.jpg) center center no-repeat;background-size: 100% auto;}
	.phlyot02 .phblckImg {background: url(../../../core_sys/common/images/dez_tmp/phblck_img02_no.jpg) center center no-repeat;background-size: 100% auto;}
	.phlyot03 .phblckImg {background: url(../../../core_sys/common/images/dez_tmp/phblck_img03_no.jpg) center center no-repeat;background-size: 100% auto;}
	.phblckBox .BtM .conDetBtS {width: 80%;}
}
/* ** dezpt_phblck end ** */

/* ** dezpt_phblck4 start ** */
/****************** 写真上 テキスト下 4分割 ******************/
/* 基本設定 */
.phblck4Area {padding: 0;font-size:0;}
.phblck4Area .BtM {width: 500px;margin: 0 auto;}
.phblck4Box {margin: 0 auto;padding: 0;}
.phblck4Box .phblck4Img {margin: 0;padding: 0;display: inline-block;vertical-align: top;}

.phblck4Img {width: 25%;height: 250px;}
.phblck4Img01 {background: url(../../../core_sys/common/images/dez_tmp/phblck4_img01_no.jpg) center center no-repeat;background-size: 100% auto;}
.phblck4Img02 {background: url(../../../core_sys/common/images/dez_tmp/phblck4_img02_no.jpg) center center no-repeat;background-size: 100% auto;}
.phblck4Img03 {background: url(../../../core_sys/common/images/dez_tmp/phblck4_img03_no.jpg) center center no-repeat;background-size: 100% auto;}
.phblck4Img04 {background: url(../../../core_sys/common/images/dez_tmp/phblck4_img04_no.jpg) center center no-repeat;background-size: 100% auto;}
.phblck4Txt {width: 100%;padding: 3.0rem 2.0rem;background: #f1f1f1;}
.phblck4Ti {
	color: #000;
	font-size: clamp(3.0rem, 3.0vw, 4.0rem);
	line-height: 1.2em;
	text-align: center;
}
.phblck4TxtInn {
	padding: 3.0rem 0;
	color: #000;
	font-size: clamp(1.6rem, 1.6vw, 1.8rem);
	font-weight: bold;
	line-height: 1.6em;
	text-align: center;
}
@media screen and (min-width:600px) and ( max-width:1100px) {
	.phblck4Img {width: 25%;height: 150px;}
}
@media screen and (max-width: 600px) {
	.phblck4Area {width: 100%;}
	.phblck4Area .BtM {width: 90%;margin: 0 auto;}
	.phblck4Box .phblck4Img {width: 50%;height: 160px;}
	.phblck4Txt {padding: 2.0rem 2.0rem 1.0rem 2.0rem;}
	.phblck4Ti,
	.phblck4TxtInn {text-align: left;}
}
/* ** dezpt_phblck4 end ** */

/* ** dezpt_pointblck start ** */
/****************** ポイントパーツ基本設定 ******************/

/*** 基本ボックス指定 ***/
.dispBox {width: 100%;margin: 0 auto;padding: 4.0rem 0;text-align: center;}
.dispBoxInn {margin: 0 auto;padding: 0;border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod);}

/*** カラー等個別設定 ***/
/* 基本パターン */
.dispBox.pointDz01 {background: #4c4c4c;}
.dispBox.pointDz01 .dispBoxInn {background: #fff;box-shadow: 0 0 3px #000;}
.dispBox.pointDz01 .heading0110{color: #fff;}
.dispBox.pointDz01 .heading0110:before {background: #fff;}
.dispBox.pointDz01 .heading0110 span {background: #4c4c4c;}
.dispBox.pointDz01 .dispBoxLabel {color: #fff;background: #000;}
.dispBox.pointDz01 .dispBoxTi span,
.dispBox.pointDz01 .dispBoxTiSub span {color: #c20707;}

/*** テキスト指定 ***/
/* ポイントアイコン共通 */
.dispBoxSup,
.dispBoxSup_uaw {
	margin: 0 auto 2.0rem auto;
	padding: 1.0rem 0;
	text-align: center;
	font-size: clamp(1.4rem, 1.4vw, 1.6rem);
	font-weight: bold;
	line-height: 1.0em;
	width: 250px;
	color: #fff;
	background: #1c1c1c;
	border-radius: 0.2rem;
}
.dispBoxSup {width: 250px;}/* ポイントアイコン */
.dispBoxSup_uaw {position: relative;width: 400px;}/* ポイントアイコン（吹き出し風） */
.dispBoxSup_uaw:after {position: absolute;bottom: -15px;left: 47%;width: 0;height: 0;content: '';border-width: 20px 12px 0 12px;border-style: solid;border-color: #1c1c1c transparent transparent transparent;}

.dispBoxTxtArea {width: 85%;margin: 0 auto;padding: 4.0rem 0;text-align: center;}
.dispBoxTi {margin: 0;padding: 1.5rem 0 0.5rem 0;font-size: clamp(3.0rem, 2.5vw, 4.5rem);line-height: 1.2em;text-align: center;}/* 文中タイトル */
.dispBoxTiSub {margin: 0;padding: 1.0rem 0 0 0;font-size: clamp(2.0rem, 2.0vw, 3.0rem);font-weight: bold;line-height: 1.2em;}/* 文中サブタイトル */
.dispBoxTxt {margin: 0;padding: 3.0rem 0;font-size: clamp(1.6rem, 1.6vw, 2.0rem);text-align: left;}/* 文中テキスト */
.dispBoxImg {margin: 0 auto;padding: 1.0rem 0;}
.dispBoxImg img {width: 100%;}/* 画像指定 */
.dispBoxBt {width: 100%;margin: 0;padding: 2.0rem 0;}
.dispBoxBtDet {width: 60%;margin: 0 auto;padding: 2.0rem 1.0rem;font-size: clamp(1.6rem, 1.6vw, 2.0rem);}/* 個別ボタン指定 */

@media screen and (max-width: 790px) {
	.dispBoxSup,
	.dispBoxSup_uaw {width: 80%;}
	.dispBoxTiSub {text-align: left;}
	.dispBoxBtDet {width: 100%;}
}
/****************** ポイントパーツ個別設定 ******************/

/* 個別ボックス指定 */
.dispBox.pointPt0101 .dispBoxInn {width: 90%;}
.dispBox.pointPt0101 .dispBoxInn {
	background: url(../../../core_sys/common/images/dez_tmp/point0101_pc.jpg) right center no-repeat #fff;
	background-size: 80% auto;
}
.dispBox.pointPt0101 .dispBoxTxtArea {width: 60%;margin: 0 0;padding: 4.0rem 5.0rem;text-align: left;}
.dispBox.pointPt0101 .dispBoxSup,
.dispBox.pointPt0101 .dispBoxSup_uaw {margin: 0 0 2.0rem 0;}
.dispBox.pointPt0101 .dispBoxTi {text-align: left;}/* 文中タイトル */
.dispBox.pointPt0101 .dispBoxBtDet {width: 100%;margin: 0;}/* 個別ボタン指定 */

@media screen and (max-width: 790px) {
	.dispBox.pointPt0101 .dispBoxTxtArea {width: 100%;margin: 0 auto 2.0rem auto;padding: 25.0rem 2.5rem 4.0rem 2.5rem;}
	.dispBox.pointPt0101 .dispBoxInn {
		background: url(../../../core_sys/common/images/dez_tmp/point0101_sp.jpg) right top no-repeat #fff;
		background-size: 100% auto;
	}
	.dispBox.pointPt0101 .dispBoxSup,
	.dispBox.pointPt0101 .dispBoxSup_uaw {margin: 0 auto 2.0rem auto;}
}
/*** 個別設定 pointPt0102 ****/

.dispBox.pointPt0102 .dispBoxInn {width: 860px;}

@media screen and (max-width: 790px) {
	.dispBox.pointPt0102 .dispBoxInn {width: 90%;}
}
/*** 個別設定 pointPt0103 ****/

.dispBox.pointPt0103 .dispBoxInn {width: 1200px;}
.dispBox.pointPt0103 .dispBoxTxtL {width: 50%;padding: 0;}
.dispBox.pointPt0103 .dispBoxTxtAreaInn {
	background: url(../../../core_sys/common/images/dez_tmp/point0103_pc.jpg) right 3.0rem no-repeat #fff;
	background-size: auto;
}
@media screen and (max-width: 790px) {
	.dispBox.pointPt0103 .dispBoxInn {width: 90%;}
	.dispBox.pointPt0103 .dispBoxTxtL {width: 100%;padding-top: clamp(38.0rem, 100vw, 60.0rem);}
	.dispBox.pointPt0103 .dispBoxTxtAreaInn {
		background: url(../../../core_sys/common/images/dez_tmp/point0103_sp.jpg) center 3.0rem no-repeat #fff;
		background-size: 100% auto;
	}
}
/****************** ポイントパーツ基本設定(2列以上) ******************/
/* 横並びボックス */
.FlexSgBox {width: 90%;margin: 0 auto;padding: 0;display: flex;gap: 2.0rem;justify-content: space-between;}
.FlexSgBoxInn {
	width: 100%;
	margin: 0 auto 2.0rem auto;
	padding: 0 0 3.0rem 0;
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod);
}
.FlexSgBox .dispBoxBtDet {width: 90%;}

@media screen and (max-width: 800px) {
	.FlexSgBox {width: 90%;display: block;}
	.FlexSgBoxInn {width: 100%;}
}
/* ** dezpt_pointblck end ** */

/* ** dezpt_titleblck start ** */
/****************** 下矢印付きタイトル ******************/
/* 基本設定 */
.TiTxtArwArea {
	padding: 2.0rem 0 3.0rem 0;
	text-align: center;
	position: relative;
	background-color: var(--app-TiTxtArw-bg);
}
.SvgImg .IcoSvg {padding-top: 3px;width: 70px;height: 70px;fill: var(--app-TiTxtArw-bg);}

.TiTxtArwArea .ptLayoutInn {padding: 0 2.0rem;}
.TiTxtArwArea h2.TiTxtArwTi {
	text-align: center;
	padding: 2.0rem 0;
	color: var(--app-TiTxtArw-txt);
	font-size: clamp(2.8rem, 4.0vw, 4.0rem);
}
.TiTxtArwArea p.TiTxtArwTxt {
	padding: 0.5rem 0 4.0rem 0;
	color: #fff;
	font-size: clamp(1.5rem, 1.6vw, 1.8rem);
	font-weight: bold;
	line-height: 1.6em;
}
.SvgImg {
	position: absolute;
	left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	bottom: -75px;
}
.SvgImg .SvgImgWaku {
	width: 73px;
	height: 73px;
	border-radius: 50%;
	background: var(--app-TiTxtArw-txt);
}
@media screen and (max-width: 800px) {
	.TiTxtArwArea p.TiTxtArwTxt {text-align: left;}
}
/* ** dezpt_titleblck end ** */

/* ** dezpt_ctablck start ** */
/****************** CTAパーツ個別設定 ******************/
.ctablckArea {
	width: 100%;
	height: 420px;
	margin: 0 auto;
	padding: 0;
	background: url(../../../core_sys/common/images/dez_tmp/cta_bg.jpg) center top no-repeat; /* 背景色 */
}
.ctablckTi {
	margin: 0 auto;
	padding: 6.0rem 0 0 0;
	text-align: center;
	line-height: 1.2;
	color: #fff; /* テキスト色 */
	font-size: clamp(2.8rem, 4.0vw, 4.0rem);
	font-weight: bold;
}
/* CTAボタンサイズ */
.CtaSetBox {
	width: 1024px;
	margin: 0 auto;
	padding: 3.0rem 0 0 0;
	display: flex;
	gap: 2.0rem;
	justify-content: space-between;
}
.CtaSetBox .DetLinkBt {width: 100%;}
.CtaSetBox .BtM a {border-radius: 10.5rem;}
.CtaSetBox .DetLinkBt a {
	width: 100%;
	margin: 2.0rem auto;
	padding: 3.0rem 0;
	font-size: clamp(2.0rem, 2.5vw, 2.8rem);
	font-weight: bold;
	color: #fff; /* テキスト色 */
	border: inhelit; /* ボーダー指定 */
	box-shadow: inhelit; /* 背景影色 */
}
.CtaSetBox .DetLinkBt.CtaBtA a {background: #1169d6;}
.CtaSetBox .DetLinkBt.CtaBtB a {background: #ff9000;}

@media screen and (max-width: 1024px) {
	.CtaSetBox {width: 85%;}
}
@media screen and (max-width: 700px) {
	.ctablckArea {height: 380px;background-size:auto 100%;}
	.ctablckTi {padding: 3.0rem 0 0 0;}
	.CtaSetBox {width: 85%;padding: 1.0rem 0 0 0;display: block;}
	.CtaSetBox .DetLinkBt {width: 100%;}
	.CtaSetBox .DetLinkBt a {width: 100%;margin: 1.5rem auto;padding: 2.0rem 0;}
}
/****************** CTAパーツ個別設定(連絡先付き) ******************/
.ctaTelblckBox {
	width: 860px;
	margin: 3.0rem auto;
	padding: 0;
	text-align: center;
 	border-radius: 0.3rem 0.3rem 0 0;
 	-webkit-border-radius: 0.3rem 0.3rem 0 0;
	-moz-border-radius: 0.3rem 0.3rem 0 0;
	border: 1px solid #333;
	background: #f7f7f7;
}
.ctaTelblckTi {
	margin: 0 auto;
	padding: 1.0rem 2.0rem;
	text-align: left;
	color: #fff;
	font-size: clamp(1.6rem, 2.0vw, 2.2rem);
	background: #000;
 	border-radius: 0.3rem 0.3rem 0 0;
 	-webkit-border-radius: 0.3rem 0.3rem 0 0;
	-moz-border-radius: 0.3rem 0.3rem 0 0;
}
.CtaTelSetArea {
	width: 100%;
	margin: 0 auto;
	padding: 2.0rem 3.0rem;
	display: flex;
	gap: 2.0rem 4.0rem;
	justify-content: space-between;
}
.CtaTelSetArea .BtM a {border-radius: 0.5rem;}
.CtaTelSetArea .DetLinkBt a {
	width: 100%;
	margin: 2.0rem auto;
	padding: 2.0rem;
	font-size: clamp(1.6rem, 2.0vw, 2.0rem);
	font-weight: bold;
	color: #fff;
	border: inhelit;
	box-shadow: inhelit;
}
.CtaTelSetArea .DetLinkBt.CtaBtA a {background: #1169d6;}
.CtaTelSetArea .DetLinkBt.CtaBtB a {background: #ff9000;}

.CtaTelSetArea .DetLinkBt {width: 80%;}
.CtaTelSetBox {width: 100%;}
.CtaTelSetBox p.CtaTelTxt {
	margin: 0 auto;
	padding: 0.5rem;
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
	text-align: left;
}
/* 電話・FAX番号 */
.CtaTelSetBox .TelArea {float: left;}
.CtaTelSetBox .telIco,
.CtaTelSetBox .faxIco {font-size: clamp(3.0rem, 3.0vw, 3.5rem);font-weight: bold;}

@media screen and (max-width: 850px) {
	.ctaTelblckBox {width: 80%;}
	.CtaTelSetArea {padding: 0.5rem 4.0rem 3.0rem 4.0rem;display: block;gap: 0;}
	.CtaTelSetArea .DetLinkBt {width: 100%;}
	.CtaTelSetArea .DetLinkBt a {padding: 1.5rem;}
}
/****************** CTAパーツ(小)個別設定 ******************/

.ctaSblckArea {width: 100%;margin: 0 auto;padding: 0;}

/* CTAボタンサイズ */
.CtaSSetBox {
	width: 100%;
	margin: 0 auto;
	padding: 2.0rem 0;
	display: flex;
	gap: 1.0rem;
	justify-content: space-between;
}
.CtaSSetBox .DetLinkBt {width: 100%;}
.CtaSSetBox .BtM a {border-radius: 10.5rem;}
.CtaSSetBox .DetLinkBt a {
	width: 200px;
	margin: 1.0rem auto;
	padding: 2.0rem 0;
	font-size: 1.6rem;
	font-weight: bold;
	color: #fff;
	border: inhelit;
	box-shadow: inhelit;
}
.CtaSSetBox .DetLinkBt.CtaBtA a {background: #1169d6;}
.CtaSSetBox .DetLinkBt.CtaBtB a {background: #ff9000;}

@media screen and (max-width: 900px) {
	.CtaSSetBox {display: block;}
	.CtaSSetBox .DetLinkBt a {width: 90%;}
}
/* ** dezpt_ctablck end ** */

/* ** dezpt_icoblck start ** */
/****************** アイコン説明設置 ******************/
/* 基本設定 */
.bsblckIco {width: 100%;margin: 0 auto;padding: 0;}
.bsblckIco ul {list-style: none;display: flex;flex-direction: row;justify-content: space-between;}
.bsblckIco li {width: 100%;padding: 0 1.0rem;}
.blckIcoDet {
	display: block;
	padding: 1.5rem 0.5rem;
	text-align: center;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	color: #000;
	background: #fff;
	border: 4px solid #000;
}
.blckIcoDet .IcoSvg {width: 80px;height: 80px;fill: #000;}
.blckIcoDet p.blckTi {
	padding-top: 0;
	font-size: clamp(1.6rem, 1.6vw, 2.0rem);
	font-weight: bold;
}
.blckIcoDet p.blckCap {
	padding-top: 0;
	font-size: clamp(1.2rem, 1.0vw, 1.4rem);
	font-weight: bold;
}
a.blckIcoDet:hover {filter: alpha(opacity=65);-moz-opacity:0.75;opacity:0.75;text-decoration: none;}

@media screen and (max-width: 800px) {
	.bsblckIco ul {display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
    .bsblckIco ul>* {flex: 1 1 50.0%;}
    .bsblckIco li {padding: 0 2px 4px 2px;}
	.blckIcoDet .IcoSvg {width: 50px;height: 50px;}
}
/* ** dezpt_icoblck end ** */

/* ** dezpt_corpblck start ** */
/****************** 住所設置 ******************/

/* 基本設定 */
address {padding: 0;font-style:normal;font-weight:normal;color: #fff;background: inhelit;}
address a {color: #fff;}
address p.logo {margin: 0 auto 2.0rem auto;}
address p.logo img {max-width: 100%;}

/* ボタン設定 */
address p.contactBt a {
	display: block;
	margin: 2.0rem 0;
	padding: 1.0rem;
	text-align: center;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
address p.contactBt a:hover {filter: alpha(opacity=65);-moz-opacity:0.75;opacity:0.75;}

/* フォント等個別指定 */
address p.logo {max-width: 200px;}
address p.name {font-size: clamp(1.6rem, 2.0vw, 2.0rem);padding: 0.5rem 0;} /* 名前 */
address p.add {font-size: clamp(1.2rem, 1.4vw, 1.4rem);padding: 0.5rem 0;line-height: 1.4em;} /* 住所 */
address p.tel {font-size: clamp(1.4rem, 1.6vw, 1.6rem);} /* 電話番号 */
address p.mail {font-size: clamp(1.2rem, 1.4vw, 1.4rem);}/* メールアドレス */
address p.cap {font-size: clamp(1.4rem, 1.6vw, 1.6rem);}/* サブキャプション */
address p.txt {font-size: clamp(1.2rem, 1.4vw, 1.4rem);padding: 0.5rem 0;}/* 概要 */
address p.contactBt a {
	font-size: clamp(1.4rem, 1.6vw, 1.6rem);
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	border: 1px solid #fff;
	background: #000;
}
/****************** アイコンパーツ ******************/
/* 電話・FAX番号 */
.telIco,
.faxIco {padding-left: 3.0rem;font-size: 2.5rem;font-weight: bold;}
.telIco {padding-right: 1.0rem;}
.telIco {background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24" width="24px" height="24px"><path fill="%23var(--app-basic-txt)" d="M20.07,4.93C21.88,6.74 23,9.24 23,12C23,14.76 21.88,17.26 20.07,19.07L18.66,17.66C20.11,16.22 21,14.22 21,12C21,9.79 20.11,7.78 18.66,6.34L20.07,4.93M17.24,7.76C18.33,8.85 19,10.35 19,12C19,13.65 18.33,15.15 17.24,16.24L15.83,14.83C16.55,14.11 17,13.11 17,12C17,10.89 16.55,9.89 15.83,9.17L17.24,7.76M13,10A2,2 0 0,1 15,12A2,2 0 0,1 13,14A2,2 0 0,1 11,12A2,2 0 0,1 13,10M11.5,1A2.5,2.5 0 0,1 14,3.5V8H12V4H3V19H12V16H14V20.5A2.5,2.5 0 0,1 11.5,23H3.5A2.5,2.5 0 0,1 1,20.5V3.5A2.5,2.5 0 0,1 3.5,1H11.5Z" /></svg>') no-repeat left center;}
.faxIco {background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24" width="24px" height="24px"><path fill="%23var(--app-basic-txt)" d="M11,6H16V8H11V6M8,9V3H19V9A3,3 0 0,1 22,12V18H19V21H8V18H7V9H8M10,5V9H17V5H10M10,15V19H17V15H10M19,11A1,1 0 0,0 18,12A1,1 0 0,0 19,13A1,1 0 0,0 20,12A1,1 0 0,0 19,11M4,9H5A1,1 0 0,1 6,10V17A1,1 0 0,1 5,18H4A2,2 0 0,1 2,16V11A2,2 0 0,1 4,9Z" /></svg>') no-repeat left center;}

/* CTAボタン */
.ctaBt a {display: block;text-decoration: none;text-align: center;border-radius: 0.3rem;}
.ctaBt a {margin: 0.3rem 0.5rem;padding: 0.5rem 3.0rem;font-size: 1.4rem;font-weight: bold;}
.ctaBt .ctaBtPt01 a {background: #ff7200;color: #fff;}
+
/**** CTAレイアウト ****/
.ctaArea {margin: 1.0rem 0;}
.TelArea,
.ctaBt {float: right;}
.TelArea p {display: inline-block;vertical-align: middle;}
.ctaBt p {display: inline-block;vertical-align: middle;}

/****************** 規約やポリシー等のパーツ ******************/
/* タイトル指定 */
.policy h2 {
	font-size: clamp(2.0rem, 2.0vw, 2.4rem);
	padding-top: 2.0rem;
}
/* ** dezpt_corpblck end ** */

/* ** dezpt_keyblck start ** */
/****************** キービジュアルデザインサンプル ******************/
/* キービジュアル要素 */
.bgheader .scroll-nml {
	height: 1000px;
	background: url(../../../core_sys/common/images/dez_tmp/main_bg_no.jpg) center top no-repeat #eee;
}
/* デフォルトサンプル */
.KeyArea {width: 980px;margin: 0 auto;padding-top: 260px;}
.MainCopy,
.MainSub {text-align: center;color: #fff;text-shadow: 0 0 1.0rem #333;line-height: 1.2;}
.MainCopy {padding: 0;font-size: clamp(4.6rem, 5.5vw, 7.0rem);font-weight: bold;}
.MainSub {font-size: clamp(1.8rem, 2.0vw, 2.0rem);padding-top: 2.0rem;font-weight: bold;}

@media screen and (min-width:600px) and ( max-width:1100px) {
	.KeyArea {width: 95%;padding: 200px 2.0rem 100px 2.0rem;}
}
@media screen and (max-width: 600px) {
	.bgheader .scroll-nml {
		height: 700px;
		url(../../../core_sys/common/images/dez_tmp/main_bg_sp_no.jpg) center top no-repeat #eee;
	}
	.KeyArea {width: 100%;padding: 300px 2.0rem 0 2.0rem;}
}
/* キービジュアル要素2 */
.mainblckArea {height: 700px;background: linear-gradient(70deg, #033a4a, #510f52);}
.mainblckKeyArea {width: 980px;margin: 0 auto;padding-top: 160px;}
.mainblckBtArea {width: 980px;margin: 0 auto;padding-top: 60px;}

@media screen and (min-width:600px) and ( max-width:1100px) {
	.mainblckKeyArea {width: 95%;padding: 150px 2.0rem 30px 2.0rem;}
}
@media screen and (max-width: 600px) {
	.mainblckArea {height: 500px;}
	.mainblckKeyArea {width: 100%;padding: 150px 2.0rem 0 2.0rem;}
	.mainblckBtArea {width: 90%;margin: 0 auto;padding-top: 60px;}
}
/* ** dezpt_keyblck end ** */

/* ** dezpt_orcode start ** */

/*** QRコード表示 ***/
.qrCode {width: 40%;margin: 2.5rem auto;padding: 0;text-align: center;}
.qrCode img {width: 100%;}
.qrCodeTxt {margin: 1.5rem auto;padding: 0;text-align: center;font-size: 1.4rem;font-weight: bold;}

@media screen and (max-width: 600px) {
	.qrCode {width: 60%;}
}
/* ** dezpt_orcode end ** */

/* ** dezpt_diagram start ** */

/****** 相関図表示（枠部分） ******/

/* 基本枠 */
.diagramBox {width: 100%;margin: 0 auto;}

/****** 相関図表示パーツ（1対1） ******/

/*** 図形箇所 ***/
/* 基本枠 */
.diagram {
	width: 80%;
	margin-top: 3.0rem;
	margin-bottom: 3.0rem;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	font-weight: bold;
}
/* 要素枠 */
.diagram_item {
	position: relative;
	padding-top: 10%;
	width: 30%;
	border-radius: var(--diagram-rod);-webkit-border-radius: var(--diagram-rod);-moz-border-radius: var(--diagram-rod); /* 角丸 */
}
.diagram_item > span {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding: 0.5em;
	width: 100%;
	box-sizing: border-box;
	color: #999;
	text-align: center;
	white-space: nowrap;
	font-size: clamp(1.2rem, 1.4vw, 1.4rem);
}
/* 要素枠左 */
.diagram_item.itemL {border: 0.2rem solid var(--diagram-l-brd);background: var(--diagram-l-bg);}
.diagram_item.itemL > span {color: var(--diagram-l-txt);}

/* 要素枠右 */
.diagram_item.itemR {border: 0.2rem solid var(--diagram-r-brd);background: var(--diagram-r-bg);}
.diagram_item.itemR > span {color: var(--diagram-r-txt);}

/* 矢印要素枠 */
.diagram_arrow {
	position: relative;
	width: 40%;
	font-size: clamp(1.2rem, 1.4vw, 1.4rem);
}
.diagram_arrow_lr,
.diagram_arrow_rl {
	position: absolute;
	left: 0.5em;
	right: 0.5em;
	text-align: center;
	line-height: 1.5;
	white-space: nowrap;
}
.diagram_arrow_lr {
	bottom: calc(40% + 1em);
	padding: 0px 0px 1em;
	color: var(--diagram-aw-l-brd);
}
.diagram_arrow_rl {
	top: calc(40% + 1em);
	padding: 1em 0px 0px;
	color: var(--diagram-aw-r-brd);
}
.diagram_arrow_lr::before,
.diagram_arrow_rl::before {
	position: absolute;
	left: 0px;
	width: 100%;
	height: 1.2em;
	content: "";
}
.diagram_arrow_lr::before {
	bottom: 0px;
	background:
		linear-gradient(to bottom, var(--diagram-aw-l-brd) 0%, var(--diagram-aw-l-brd) 100%) center left / calc(100% - 0.6em) 0.4em no-repeat,
		linear-gradient(to top left, transparent 50%, var(--diagram-aw-l-brd) 50%) top calc(50% + 0.3em - 0.5px) right -2px / 1.2em 0.6em no-repeat,
		linear-gradient(to bottom left, transparent 50%, var(--diagram-aw-l-brd) 50%) top calc(50% - 0.3em + 0.5px) right -2px / 1.2em 0.6em no-repeat;
}
.diagram_arrow_rl::before {
	top: 0px;
	background:
		linear-gradient(to bottom, var(--diagram-aw-r-brd) 0%, var(--diagram-aw-r-brd) 100%) center right / calc(100% - 0.6em) 0.4em no-repeat,
		linear-gradient(to bottom right, transparent 50%, var(--diagram-aw-r-brd) 50%) top calc(50% - 0.3em + 0.5px) left -2px / 1.2em 0.6em no-repeat,
		linear-gradient(to top right, transparent 50%, var(--diagram-aw-r-brd) 50%) top calc(50% + 0.3em - 0.5px) left -2px / 1.2em 0.6em no-repeat;
}
@media screen and (max-width: 480px) {
	.diagram {width: 90%;}
	.diagram_item {padding-top: 20%;}
	.diagram_arrow_lr {bottom: calc(35% + 1em);}
	.diagram_arrow_rl {top: calc(35% + 1em);}
}
/*** 各種状態パターン ***/
/* 左要素が起点で状態が完了していないパターン */
.diagram.situLcN {}

/* 要素枠左 */
.situLcN .diagram_item.itemL {border: 0.2rem solid var(--diagram-l-on-brd);background: var(--diagram-l-on-bg);}
.situLcN .diagram_item.itemL > span {color: var(--diagram-l-on-txt);}

/* 要素枠右 */
.situLcN .diagram_item.itemR {border: 0.2rem solid var(--diagram-r-off-brd);background: var(--diagram-r-off-bg);}
.situLcN .diagram_item.itemR > span {color: var(--diagram-r-off-txt);}

.situLcN .diagram_arrow_lr {color: var(--diagram-aw-l-off-brd);}
.situLcN .diagram_arrow_rl {color: var(--diagram-aw-r-off-brd);}
.situLcN .diagram_arrow_lr::before {
	background:
		linear-gradient(to bottom, var(--diagram-aw-l-off-brd) 0%, var(--diagram-aw-l-off-brd) 100%) center left / calc(100% - 0.6em) 0.4em no-repeat,
		linear-gradient(to top left, transparent 50%, var(--diagram-aw-l-off-brd) 50%) top calc(50% + 0.3em - 0.5px) right -2px / 1.2em 0.6em no-repeat,
		linear-gradient(to bottom left, transparent 50%, var(--diagram-aw-l-off-brd) 50%) top calc(50% - 0.3em + 0.5px) right -2px / 1.2em 0.6em no-repeat;
}
.situLcN .diagram_arrow_rl::before {
	background:
		linear-gradient(to bottom, var(--diagram-aw-r-off-brd) 0%, var(--diagram-aw-r-off-brd) 100%) center right / calc(100% - 0.6em) 0.4em no-repeat,
		linear-gradient(to bottom right, transparent 50%, var(--diagram-aw-r-off-brd) 50%) top calc(50% - 0.3em + 0.5px) left -2px / 1.2em 0.6em no-repeat,
		linear-gradient(to top right, transparent 50%, var(--diagram-aw-r-off-brd) 50%) top calc(50% + 0.3em - 0.5px) left -2px / 1.2em 0.6em no-repeat;
}
/* 左要素が起点で状態が完了しているパターン */
.diagram.situLcO {}

/* 要素枠左 */
.situLcO .diagram_item.itemL {border: 0.2rem solid var(--diagram-l-on-brd);background: var(--diagram-l-on-bg);}
.situLcO .diagram_item.itemL > span {color: var(--diagram-l-on-txt);}

/* 要素枠右 */
.situLcO .diagram_item.itemR {border: 0.2rem solid var(--diagram-r-on-brd);background: var(--diagram-r-on-bg);}
.situLcO .diagram_item.itemR > span {color: var(--diagram-r-on-txt);}

.situLcO .diagram_arrow_lr {color: var(--diagram-aw-l-on-brd);}
.situLcO .diagram_arrow_rl {color: var(--diagram-aw-r-off-brd);}
.situLcO .diagram_arrow_lr::before {
	background:
		linear-gradient(to bottom, var(--diagram-aw-l-on-brd) 0%, var(--diagram-aw-l-on-brd) 100%) center left / calc(100% - 0.6em) 0.4em no-repeat,
		linear-gradient(to top left, transparent 50%, var(--diagram-aw-l-on-brd) 50%) top calc(50% + 0.3em - 0.5px) right -2px / 1.2em 0.6em no-repeat,
		linear-gradient(to bottom left, transparent 50%, var(--diagram-aw-l-on-brd) 50%) top calc(50% - 0.3em + 0.5px) right -2px / 1.2em 0.6em no-repeat;
}
.situLcO .diagram_arrow_rl::before {
	background:
		linear-gradient(to bottom, var(--diagram-aw-r-off-brd) 0%, var(--diagram-aw-r-off-brd) 100%) center right / calc(100% - 0.6em) 0.4em no-repeat,
		linear-gradient(to bottom right, transparent 50%, var(--diagram-aw-r-off-brd) 50%) top calc(50% - 0.3em + 0.5px) left -2px / 1.2em 0.6em no-repeat,
		linear-gradient(to top right, transparent 50%, var(--diagram-aw-r-off-brd) 50%) top calc(50% + 0.3em - 0.5px) left -2px / 1.2em 0.6em no-repeat;
}
/* 右要素が起点で状態が完了していないパターン */
.diagram.situRcN {}

/* 要素枠左 */
.situRcN .diagram_item.itemL {border: 0.2rem solid var(--diagram-l-off-brd);background: var(--diagram-l-off-bg);}
.situRcN .diagram_item.itemL > span {color: var(--diagram-l-off-txt);}

/* 要素枠右 */
.situRcN .diagram_item.itemR {border: 0.2rem solid var(--diagram-r-on-brd);background: var(--diagram-r-on-bg);}
.situRcN .diagram_item.itemR > span {color: var(--diagram-r-on-txt);}

.situRcN .diagram_arrow_lr {color: var(--diagram-aw-l-off-brd);}
.situRcN .diagram_arrow_rl {color: var(--diagram-aw-r-off-brd);}
.situRcN .diagram_arrow_lr::before {
	background:
		linear-gradient(to bottom, var(--diagram-aw-l-off-brd) 0%, var(--diagram-aw-l-off-brd) 100%) center left / calc(100% - 0.6em) 0.4em no-repeat,
		linear-gradient(to top left, transparent 50%, var(--diagram-aw-l-off-brd) 50%) top calc(50% + 0.3em - 0.5px) right -2px / 1.2em 0.6em no-repeat,
		linear-gradient(to bottom left, transparent 50%, var(--diagram-aw-l-off-brd) 50%) top calc(50% - 0.3em + 0.5px) right -2px / 1.2em 0.6em no-repeat;
}
.situRcN .diagram_arrow_rl::before {
	background:
		linear-gradient(to bottom, var(--diagram-aw-r-off-brd) 0%, var(--diagram-aw-r-off-brd) 100%) center right / calc(100% - 0.6em) 0.4em no-repeat,
		linear-gradient(to bottom right, transparent 50%, var(--diagram-aw-r-off-brd) 50%) top calc(50% - 0.3em + 0.5px) left -2px / 1.2em 0.6em no-repeat,
		linear-gradient(to top right, transparent 50%, var(--diagram-aw-r-off-brd) 50%) top calc(50% + 0.3em - 0.5px) left -2px / 1.2em 0.6em no-repeat;
}
/* 右要素が起点で状態が完了しているパターン */
.diagram.situRcO {}

/* 要素枠左 */
.situRcO .diagram_item.itemL {border: 0.2rem solid var(--diagram-l-on-brd);background: var(--diagram-l-on-bg);}
.situRcO .diagram_item.itemL > span {color: var(--diagram-l-on-txt);}

/* 要素枠右 */
.situRcO .diagram_item.itemR {border: 0.2rem solid var(--diagram-r-on-brd);background: var(--diagram-r-on-bg);}
.situRcO .diagram_item.itemR > span {color: var(--diagram-r-on-txt);}

.situRcO .diagram_arrow_lr {color: var(--diagram-aw-l-off-brd);}
.situRcO .diagram_arrow_rl {color: var(--diagram-aw-r-on-brd);}
.situRcO .diagram_arrow_lr::before {
	background:
		linear-gradient(to bottom, var(--diagram-aw-l-off-brd) 0%, var(--diagram-aw-l-off-brd) 100%) center left / calc(100% - 0.6em) 0.4em no-repeat,
		linear-gradient(to top left, transparent 50%, var(--diagram-aw-l-off-brd) 50%) top calc(50% + 0.3em - 0.5px) right -2px / 1.2em 0.6em no-repeat,
		linear-gradient(to bottom left, transparent 50%, var(--diagram-aw-l-off-brd) 50%) top calc(50% - 0.3em + 0.5px) right -2px / 1.2em 0.6em no-repeat;
}
.situRcO .diagram_arrow_rl::before {
	background:
		linear-gradient(to bottom, var(--diagram-aw-r-on-brd) 0%, var(--diagram-aw-r-on-brd) 100%) center right / calc(100% - 0.6em) 0.4em no-repeat,
		linear-gradient(to bottom right, transparent 50%, var(--diagram-aw-r-on-brd) 50%) top calc(50% - 0.3em + 0.5px) left -2px / 1.2em 0.6em no-repeat,
		linear-gradient(to top right, transparent 50%, var(--diagram-aw-r-on-brd) 50%) top calc(50% + 0.3em - 0.5px) left -2px / 1.2em 0.6em no-repeat;
}
/* ** dezpt_diagram end ** */

/* ** dezpt_guide start ** */

/* 枠ボックス */
.helpBox {
	margin-left: auto;
	margin-right: auto;
}
.helpBoxInn {padding: 2.0rem;}
.helpBoxImg {padding: 2.0rem 1.0rem;}
.helpBoxImg img {width: 100%;}

.helpBoxInn ul,
.helpBoxInn ol {padding: 0 2.0rem;}

/* タイトル */
.helpBoxTi,
.helpBoxTiSub {
	margin: 0 auto;
	line-height: 1.4;
	font-weight: bold;
	text-align: left;
}
.helpBoxTi {
	padding: 1.0rem;
	font-size: clamp(2.0rem, 2.0vw, 2.0rem); /* フォントサイズ */
	border-bottom: 1px dotted #999;
}
.helpBoxTiSub {
	padding: 2.5rem 1.0rem 0 1.0rem;
	font-size: clamp(1.8rem, 1.8vw, 1.8rem); /* フォントサイズ */
}
/* 本文 */
.helpBoxTxt {
	margin: 0 auto;
	padding: 1.0rem;
	text-align: left;
	line-height: 1.6;
	font-size: clamp(1.4rem, 1.6vw, 1.6rem); /* フォントサイズ */
}
.helpBoxCap {
	margin: 1.0rem auto;
	padding: 1.0rem;
	text-align: left;
	line-height: 1.6;
	font-size: clamp(1.3rem, 1.3vw, 1.3rem); /* フォントサイズ */
}
/* 注意書き部分 */
.helpBoxCapBox {
	margin: 1.5rem auto;
	padding: 1.5rem;
	text-align: left;
	line-height: 1.6;
	font-size: clamp(1.4rem, 1.6vw, 1.6rem); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--helpBox-rod);-webkit-border-radius: var(--helpBox-rod);-moz-border-radius: var(--helpBox-rod); /* 角丸 */
}
/* 黄枠 */
.helpBoxCapBox.CapBoxY {
	color: var(--helpBox-y-txt); /* テキスト色 */
	background: var(--helpBox-y-bg); /* 背景色 */
	border: var(--helpBox-y-brd); /* ボーダー指定 */
}
/* 青枠 */
.helpBoxCapBox.CapBoxB {
	color: var(--helpBox-b-txt); /* テキスト色 */
	background: var(--helpBox-b-bg); /* 背景色 */
	border: var(--helpBox-b-brd); /* ボーダー指定 */
}
/* 赤枠 */
.helpBoxCapBox.CapBoxR {
	color: var(--helpBox-r-txt); /* テキスト色 */
	background: var(--helpBox-r-bg); /* 背景色 */
	border: var(--helpBox-r-brd); /* ボーダー指定 */
}
/* 緑枠 */
.helpBoxCapBox.CapBoxG {
	color: var(--helpBox-g-txt); /* テキスト色 */
	background: var(--helpBox-g-bg); /* 背景色 */
	border: var(--helpBox-g-brd); /* ボーダー指定 */
}
/* グレー枠 */
.helpBoxCapBox.CapBoxH {
	color: var(--helpBox-h-txt); /* テキスト色 */
	background: var(--helpBox-h-bg); /* 背景色 */
	border: var(--helpBox-h-brd); /* ボーダー指定 */
}
@media screen and (max-width: 600px) {
	.helpBoxInn {padding: 1.0rem 0.5rem;}
	.helpBoxImg {padding: 1.5rem 0;}
}
/* FLEXボックス(主に横並びヘルプを作る際の基本レイアウト) */
.helpFlexBox {margin-top: 0;margin-bottom: 2.0rem;padding: 0;display: flex;align-items: stretch;gap: 1.5rem;}
.helpFlexBoxInn,
.helpFlexBoxTi,
dl.helpFlexBoxCap {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border-radius: var(--app-helpFlexBox-rod);-webkit-border-radius: var(--app-helpFlexBox-rod);-moz-border-radius: var(--app-helpFlexBox-rod); /* 角丸 */
}
/* インナー要素 */
.helpFlexBoxInn {
	padding: 1.0rem;
	color: var(--app-helpFlexBox-txt);
	border: var(--app-helpFlexBox-brd);
	background: var(--app-helpFlexBox-bg);
	display: flex;
	flex-direction: column;
}
/* ボックス内タイトル */
.helpFlexBoxTi {
	padding: 1.0rem;
	color: var(--app-helpFlexBoxTi-txt);
	border: var(--app-helpFlexBoxTi-brd);
	background: var(--app-helpFlexBoxTi-bg);
	font-size: clamp(1.6rem, 1.6vw, 1.8rem);
	text-align: center;
}
/* ボックス内キャプションDL要素 */
dl.helpFlexBoxCap {
	height: 10.0rem;
	display: flex;
	margin: 0.5rem auto;
	padding: 0.5rem;
	font-size: clamp(1.2rem, 1.2vw, 1.2rem);
	background: var(--app-helpFlexBoxCap-bg);
	border: var(--app-helpFlexBoxCap-brd);
}
.helpFlexBoxCap dt,
.helpFlexBoxCap dd {padding: 0.5rem;font-weight: bold;}
.helpFlexBoxCap dt {width: 20%;}
.helpFlexBoxCap dd {width: 80%;}

/* ボックス内リスト要素 */
ul.helpFlexBoxLi {
	margin: 0.5rem 0 1.5rem 0;
	padding: 0.5rem 1.0rem;
	list-style: none;
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
	background: var(--app-helpFlexBoxLi-bg);
	border: var(--app-helpFlexBoxLi-brd);
}
/* ボックス内ボタン要素 */
.helpFlexBoxBt {margin-top: auto;}
.helpFlexBoxBt.editBt a,
.helpFlexBoxBt.editBt span {padding: 1.5rem 0;font-size: clamp(1.4rem, 1.4vw, 1.4rem);}

@media screen and (max-width: 600px) {
	.helpFlexBox {display: block;}
}

/* ** dezpt_guide end ** */