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

/*======== app_listpt_dez.css ========*/
/******************************************* リスト *******************************************/

/* ** list_basic start ** */
/*** 01: リスト要素共通設定 ***/

/********* リスト一覧(カテゴリ画像表示) *********/
.cateVisualArea {}
.cateVisual {width: 100%;margin: 0 auto;padding: 0;text-align: center;}
.cateVisual img {width: clamp(100%, 1vw, 100%);margin: 0px auto;}

/********* リスト一覧(共通) *********/
.ListBox .column {width: 100%;padding: 0;}
.clmDetail {margin-top: 1.5%;margin-bottom: 3%;padding: 0 1.5% 1.5% 1.5%;}/* 要素毎の仕切り処理基本 */
@media screen and (max-width: 1100px) {.ListBox {padding: 0 2.0rem;}}
.ListTSgle {}
.tpl-1st-block {}
.tpl-1st-block dl {}
.tpl-1st-block dl.clmDetail {}
.ListTSgle .tpl-1st-block {padding: 0;}

/********* リスト一覧(高さ設定) *********/
/* タイトル */
.ellipsis .ListBox.ListType1 .column .ListMainTitle {position: relative;text-align: left;text-overflow: ellipsis;margin:auto;}
.ellipsis .ListBox.ListType1 .column .ListMainTitle::before,
.ellipsis .ListBox.ListType1 .column .ListMainTitle::after {content: '...';line-height: 1;position: absolute;right: 0;top: 2em;-ms-wrap-flow: start;}
.ellipsis .ListBox.ListType1 .column .ListMainTitle::after {background: currentColor;color: white;top: auto;}
.ellipsis .ListBox .column p.txt,
.ellipsis .ListBox .column .person .prof {overflow: hidden;position: relative;text-overflow: ellipsis;width:100%;margin:auto;text-align: left;}
.ellipsis .ListBox .column p.txt::before,
.ellipsis .ListBox .column p.txt::after,
.ellipsis .ListBox .column .person .prof::before,
.ellipsis .ListBox .column .person .prof::after {content: '...';line-height: 1;position: absolute;right: 0;top: 3em;-ms-wrap-flow: start;}
.ellipsis .ListBox .column p.txt::after,
.ellipsis .ListBox .column .person .prof::after {background: currentColor;color: white;top: auto;}

/* オーバーフロー時の文字隠し処理（デフォルトは2行で…表記） */
@supports (-webkit-line-clamp: 2) {
	.ellipsis.elps2 .ListBox.ListType1 .column .ListMainTitle,
	.ellipsis.elps2 .ListBox .column p.txt,
	.ellipsis.elps2 .ListBox .column .person .prof {margin-bottom: 2%;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;}
	.ellipsis.elps2 .ListBox.ListType1 .column .ListMainTitle::before,
	.ellipsis.elps2 .ListBox.ListType1 .column .ListMainTitle::after,
	.ellipsis.elps2 .ListBox .column p.txt::before,
	.ellipsis.elps2 .ListBox .column p.txt::after,
	.ellipsis.elps2 .ListBox .column .person .prof::before,
	.ellipsis.elps2 .ListBox .column .person .prof::after {content: normal;}
}
@supports (-webkit-line-clamp: 3) {
	.ellipsis.elps3 .ListBox.ListType1 .column .ListMainTitle,
	.ellipsis.elps3 .ListBox .column p.txt,
	.ellipsis.elps3 .ListBox .column .person .prof {-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 3;}
	.ellipsis.elps3 .ListBox.ListType1 .column .ListMainTitle::before,
	.ellipsis.elps3 .ListBox.ListType1 .column .ListMainTitle::after,
	.ellipsis.elps3 .ListBox .column p.txt::before,
	.ellipsis.elps3 .ListBox .column p.txt::after,
	.ellipsis.elps3 .ListBox .column .person .prof::before,
	.ellipsis.elps3 .ListBox .column .person .prof::after {content: normal;}
}
/********* リストタイトル *********/

/* リストメインタイトル */
.ListBox .column .ListMainTitle {display: block;width: 100%;margin-bottom: 2%;padding: 0;font-weight: normal;line-height: 1.2;overflow: hidden;}
.ListBox .column .ListMainTitle a,
.ListTSgle dd.title_area .ListMainTitle a {text-decoration: none;}
.ListBox .column .ListMainTitle,
.ListBox .column .ListMainTitle a,
.ListTSgle dd.title_area .ListMainTitle a {color: var(--app-ListMainTitle-txt);/* テキスト色 */}
.ListBox .column .ListMainTitle a:hover {text-decoration: underline;}
.ListTSgle dd.title_area {padding: 1.0rem 0;}
.ListTSgle dd.title_area .ListMainTitle a {font-size: clamp(2.5rem, 2.6vw, 3.0rem);line-height: 1.2;}
.ListTSgle dd.title_area .ListMainTitle a:hover {filter: alpha(opacity=65);-moz-opacity:0.75;opacity:0.75;}

/* リスト画像(可変対応) 写真(上)テキスト(下)・要素横並び */
.ListType1 .tpl-flexcolumn1 .column .ListMainTitle {font-size: clamp(2.5rem, 2.6vw, 4.0rem);}
.ListType1 .tpl-flexcolumn2 .column .ListMainTitle {font-size: clamp(2.0rem, 2.0vw, 3.0rem);}
.ListType1 .tpl-flexcolumn3 .column .ListMainTitle {font-size: clamp(2.0rem, 2.0vw, 3.0rem);}
.ListType1 .tpl-flexcolumn4 .column .ListMainTitle {font-size: clamp(1.8rem, 1.4vw, 2.5rem);}
.ListType1 .tpl-flexcolumn5 .column .ListMainTitle {font-size: clamp(1.6rem, 1.2vw, 2.0rem);}

.mainClnS .ListType1 .tpl-flexcolumn1 .column .ListMainTitle {font-size: clamp(2.2rem, 2.0vw, 3.5rem);}
.mainClnS .ListType1 .tpl-flexcolumn2 .column .ListMainTitle {font-size: clamp(2.0rem, 1.8vw, 2.5rem);}
.mainClnS .ListType1 .tpl-flexcolumn3 .column .ListMainTitle {font-size: clamp(1.8rem, 1.6vw, 2.0rem);}
.mainClnS .ListType1 .tpl-flexcolumn4 .column .ListMainTitle {font-size: clamp(1.6rem, 1.4vw, 2.0rem);}
.mainClnS .ListType1 .tpl-flexcolumn5 .column .ListMainTitle {font-size: clamp(1.4rem, 1.0vw, 1.8rem);}

