@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;
}
/* ** dezpt_basic end ** */

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

/* ** dezpt_mvavi_basic start ** */

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

/*** デザインパターン全てのボタン配置共通 ***/
.mnaviDez .ptLayoutInn {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;}/* お問合せボタン装飾 */

/* ** 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;}
}
/* ** 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: 50%;}
.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;}

/* ログイン者氏名指定 (写真付き) */
.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.0vw, 1.5rem);
	line-height: 1.2;
}
/*** ログイン者情報表示枠 ***/

/* ログイン情報（写真付き） */
.memInfoBox {display: block;width: var(--memInfo-size);}
.member_info {
	display: flex;
	padding: 0.8rem;
	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: 7px auto 20px 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シェア要素 ***/

/* SNSシェア配置枠 */
#SNSboxArea {margin: 0 auto;padding: 0;}
.shareList {
	width: 100%;
	list-style:none;
	display: flex;
    justify-content: flex-end;
	flex-wrap:wrap;
	margin:0 auto;
	padding: 0 0 4.0rem 0;
}
/* SNSシェアアイコン */
.shareList__item {
    flex-grow: 1;
	height:20px;
	line-height:40px;
	min-width:30px;
	text-align:center;
}
.shareList__link {
	display:block;
	text-decoration: none;
	margin: 0 0.2rem;
	border-radius: var(--SNS-rod);-webkit-border-radius: var(--SNS-rod);-moz-border-radius: var(--SNS-rod); /* 角丸 */
}
a.shareList__link:link,
a.shareList__link:visited,
a.shareList__link:active {
	color: var(--SNSshare-txt); /* テキスト色 */
}
.shareList__link::before{
	display:block;
	transition: ease-in-out .2s;
}
.shareList__link:hover::before{
	transform: scale(1.2);
	background: var(--SNSshare-bg); /* 背景色 */
	box-shadow: var(--app-BgBox-bbg);-webkit-box-shadow: var(--app-BgBox-bbg); /* 背景影色 */
}
/* アイコンカラー指定 */
/* twitter */
.shareList__link.icon-twitter{background:var(--twitter-bg);}
.shareList__link.icon-twitter:hover::before{color:var(--twitter-bg);}
/* facebook */
.shareList__link.icon-facebook{background:var(--facebook-bg);}
.shareList__link.icon-facebook:hover::before{color:var(--facebook-bg);}
/* google-plus */
.shareList__link.icon-google-plus{background:var(--google-bg);}
.shareList__link.icon-google-plus:hover::before{color:var(--google-bg);}
/* hatebu */
.shareList__link.icon-hatebu{background:var(--hatebu-bg);}
.shareList__link.icon-hatebu:hover::before{color:var(--hatebu-bg);}
/* pocket */
.shareList__link.icon-pocket{background:var(--pocket-bg);}
.shareList__link.icon-pocket:hover::before{color:var(--pocket-bg);}
/* rss */
.shareList__link.icon-rss{background:var(--rss-bg);}
.shareList__link.icon-rss:hover::before{color:var(--rss-bg);}
/* feedly */
.shareList__link.icon-feedly{background:var(--feedly-bg);}
.shareList__link.icon-feedly:hover::before{color:var(--feedly-bg);}
/* pinterest */
.shareList__link.icon-pinterest{background:var(--pinterest-bg);}
.shareList__link.icon-pinterest:hover::before{color:var(--pinterest-bg);}
/* linkedin */
.shareList__link.icon-linkedin{background:var(--linkedin-bg);}
.shareList__link.icon-linkedin:hover::before{color:var(--linkedin-bg);}
/* line */
.shareList__link.icon-line{background:var(--line-bg);}
.shareList__link.icon-line:hover::before{color:var(--line-bg);}

@media screen and (max-width: 600px) {
	#SNSboxArea {padding: 0 2.0rem;}
}
/* ** 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_search01 start ** */
/*** キーワード検索 ***/
/* 共通設定 */
.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.4rem, 1.2vw, 1.6rem);}
.search_container input[type="text"]{border: none;width: 100%;height: 2.0em;}
.search_container input[type="text"]:focus {outline: 0;}
.search_container input[type="button"],
.search_container input[type="submit"]{
	cursor: pointer;
	border: none;
	position: absolute;
	width: 4.5em;
	height: 3.2em;
	right:-5px;
	top: -5px;
	outline : none;
	-webkit-appearance: none;
	border-radius: 0;
	font-size: clamp(1.4rem, 1.2vw, 1.6rem);
	background: var(--contsearch-bt-bg); /* 背景色 */
	color: var(--contsearch-txt); /* テキスト色 */
}
/* ** dezpt_search01 end ** */