.mainClnD .ListType1 .tpl-flexcolumn1 .column .ListMainTitle {font-size: clamp(2.2rem, 2.0vw, 3.2rem);}
.mainClnD .ListType1 .tpl-flexcolumn2 .column .ListMainTitle {font-size: clamp(2.0rem, 1.8vw, 2.2rem);}
.mainClnD .ListType1 .tpl-flexcolumn3 .column .ListMainTitle {font-size: clamp(1.8rem, 1.6vw, 2.0rem);}
.mainClnD .ListType1 .tpl-flexcolumn4 .column .ListMainTitle {font-size: clamp(1.6rem, 1.4vw, 2.0rem);}
.mainClnD .ListType1 .tpl-flexcolumn5 .column .ListMainTitle {font-size: clamp(1.4rem, 1.0vw, 1.8rem);}

.sideClnS .ListType1 .tpl-flexcolumn1 .column .ListMainTitle,
.sideClnS .ListType1 .tpl-flexcolumn2 .column .ListMainTitle,
.sideClnS .ListType1 .tpl-flexcolumn3 .column .ListMainTitle,
.sideClnS .ListType1 .tpl-flexcolumn4 .column .ListMainTitle,
.sideClnS .ListType1 .tpl-flexcolumn5 .column .ListMainTitle {font-size: clamp(1.6rem, 1.2vw, 1.8rem);}

.sideClnD .ListType1 .tpl-flexcolumn1 .column .ListMainTitle,
.sideClnD .ListType1 .tpl-flexcolumn2 .column .ListMainTitle,
.sideClnD .ListType1 .tpl-flexcolumn3 .column .ListMainTitle,
.sideClnD .ListType1 .tpl-flexcolumn4 .column .ListMainTitle,
.sideClnD .ListType1 .tpl-flexcolumn5 .column .ListMainTitle {font-size: clamp(1.6rem, 1.4vw, 1.8rem);}

.hlfCln .ListType1 .tpl-flexcolumn1 .column .ListMainTitle {font-size: clamp(2.0rem, 1.8vw, 2.5rem);}
.hlfCln .ListType1 .tpl-flexcolumn2 .column .ListMainTitle {font-size: clamp(1.8rem, 1.6vw, 2.0rem);}
.hlfCln .ListType1 .tpl-flexcolumn3 .column .ListMainTitle {font-size: clamp(1.8rem, 1.6vw, 2.0rem);}
.hlfCln .ListType1 .tpl-flexcolumn4 .column .ListMainTitle {font-size: clamp(1.6rem, 1.4vw, 2.0rem);}
.hlfCln .ListType1 .tpl-flexcolumn5 .column .ListMainTitle {font-size: clamp(1.4rem, 1.0vw, 1.8rem);}

/****** リスト画像(可変対応)写真(左)テキスト(右)全体リンク・要素縦並び ******/

.ListType2 .tpl-flexcolumn2 .column .ListMainTitle,
.ListType4 .tpl-flexcolumn2 .column .ListMainTitle {font-size: clamp(2.0rem, 2.0vw, 3.5rem);}
.ListType2 .tpl-flexcolumn3 .column .ListMainTitle,
.ListType4 .tpl-flexcolumn3 .column .ListMainTitle {font-size: clamp(2.0rem, 2.0vw, 3.5rem);}
.ListType2 .tpl-flexcolumn4 .column .ListMainTitle,
.ListType4 .tpl-flexcolumn4 .column .ListMainTitle {font-size: clamp(2.0rem, 2.0vw, 3.0rem);}
.ListType2 .tpl-flexcolumn5 .column .ListMainTitle,
.ListType4 .tpl-flexcolumn5 .column .ListMainTitle {font-size: clamp(2.0rem, 2.0vw, 3.0rem);}

.ptWdM .ListType2 .tpl-flexcolumn2 .column .ListMainTitle,
.ptWdM .ListType4 .tpl-flexcolumn2 .column .ListMainTitle {font-size: clamp(2.0rem, 2.0vw, 3.0rem);}
.ptWdC .ListType2 .tpl-flexcolumn2 .column .ListMainTitle,
.ptWdC .ListType4 .tpl-flexcolumn2 .column .ListMainTitle {font-size: clamp(1.8rem, 1.8vw, 2.6rem);}
.ptWdS .ListType2 .tpl-flexcolumn2 .column .ListMainTitle,
.ptWdS .ListType4 .tpl-flexcolumn2 .column .ListMainTitle {font-size: clamp(1.8rem, 1.8vw, 2.6rem);}

.ptWdM .ListType2 .tpl-flexcolumn3 .column .ListMainTitle,
.ptWdM .ListType4 .tpl-flexcolumn3 .column .ListMainTitle {font-size: clamp(2.0rem, 2.0vw, 3.0rem);}
.ptWdC .ListType2 .tpl-flexcolumn3 .column .ListMainTitle,
.ptWdC .ListType4 .tpl-flexcolumn3 .column .ListMainTitle {font-size: clamp(1.8rem, 1.8vw, 2.6rem);}
.ptWdS .ListType2 .tpl-flexcolumn3 .column .ListMainTitle,
.ptWdS .ListType4 .tpl-flexcolumn3 .column .ListMainTitle {font-size: clamp(1.8rem, 1.8vw, 2.6rem);}

.ptWdM .ListType2 .tpl-flexcolumn4 .column .ListMainTitle,
.ptWdM .ListType4 .tpl-flexcolumn4 .column .ListMainTitle {font-size: clamp(2.0rem, 2.0vw, 3.0rem);}
.ptWdC .ListType2 .tpl-flexcolumn4 .column .ListMainTitle,
.ptWdC .ListType4 .tpl-flexcolumn4 .column .ListMainTitle {font-size: clamp(1.8rem, 1.8vw, 2.6rem);}
.ptWdS .ListType2 .tpl-flexcolumn4 .column .ListMainTitle,
.ptWdS .ListType4 .tpl-flexcolumn4 .column .ListMainTitle {font-size: clamp(1.8rem, 1.8vw, 2.6rem);}

.ptWdM .ListType2 .tpl-flexcolumn5 .column .ListMainTitle,
.ptWdM .ListType4 .tpl-flexcolumn5 .column .ListMainTitle {font-size: clamp(1.8rem, 1.8vw, 2.6rem);}
.ptWdC .ListType2 .tpl-flexcolumn5 .column .ListMainTitle,
.ptWdC .ListType4 .tpl-flexcolumn5 .column .ListMainTitle {font-size: clamp(1.8rem, 1.8vw, 2.6rem);}
.ptWdS .ListType2 .tpl-flexcolumn5 .column .ListMainTitle,
.ptWdS .ListType4 .tpl-flexcolumn5 .column .ListMainTitle {font-size: clamp(1.8rem, 1.8vw, 2.6rem);}

.mainClnS .ListType2 .tpl-flexcolumn2 .column .ListMainTitle,
.mainClnS .ListType4 .tpl-flexcolumn2 .column .ListMainTitle {font-size: clamp(1.6rem, 1.8vw, 2.4rem);}
.mainClnS .ListType2 .tpl-flexcolumn3 .column .ListMainTitle,
.mainClnS .ListType4 .tpl-flexcolumn3 .column .ListMainTitle {font-size: clamp(1.6rem, 1.8vw, 2.4rem);}
.mainClnS .ListType2 .tpl-flexcolumn4 .column .ListMainTitle,
.mainClnS .ListType4 .tpl-flexcolumn4 .column .ListMainTitle {font-size: clamp(1.6rem, 1.6vw, 2.2rem);}
.mainClnS .ListType2 .tpl-flexcolumn5 .column .ListMainTitle,
.mainClnS .ListType4 .tpl-flexcolumn5 .column .ListMainTitle {font-size: clamp(1.6rem, 1.6vw, 2.2rem);}

.mainClnD .ListType2 .tpl-flexcolumn2 .column .ListMainTitle,
.mainClnD .ListType4 .tpl-flexcolumn2 .column .ListMainTitle {font-size: clamp(1.6rem, 1.6vw, 2.2rem);}
.mainClnD .ListType2 .tpl-flexcolumn3 .column .ListMainTitle,
.mainClnD .ListType4 .tpl-flexcolumn3 .column .ListMainTitle {font-size: clamp(1.6rem, 1.6vw, 2.2rem);}
.mainClnD .ListType2 .tpl-flexcolumn4 .column .ListMainTitle,
.mainClnD .ListType4 .tpl-flexcolumn4 .column .ListMainTitle {font-size: clamp(1.6rem, 1.6vw, 2.0rem);}
.mainClnD .ListType2 .tpl-flexcolumn5 .column .ListMainTitle,
.mainClnD .ListType4 .tpl-flexcolumn5 .column .ListMainTitle {font-size: clamp(1.4rem, 1.4vw, 2.0rem);}

.sideClnS .ListType2 .tpl-flexcolumn2 .column .ListMainTitle,
.sideClnS .ListType4 .tpl-flexcolumn2 .column .ListMainTitle,
.sideClnS .ListType2 .tpl-flexcolumn3 .column .ListMainTitle,
.sideClnS .ListType4 .tpl-flexcolumn3 .column .ListMainTitle,
.sideClnS .ListType2 .tpl-flexcolumn4 .column .ListMainTitle,
.sideClnS .ListType4 .tpl-flexcolumn4 .column .ListMainTitle,
.sideClnS .ListType2 .tpl-flexcolumn5 .column .ListMainTitle,
.sideClnS .ListType4 .tpl-flexcolumn5 .column .ListMainTitle {font-size: clamp(1.4rem, 1.2vw, 1.6rem);}

.sideClnD .ListType2 .tpl-flexcolumn2 .column .ListMainTitle,
.sideClnD .ListType4 .tpl-flexcolumn2 .column .ListMainTitle,
.sideClnD .ListType2 .tpl-flexcolumn3 .column .ListMainTitle,
.sideClnD .ListType4 .tpl-flexcolumn3 .column .ListMainTitle,
.sideClnD .ListType2 .tpl-flexcolumn4 .column .ListMainTitle,
.sideClnD .ListType4 .tpl-flexcolumn4 .column .ListMainTitle,
.sideClnD .ListType2 .tpl-flexcolumn5 .column .ListMainTitle,
.sideClnD .ListType4 .tpl-flexcolumn5 .column .ListMainTitle {font-size: clamp(1.4rem, 1.2vw, 1.8rem);}

.hlfCln .ListType2 .tpl-flexcolumn2 .column .ListMainTitle,
.hlfCln .ListType4 .tpl-flexcolumn2 .column .ListMainTitle,
.hlfCln .ListType2 .tpl-flexcolumn3 .column .ListMainTitle,
.hlfCln .ListType4 .tpl-flexcolumn3 .column .ListMainTitle,
.hlfCln .ListType2 .tpl-flexcolumn4 .column .ListMainTitle,
.hlfCln .ListType4 .tpl-flexcolumn4 .column .ListMainTitle,
.hlfCln .ListType2 .tpl-flexcolumn5 .column .ListMainTitle,
.hlfCln .ListType4 .tpl-flexcolumn5 .column .ListMainTitle {font-size: clamp(1.6rem, 1.6vw, 2.0rem);}

/********* リスト画像 *********/
.ListBox figure.image {
	margin-bottom: 1.5rem;
	border-radius: var(--LiFigure-rod);
	-webkit-border-radius: var(--LiFigure-rod);
	-moz-border-radius: var(--LiFigure-rod); /* 角丸 */
	border: var(--app-li-figure-brd); /* ボーダー指定 */
	background: var(--app-li-figure-bg); /* 背景色 */
}
/********* リストディスクリプション *********/
.ListBox .column .distxt {
	padding-top: 1.0rem;
	padding-bottom: 1.0rem;
	font-weight: normal;
	font-size: clamp(1.4rem, 1.6vw, 1.8rem);
	line-height: 1.6;
	color: var(--app-distxt-txt); /* テキスト色 */
}
.ListTSgle dd.title_area p.txt {
	padding: 1.0rem 0;
	color: var(--app-distxt-txt); /* テキスト色 */
	font-size: clamp(1.4rem, 1.6vw, 1.8rem);
	line-height: 1.4;
}
.mainClnS .ListBox .column .distxt,
.mainClnD .ListBox .column .distxt,
.sideClnS .ListBox .column .distxt,
.sideClnD .ListBox .column .distxt,
.hlfCln .ListBox .column .distxt {font-size: clamp(1.2rem, 1.0vw, 1.4rem);}

.ListBox.ListType1 .tpl-flexcolumn1 .distxt {font-size: clamp(1.4rem, 1.2vw, 2.2rem);}
.ListBox.ListType1 .tpl-flexcolumn2 .distxt {font-size: clamp(1.4rem, 1.2vw, 2.0rem);}
.ListBox.ListType1 .tpl-flexcolumn3 .distxt {font-size: clamp(1.4rem, 1.0vw, 2.0rem);}
.ListBox.ListType1 .tpl-flexcolumn4 .distxt {font-size: clamp(1.4rem, 1.0vw, 1.6rem);}
.ListBox.ListType1 .tpl-flexcolumn5 .distxt {font-size: clamp(1.4rem, 1.0vw, 1.4rem);}