/* ** dezpt_search02 start ** */
/*** キーワード検索(ボタン分離) ***/
.search_container_sepl {display: flex;justify-content: flex-end;align-items: center;}
.seplTxt {
	margin: 0 0.5rem;
	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.2vw, 1.6rem);
	font-weight: normal;
}
.seplTxt.TxtArea {width: 100%;} /* フリーテキスト */
.seplTxt.DayArea {width: 30%;} /* 日付入力 */

@media screen and (max-width: 600px) {
	.seplTxt.DayArea {width: 100%;}
}
.seplBt {
	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 {filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;text-decoration:none;}

/* ** dezpt_search02 end ** */

/* ** dezpt_search03 start ** */

/*** 絞り込み検索(ポップアップ) ***/
.search_container_sepl a.seplBt {margin: 0.2rem 0;padding: 1.0rem 1.8rem;white-space:nowrap;}/* 詳細検索ボタン */
.seplBt.BtDet {background: #e7f036;color: #000;}
.popupSearch {width: 800px;margin: 0 auto;padding: 0;}
.popupSearchInn {width: 90%;margin: 0.5rem auto;padding: 0;}
.popupSearchBox {width: 100%;margin: 0 auto;padding: 2.0rem 0;}
.popupSearchBox .InputForm dt {width: 20%;padding-top: 2.0rem;}
.popupSearchBox .InputForm dd {width: 75%;}
.popupSearch .flexBtM {width: 100%;}
.popupSearch .flexBtM button {width: 90%;}

@media screen and (max-width: 600px) {
	.search_container_sepl a.seplBt {padding: 1.0rem 1.5rem;}/* 詳細検索ボタン */
	.popupSearch {width: 100%;}
	.popupSearchInn {width: 95%;}
	.popupSearchBox {width: 100%;padding: 0.5rem 0;}
	.popupSearchBox .InputForm dt {width: 100%;padding-top: 0;}
	.popupSearchBox .InputForm dd {width: 100%;}
	.popupSearch .flexBtM button {width: 80%;}
}
/* ** dezpt_search03 end ** */

/* ** dezpt_search04 start ** */

/*** 検索結果件数表示 ***/
.ListCntDetail p {
	padding: 0.5rem 0 0 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);}
.ListCntDetail span.ListCntPsb {font-size: clamp(1.6rem, 1.6vw, 1.8rem);color: #d06c5f;padding: 0 0.2rem;}

/* ** dezpt_search04 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;
	text-align:center;
	font-size: 1.3rem;
	font-weight:bold;
	display:block;
}
/* 幅固定（主に各種ステータス表示で利用） */
span.MdIcBg {
	width: 12.0rem;
	margin: 0 0.2rem;
	padding: 0.3rem;
	text-align:center;
	font-size: 1.3rem;
	font-weight:bold;
	display:block;
}
/* 幅固定小サイズ（主に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;
}
@media screen and (max-width: 600px) {
	span.MdIcBg {width: 100%;}
}
/******* アイコンカラー *******/

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_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 {}
.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 ** */
/*** カレンダー表示要素  ***/

/* カレンダー月選択表示設定 */
.calendarHead {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) {
	.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;
	font-size: clamp(1.2rem, 1.2vw, 1.4rem);
}
@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 {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) */
	background: var(--app-calendarTable-td-cr); /* 背景色(TD) */
}
.calendarTable.CldBrdNo td {border-top: none;}
.calendarTable td.hld {background: var(--app-calendarTable-hld-bg);} /* 背景色(当日) */
.calendarTable td.cln {background: var(--app-calendarTable-cln-bg);} /* 背景色(前の月・次の月) */
.calendarTable td.sun {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.4rem);
}
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 {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 auto 1.0rem auto;text-align: center;}
.dayLayoutYear {font-size: clamp(1.6rem, 1.6vw, 1.8rem);font-weight: bold;}
.dayLayoutDay {font-size: clamp(2.5rem, 2.5vw, 3.0rem);font-weight: bold;}
.dayLayoutTxt {font-size: clamp(1.6rem, 1.6vw, 1.8rem);font-weight: bold;}

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

.calendarInnDay,
.calendarInnTxt,
.calendarInnIco {text-align: left;}
.calendarInnDay {padding: 0 0 0.5rem 0;font-size: clamp(1.2rem, 1.2vw, 1.2rem);line-height: 1.0;}
.calendarInnTxt {padding: 0 0 0.5rem 0;font-size: clamp(1.4rem, 1.4vw, 1.4rem);line-height: 1.4;font-weight: bold;}
.calendarInnIco {padding: 0.2rem 0 1.0rem 0;font-size: clamp(1.2rem, 1.2vw, 1.2rem);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 table.ScrTableSet {
	display: block;
	overflow-x: scroll;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	table-layout: fixed;
}
@media screen and (max-width: 600px) {
	.TableBox table.ScrTable {
		display: block;
		overflow-x: scroll;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		table-layout: fixed;
	}
}
/* ** 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 ** */