.mainClnS .ListBox.ListType1 .tpl-flexcolumn1 .distxt {font-size: clamp(1.4rem, 1.0vw, 1.6rem);}
.mainClnS .ListBox.ListType1 .tpl-flexcolumn2 .distxt {font-size: clamp(1.4rem, 1.0vw, 1.4rem);}
.mainClnS .ListBox.ListType1 .tpl-flexcolumn3 .distxt {font-size: clamp(1.4rem, 1.0vw, 1.4rem);}
.mainClnS .ListBox.ListType1 .tpl-flexcolumn4 .distxt {font-size: clamp(1.4rem, 1.0vw, 1.4rem);}
.mainClnS .ListBox.ListType1 .tpl-flexcolumn5 .distxt {font-size: clamp(1.4rem, 1.0vw, 1.4rem);}

.mainClnD .ListBox.ListType1 .tpl-flexcolumn1 .distxt {font-size: clamp(1.4rem, 1.0vw, 1.6rem);}
.mainClnD .ListBox.ListType1 .tpl-flexcolumn2 .distxt {font-size: clamp(1.4rem, 1.0vw, 1.4rem);}
.mainClnD .ListBox.ListType1 .tpl-flexcolumn3 .distxt {font-size: clamp(1.4rem, 1.0vw, 1.4rem);}
.mainClnD .ListBox.ListType1 .tpl-flexcolumn4 .distxt {font-size: clamp(1.4rem, 1.0vw, 1.4rem);}
.mainClnD .ListBox.ListType1 .tpl-flexcolumn5 .distxt {font-size: clamp(1.4rem, 1.0vw, 1.4rem);}

.sideClnS .ListBox.ListType1 .tpl-flexcolumn1 .distxt,
.sideClnS .ListBox.ListType1 .tpl-flexcolumn2 .distxt,
.sideClnS .ListBox.ListType1 .tpl-flexcolumn3 .distxt,
.sideClnS .ListBox.ListType1 .tpl-flexcolumn4 .distxt,
.sideClnS .ListBox.ListType1 .tpl-flexcolumn5 .distxt {font-size: clamp(1.2rem, 1.0vw, 1.4rem);}

.sideClnD .ListBox.ListType1 .tpl-flexcolumn1 .distxt,
.sideClnD .ListBox.ListType1 .tpl-flexcolumn2 .distxt,
.sideClnD .ListBox.ListType1 .tpl-flexcolumn3 .distxt,
.sideClnD .ListBox.ListType1 .tpl-flexcolumn4 .distxt,
.sideClnD .ListBox.ListType1 .tpl-flexcolumn5 .distxt {font-size: clamp(1.3rem, 1.0vw, 1.4rem);}

.hlfCln .ListBox.ListType1 .tpl-flexcolumn1 .distxt {font-size: clamp(1.4rem, 1.0vw, 1.6rem);}
.hlfCln .ListBox.ListType1 .tpl-flexcolumn2 .distxt {font-size: clamp(1.4rem, 1.0vw, 1.4rem);}
.hlfCln .ListBox.ListType1 .tpl-flexcolumn3 .distxt {font-size: clamp(1.4rem, 1.0vw, 1.4rem);}
.hlfCln .ListBox.ListType1 .tpl-flexcolumn4 .distxt {font-size: clamp(1.4rem, 1.0vw, 1.4rem);}
.hlfCln .ListBox.ListType1 .tpl-flexcolumn5 .distxt {font-size: clamp(1.4rem, 1.0vw, 1.4rem);}

/********* リスト記事投稿者 *********/

/* 基本設定 */
.ListBox .column .person {padding: 1.0rem 0;}
.ListBox .column .person .person_ph  {padding: 0;display: flex;}
.ListBox .column .person .person_ph figure {
	overflow: hidden;
	position: relative;
	border-radius: 10%;
	width: 6.0rem;
	height: 5.0rem;
	background: var(--app-person-ph-bg);/* 背景色 */
}
.ptWdS .ListBox.ListType1 .tpl-flexcolumn3 .column .person .person_ph figure {width: 5.0rem;height: 4.0rem;}
.ptWdS .ListBox.ListType1 .tpl-flexcolumn4 .column .person .person_ph figure,
.ptWdS .ListBox.ListType1 .tpl-flexcolumn5 .column .person .person_ph figure {width: 4.0rem;height: 3.0rem;}
.ListBox .column .person .person_ph figure 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;
}
.ListBox .column .person .person_ph .name_area {width:100%;padding: 0 1.0rem;line-height: 1.2;}
.ListBox .column .person .person_ph .name {font-size: 1.6rem;}/* 投稿者氏名 */
.ListBox .column .person .person_ph .work {font-size: 1.4rem;padding-top: 0.5rem;}/* 投稿者組織名 */
.ListBox .column .person .prof {padding: 0.5rem 0;font-size: 1.4rem;}/* 投稿者プロフィール */
.ListTSgle dd.person_area {padding: 0;}

/********* リストビュー数等アイコン *********/
.ListBox .rank_date_area {
	margin: 0 auto;
	padding: 0.5rem 0;
	border-top: var(--app-li-rankdatearea-brd); /* ボーダー指定 */
}
.ListBox .column p.view,
.ListBox .column p.like,
.ListBox .column p.comment,
.ListTSgle p.view,
.ListTSgle p.like,
.ListTSgle p.comment {
	float: left;
	margin: 0.5rem 0;
	padding: 0.1rem 1.0rem 0 3.0rem;
	font-weight: bold;
	font-size: clamp(1.4rem, 1.0vw, 1.6rem);
}
.ListBox .column p.ico {float: right;padding: 0;}
.ListBox .column p.like,
.ListTSgle p.like,
.rank_date_c_area p.like {background: url(../../../core_sys/common/images/sys/share_ico.png) 6px center / contain no-repeat;}
.ListBox .column p.comment,
.ListTSgle p.comment,
.rank_date_c_area p.comment {background: url(../../../core_sys/common/images/sys/res_ico.png) 6px center / contain no-repeat;}
.ListBox .column p.view,
.ListTSgle p.view,
.rank_date_c_area p.view {background: url(../../../core_sys/common/images/sys/acs_ico.png) 6px center / contain no-repeat;}

/********* リスト公開日 *********/
.ListBox .column p.cap {
	float: right;
	padding: 0.5rem 0;
	color: var(--app-ListDate-txt); /* テキスト色*/
	font-size: clamp(1.2rem, 1.0vw, 1.4rem);
	font-weight: bold;
}
.ListTSgle .timeArea {padding: 0;display: flex;}
.ListTSgle p.time {padding: 0.5rem 1.0rem 0.5rem 0;font-size: 1.4rem;font-weight: bold;}
.ListTSgle p.ico {padding: 0 0 1.0rem 0;}/* NEWマーク */
.ListType5 .ListTSgle .timeArea {padding-top: 1.2rem;}
.ListType5 .ListTSgle p.time {
	padding: 0.5rem 0.8rem;
	font-size: clamp(1.4rem, 1.2vw, 1.6rem);
}
/********* タグ・カテゴリアイコン *********/
/* リストタグ */
.ListBox .column .tagLink,
.ListBox .ListTSgle .tagLink {padding: 0.5rem 0;}
.ListBox .column .tagLink li,
.ListBox .ListTSgle .tagLink li {list-style: none;float: left;margin-bottom: 1.0rem;margin-right: 0.4rem;}
.ListBox .column .tagLink a,
.ListBox .ListTSgle .tagLink a {
	margin: 0;
	padding: 0.5rem 1.5rem;
	border-radius: var(--app-li-LiIco-rod);
	-webkit-border-radius: var(--app-li-LiIco-rod);
	-moz-border-radius: var(--app-li-LiIco-rod); /* 角丸 */
	display: flex;
	align-items: center;
	min-height: 1.7rem;
}
/* リストカテゴリアイコン */
.ListBox.ListType1 .column ul.cateName,
.ListBox.ListType3 .column ul.cateName {padding: 0.5rem 0;}
.ListBox.ListType2 .column ul.cateName,
.ListBox.ListType4 .column ul.cateName {padding: 0 0 0.5rem 0;}
.ListBox .column ul.cateName,
.ListBox.ListType3 ul.cateName {list-style: none;}
.ListBox .column ul.cateName li,
.ListBox.ListType3 ul.cateName li {float: left;padding: 0 0.5rem 0.5rem 0;}
.ListBox .column ul.cateName span.cateIco,
.ListBox.ListType3 ul.cateName span.cateIco {
	margin: 0;
	padding: 0.5rem 1.0rem;
	border-radius: var(--app-li-LiIco-rod);
	-webkit-border-radius: var(--app-li-LiIco-rod);
	-moz-border-radius: var(--app-li-LiIco-rod); /* 角丸 */
}
/* 横並び一行リストカテゴリアイコン */
.ListBox.ListType5 .column ul.cateName {padding: 1.0rem 0 0 0;}
.ListBox.ListType5 ul.cateName {list-style: none;}
.ListBox.ListType5 ul.cateName li {padding: 0.5rem 0;}
.ListBox.ListType5 ul.cateName span.cateIco {
	display: block;
	margin: 0;
	padding: 3.0rem 0.5rem;
	border-radius: var(--app-li-LiIco5-rod);
	-webkit-border-radius: var(--app-li-LiIco5-rod);
	-moz-border-radius: var(--app-li-LiIco5-rod); /* 角丸 */
	text-align: center;
}
.cateIco {color: var(--app-cateIco-txt);} /* テキスト色 */
.ListTSgle dd.cate_area {padding: 0.2rem 0 0 0;}

/********* リストランキング *********/
.ListBox .column .rankIco {
	position: absolute;
	top: 2px;
	left: 2px;
	padding: 0.2rem 0.8rem;
	border-radius: var(--app-li-rankIco-rod);
	-webkit-border-radius: var(--app-li-rankIco-rod);
	-moz-border-radius: var(--app-li-rankIco-rod); /* 角丸 */
	color: var(--app-li-rankIco-txt); /* テキスト色 */
	background: var(--app-li-rankIco-bg); /* 背景色 */
}
/* リストタグ・リストカテゴリアイコン・リストランキング */
.ListBox .column .tagLink a,
.ListBox .ListTSgle .tagLink a,
.ListBox .column ul.cateName span.cateIco,
.ListBox .ListTSgle ul.cateName span.cateIco,
.ListBox .column .rankIco {font-size: 1.4rem;font-weight: bold;}
.ListBox.ListType5 .ListTSgle ul.cateName span.cateIco {font-size: 1.6rem;font-weight: bold;}

/*** 横並び一行リスト個別設定 ***/
.ListType5 .clmDetail {display: flex;}
.ListType5 .clmDetailCate {}
.ListType5 .clmDetailLi {width: 100%;margin-left: 3.0rem;}

/*** 一覧詳細ボタン ***/
.ListLinkBt {
	margin: var(--ListLinkBt-mg); /* マージン */
	padding: var(--ListLinkBt-pd); /* パディング */
	width: var(--ListLinkBt-size); /* ボタンサイズ */
	font-size: clamp(1.4rem, 1.6vw, 1.6rem);/* フォントサイズ */
	color: var(--ListLinkBt-txt); /* テキスト色 */
	background: var(--ListLinkBt-bg); /* 背景色 */
	border: var(--ListLinkBt-brd); /* ボーダー指定 */
	box-shadow: var(--ListLinkBt-sd); /* 背景影色 */
	border-radius: var(--ListLinkBt-rod);-webkit-border-radius: var(--ListLinkBt-rod);-moz-border-radius: var(--ListLinkBt-rod);
}
a.ListLinkBt:link,
a.ListLinkBt:visited,
a.ListLinkBt:active {
	color: var(--ListLinkBt-txt); /* テキスト色 */
}
.BtM button.ListLinkBt.next::after,
.BtM a.ListLinkBt.next::after,
.BtM span.ListLinkBt.next::after,
.BtM button.ListLinkBt.back::after,
.BtM a.ListLinkBt.back::after,
.BtM back.ListLinkBt.next::after {border-left-color:  var(--ListLinkBt-txt);}

/* ** list_basic end ** */

/* ** list_dez start ** */
/****************** リスト個別指定（デザインパターン） ******************/

/*** 0101: 写真(上)テキスト(下)・要素横並びのデザインパターン01:リスト個別背景色を付ける ***/

/* リスト個別背景色を付ける */
.ListBox.ListType1.liwbg01 .column {
	padding: 1.0rem 1.5rem;
	border-radius: var(--LiBg-rod);-webkit-border-radius: var(--LiBg-rod);-moz-border-radius: var(--LiBg-rod); /* 角丸 */
	border: var(--app-li-clm-brd); /* 枠要素 ボーダー指定 */
	background: var(--app-li-clm-bg); /* 背景色 */
	box-shadow: var(--app-li-clm-bbg);-webkit-box-shadow: var(--app-li-clm-bbg);/* 背景影色 */
}
@media screen and (max-width: 600px) {
	.ListBox.ListType1.liwbg01 .column {padding: 1.0rem;}
}
/*** 0102: 写真(上)テキスト(下)・要素横並びのデザインパターン02:リスト個別背景色、且つ写真を枠いっぱいに広げる ***/

/* リスト個別背景色、且つ写真を枠いっぱいに広げる */
.ListBox.ListType1.liwbg02 .column {
	padding: 0;
	border-radius: var(--LiBg-rod);-webkit-border-radius: var(--LiBg-rod);-moz-border-radius: var(--LiBg-rod); /* 角丸 */
	border: var(--app-li-clm-brd); /* 枠要素 ボーダー指定 */
	background: var(--app-li-clm-bg); /* 背景色 */
	box-shadow: var(--app-li-clm-bbg);-webkit-box-shadow: var(--app-li-clm-bbg);/* 背景影色 */
}
.ListBox.ListType1.liwbg02 .clmDetail,
.ListBox.ListType1.liwbg02 .rank_date_area_inn,
.ListBox.ListType1.liwbg02 .tagLink,
.ListBox.ListType1.liwbg02 .ListSubhDet,
.ListBox.ListType1.liwbg02 .BtM {margin-left: 2.0rem;margin-right: 2.0rem;}

/*** 0201: 写真(左)テキスト(右)全体リンク・要素縦並びのデザインパターン01:リスト個別背景色を付ける ***/

/* リスト個別背景色を付ける */
.ListBox.ListType2.liwbg01 .clmDetail,
.ListBox.ListType4.liwbg01 .clmDetail {
	padding: 2.0rem;
	border-radius: var(--LiBg-rod);-webkit-border-radius: var(--LiBg-rod);-moz-border-radius: var(--LiBg-rod); /* 角丸 */
	border: var(--app-li-clm-brd); /* 枠要素 ボーダー指定 */
	background: var(--app-li-clm-bg); /* 背景色 */
	box-shadow: var(--app-li-clm-bbg);-webkit-box-shadow: var(--app-li-clm-bbg);/* 背景影色 */
}
@media screen and (max-width: 600px) {
	.ListBox.ListType2.liwbg01 .clmDetail,
	.ListBox.ListType4.liwbg01 .clmDetail {padding: 1.0rem 0.5rem;}
}
/*** 0202: 写真(左)テキスト(右)全体リンク・要素縦並びのデザインパターン02:リスト個別背景色無し・罫線での仕切り ***/

/* リスト個別背景色無し・罫線での仕切り */
.ListBox.ListType2.liwbg02 .clmDetail,
.ListBox.ListType4.liwbg02 .clmDetail {
	padding: 2.0rem;
	border-bottom: var(--app-li-clmD-brd); /* 仕切り要素 ボーダー指定 */
}
@media screen and (max-width: 600px) {
	.ListBox.ListType2.liwbg02 .clmDetail,
	.ListBox.ListType4.liwbg02 .clmDetail {padding: 2.0rem 0.5rem;}
}
/*** 0301: 写真無しテキストリンクのデザインパターン01:リスト個別背景色を付ける ***/

/* リスト個別背景色を付ける */
.ListBox.ListType3.liwbg01 dl.clmDetail,
.ListBox.ListType5.liwbg01 .clmDetail {
	margin-bottom: 1.5%;
	padding: 1.0rem 2.0rem;
	border-radius: var(--LiBg-rod);-webkit-border-radius: var(--LiBg-rod);-moz-border-radius: var(--LiBg-rod); /* 角丸 */
	border: var(--app-li-clm-brd); /* 枠要素 ボーダー指定 */
	background: var(--app-li-clm-bg); /* 背景色 */
	box-shadow: var(--app-li-clm-bbg);-webkit-box-shadow: var(--app-li-clm-bbg);/* 背景影色 */
}
/*** 0301: 写真無しテキストリンクのデザインパターン02:リスト個別背景色無し・罫線での仕切り ***/

/* リスト個別背景色無し・罫線での仕切り */
.ListBox.ListType3.liwbg02 dl.clmDetail,
.ListBox.ListType5.liwbg02 .clmDetail {
	margin-bottom: 1.5%;
	padding: 2.0rem;
	border-bottom: var(--app-li-clmD-brd); /* 仕切り要素 ボーダー指定 */
}
/* ** list_dez end ** */

/* ** list_element start ** */
/********* リスト詳細項目(商品・セミナーで利用) *********/

/*** 01: 商品・セミナー詳細項目リスト01:アイコン無しタイプ ***/

/* 概要枠(販売価格等表示エリア) */
.ListSubhDet {margin: 1.0rem auto;padding: 0;}
.ListSubhDet dl {
	display: flex;
	justify-content: space-around;
	margin: 0 auto;
	padding: 0.5rem 0;
	font-size: var(--font-ListSubhDet); /* 見出しフォントサイズ */
	font-weight: bold;
	border-bottom: var(--app-li-SubhDet-brd); /* ボーダー指定 */
	align-items: flex-end;
}
.semIcoCrt .ListSubhDet dl,
.prdIcoCrt .ListSubhDet dl {align-items: center;}
.ListSubhDet dl span.kinagakuTxt {
	font-size: var(--font-kinagakuTxt); /* 価格フォントサイズ */
	font-weight: bold;
	padding: 0 0.5rem;
}
.ListSubhDet dt {width: 25%;max-width: 100px;padding: 0.2rem 0;}
.ListSubhDet dd {width: 75%;padding: 0.2rem 0 0.2rem 1.0rem;}
.ListSubhDet .sem_kinagaku dd,
.ListSubhDet .prd_kinagaku dd {padding-top: 1.0rem;}
.semIcoCrt span.SemIco,
.prdIcoCrt span.PrdIco {font-size: var(--font-SemPrdIco);}/* 見出しアイコン表示用 フォントサイズ */

@media screen and (max-width: 600px) {
	.ListSubhDet dl {display: block;}
	.ListSubhDet dt {width: 100%;max-width: 100px;padding: 0.2rem 0;}
	.ListSubhDet dd {width: 100%;padding: 0.2rem 0 0 0;}
}
/* 概要表示パターン（基本）タイプ1・2・4は概要は縦のみパターン */
.ListSubhDetTpF .SubhDetTi {padding: 0.2rem 0;font-size: var(--font-ListSubhDet);font-weight: bold;}
.ListSubhDetTpF .SubhDetTxt {padding: 0.2rem 0 0.2rem 2.0rem;font-size: var(--font-ListSubhDet);font-weight: bold;}
.SubhDetTxt span.kinagakuTxt {font-size: var(--font-kinagakuTxt);font-weight: bold;padding: 0 0.5rem;}

/* アイコン基本設定 */
.semIcoCrt span.SemIco,
.prdIcoCrt span.PrdIco {
	width: 100%;
	display: block;
	white-space: nowrap;
	padding: 0.5rem;
	text-align:center;
	border-radius: var(--IcoBox-rod);-webkit-border-radius: var(--IcoBox-rod);-moz-border-radius: var(--IcoBox-rod); /* 角丸 */
}
.semIcoCrt .sem_kinagaku span.SemIco {color: var(--sem-kinagaku-txt);background: var(--sem-kinagaku-bg);}/* 価格 */
.semIcoCrt .sem_kaisaibi span.SemIco {color: var(--sem-kaisaibi-txt);background: var(--sem-kaisaibi-bg);}/* 開催日 */
.semIcoCrt .sem_kaisaibasyo span.SemIco {color: var(--sem-kaisaibasyo-txt);background: var(--sem-kaisaibasyo-bg);}/* 開催場所 */
.semIcoCrt .sem_kigen span.SemIco {color: var(--sem-kigen-txt);background: var(--sem-kigen-bg);}/* 開催期間 */
.semIcoCrt .sem_aki span.SemIco {color: var(--sem-aki-txt);background: var(--sem-aki-bg);}/* 空き状況 */
.prdIcoCrt .prd_kinagaku span.PrdIco {color: var(--prd-kinagaku-txt);background: var(--prd-kinagaku-bg);}/* 価格 */
.prdIcoCrt .prd_hanbaibi span.PrdIco {color: var(--prd-hanbaibi-txt);background: var(--prd-hanbaibi-bg);}/* 販売日 */
.prdIcoCrt .prd_hanbaiMth span.PrdIco {color: var(--prd-hanbaiMth-txt);background: var(--prd-hanbaiMth-bg);}/* 販売方法 */
.prdIcoCrt .prd_aki span.PrdIco {color: var(--prd-aki-txt);background: var(--prd-aki-bg);}/* 空き状況 */

/*** 02: 商品・セミナー詳細項目リスト01:アイコン無しタイプ（写真無しテキストリンク） ***/
.semDetPtFN .ListSubhDetTpF,
.prdDetPtFN .ListSubhDetTpF {margin: 0 auto;padding: 0;}
.semDetPtFN .ListSubhDetTpF section,
.prdDetPtFN .ListSubhDetTpF section {
	display: flex;
	padding: 0.5rem 0;
	align-items: flex-end;
	border-bottom: var(--app-li-SubhDet-brd); /* ボーダー指定 */
}
.semDetPtFN .ListSubhDetTpF .SubhDetTi,
.prdDetPtFN .ListSubhDetTpF .SubhDetTi {width: 25%;max-width: 100px;}

/*** 03: 商品・セミナー詳細項目リスト01:アイコン無しタイプ（写真無しテキストリンク） ***/

/* 概要表示パターン（横並び）写真無しテキストリンク対応 */
.semDetPtF .ListSubhDetTpF,
.prdDetPtF .ListSubhDetTpF {
	display: flex;
	justify-content: space-between;
	margin: 1.0rem auto;
	padding: 0;
}
.semDetPtF .ListSubhDetTpF section,
.prdDetPtF .ListSubhDetTpF section {width: 100%;margin-right: 1%;}
.semDetPtF .ListSubhDetTpF section:last-child,
.prdDetPtF .ListSubhDetTpF section:last-child {margin-right: 0;}
.semDetPtF .ListSubhDetTpF .SubhDetTi,
.prdDetPtF .ListSubhDetTpF .SubhDetTi {text-align: center;}
.semIcoCrtN.semDetPtF .ListSubhDetTpF .SubhDetTi,
.prdIcoCrtN.semDetPtF .ListSubhDetTpF .SubhDetTi {
	padding: 1.0rem 0;
	border-radius: var(--LiIcoCrt-rod);-webkit-border-radius: var(--LiIcoCrt-rod);-moz-border-radius: var(--LiIcoCrt-rod); /* 角丸 */
	border: var(--app-li-SubhDet3-brd); /* ボーダー指定 写真無しテキストリンクのみ*/
	background: var(--app-li-SubhDet3-bg); /* 背景色 写真無しテキストリンクのみ*/
}
.semDetPtF .ListSubhDetTpF .SubhDetTxt,
.prdDetPtF .ListSubhDetTpF .SubhDetTxt {
	margin: 0.5rem 0;
	padding: 1.3rem 0;
	text-align: center;
	border-radius: var(--LiBg-rod);-webkit-border-radius: var(--LiBg-rod);-moz-border-radius: var(--LiBg-rod); /* 角丸 */
	border: var(--app-li-SubhDet3-brd); /* ボーダー指定 写真無しテキストリンクのみ*/
}
.semDetPtF .ListSubhDetTpF .sem_kinagaku .SubhDetTxt,
.prdDetPtF .ListSubhDetTpF .prd_kinagaku .SubhDetTxt {padding: 0.5rem 0;}

/* ** list_element end ** */

/* ** flex_list start ** */
/*** Flexリスト（3要素の横並びリスト） ***/

.FlexListArea {margin: 1.5rem auto;padding: 0;}
.FlexListInn {
	margin: 0 auto;
	padding: 1.5rem 0.5rem;
	display: flex;
	justify-content: flex-start;
	border-top: var(--app-FlexListInn-brd); /* ボーダー指定 */
	font-weight: bold;
	background: var(--app-FlexListInn-bg); /* 背景色 */ 
}
.FlexListInn:last-child {border-bottom: var(--app-FlexListInn-brd)} /* ボーダー指定 */
.FlexListInn .FlexItem:last-child {margin-left: auto;}

/* 状態による背景色 */
.FlexListInn.endState {background: var(--app-FlexListInn-endState-bg);} /* 処理終了等の背景色 */
.FlexListInn.artState {background: var(--app-FlexListInn-artState-bg);} /* アラート喚起等の背景色 */
.FlexListInn.trlState {background: var(--app-FlexListInn-trlState-bg);} /* 合計等の背景色 */

/* 親枠（要素がリストから抽出して一件のみ表示する場合に使用） */
.FlexDataArea {margin: 0 auto;padding: 0;}

/* リスト一件抽出個別枠 */
.FlexDataInn {
	margin: 0 auto;
	padding: 0.5rem;
	display: flex;
	justify-content: flex-start;
	font-weight: bold;
	background: var(--app-FlexDataInn-bg); /* 背景色 */ 
}
.FlexDataInn .FlexItem:last-child {margin-left: auto;}

/* サイズ要素 */
.FlexItemData {margin-left: 1.0rem;}
.FlexItemData p {margin-bottom: 0.2rem;}
.DataItemW .FlexItemData {width: 80%;margin-left: 0;}
.DataItemW .FlexItemAct {width: 20%;}
.DataItemN .FlexItemData {width: 60%;}
.DataItemN .FlexItemAct {width: 20%;}
.DataItemM .FlexItemData {width: 70%;margin-left: 0;}
.DataItemM .FlexItemAct {width: 30%;}
.DataItemS .FlexItemData {width: 40%;}
.DataItemS .FlexItemAct {width: 50%;}
.DataItemAS .FlexItemData {width: 60%;}
.DataItemAS .FlexItemAct {width: 20%;}
.DataItemAW .FlexItemAct {width: 100%;}

@media screen and (max-width: 480px) {
	/* サイズ要素 */
	.DataItemW .FlexItemData {width: 75%;}
	.DataItemW .FlexItemAct {width: 25%;}
	.DataItemN .FlexItemData {width: 50%;}
	.DataItemN .FlexItemAct {width: 30%;}
	.DataItemM .FlexItemData {width: 70%;}
	.DataItemM .FlexItemAct {width: 30%;}
	.DataItemS .FlexItemData {width: 45%;}
	.DataItemS .FlexItemAct {width: 40%;}
	.DataItemAS .FlexItemData {width: 60%;}
	.DataItemAS .FlexItemAct {width: 15%;}
	.FlexItemAct p.StarIco img {width: 100%;}
}
/*** 個別要素(写真) ***/
.FlexItemPh {}

/* 丸型写真 */
.PhCircle {overflow: hidden;width: var(--app-PhCircle-size);height: var(--app-PhCircle-size);position: relative;border-radius: 50%;}
.PhCircle 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;}
/* 四角写真 */
.PhSquare {overflow: hidden;width: var(--app-PhSquare-size);height: var(--app-PhSquare-size);position: relative;border-radius: 0.3rem;}
.PhSquare 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;}

/*** 個別要素(データ要素) ***/
.FlexItemDataTime {font-size: clamp(1.0rem, 1.0vw, 1.2rem);}/* 日時等 */
.FlexItemDataName {font-size: clamp(1.6rem, 1.6vw, 1.8rem);}/* 名前 */
.FlexItemDataCorp {font-size: clamp(1.2rem, 1.2vw, 1.4rem);}/* 会社名等 */
.FlexItemDataAdd {font-size: clamp(1.2rem, 1.2vw, 1.4rem);}/* 住所 */
.FlexItemDataTxt {font-size: clamp(1.2rem, 1.2vw, 1.4rem);}/* その他テキスト */
.FlexItemDataTxt span {font-size: clamp(1.6rem, 1.6vw, 2.0rem);}/* その他テキスト要素で文字強弱がある場合 */
.FlexItemDataMemo {font-size: clamp(1.2rem, 1.2vw, 1.2rem);}/* その他メモ */
.DataItemS .FlexItemDataName {font-size: clamp(1.6rem, 1.6vw, 1.8rem);}/* 名前(幅狭) */

/* 文字数が多い場合の・・処理指定 */
.DataELP {max-width: 90%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/*** 操作要素(アイコンや操作要素) ***/
.FlexItemAct .ActItem:first-child {margin-bottom: 1.0rem;}
.FlexItemAct p.icoRt {float: right;}
.FlexItemDataIco {display: flex;}
.FlexItemDataIco span {font-size: 1.2rem;}

/*** 各種要素デザインパターン ***/
/* 評価アイコン */
.FlexItemAct p.StarIco {text-align: right;}
.FlexItemAct p.StarIco img {width: 150px;}

@media screen and (max-width: 480px) {
	.FlexItemAct p.StarIco img {width: 100%;}
}
/* ** flex_list end ** */

/* ** qa_list start ** */
/*** FAQリスト ***/
.qaBoxList {width: 100%;margin: 0 auto;padding: 0;}
.ClmblckArea .qaBoxList {width: 100%;}
.qaBoxListInn {margin: 2.0rem auto;}

/* QAタイトル指定 */
.qaTiArea {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	gap: 1.5rem;
	font-weight: bold;
	border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	background: #f0f0f0;
	margin: 1.0rem auto;
	padding: 1.5rem 2.0rem;
	font-size: clamp(2.0rem, 1.4vw, 3.0rem);
}
.qaTiArea .FlexItem:last-child {margin-left: auto;}
.qaTiArea .qaTi {padding-top: 0.2rem;line-height: 1.2;}

/* QA折り畳みボタン指定 */
.qaTiArea .slide_btn {
	width: 8.0rem;
	margin: 0;
	padding: 0.5rem;
	font-size: clamp(1.2rem, 1.0vw, 1.4rem);
	color: var(--app-qaTiArea-slide_btn-txt);/* テキスト色 */
	background: var(--app-qaTiArea-slide_btn-bg); /* 背景色 */
	border: none;
	box-shadow: none;
}
@media screen and (max-width: 480px) {
	.qaTiArea .slide_btn {width: 6.0rem;padding: 0.5rem 0.2rem;}
}
/* QAアイコン指定 */
.qaTiArea .qaTiIco,
.qaAnsArea .qaAnsIco {
	line-height: 1.0;
	font-weight: bold;
	font-size: clamp(2.6rem, 1.6vw, 3.0rem);
}
.qaTiArea .qaTiIco {padding: 0;color: var(--app-qaTiIco-txt);}
.qaAnsArea .qaAnsIco {padding-top: 0.3rem;color: var(--app-qaAnsIco-txt);}

/* QAアンサー指定 */
.qaAnsArea {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	gap: 1.5rem;
	margin: 1.0rem auto;
	padding: 1.5rem 2.0rem;
	background: var(--app-qaAnsArea-bg); /* 背景色 */
}
/* QAコンテンツ画像指定 */
.qaAnsVisualArea {width: 100%;padding: 0;}
.qaAnsVisual {text-align: center;padding: 2.0rem 0;}
.qaAnsVisual img {width: 80%;padding: 0;}
.qaAnsArea .qaAns {width: 100%;padding: 0;}

/* ** qa_list end ** */