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

/*======== app_myp_dez.css ========*/
/****************** マイページ要素 ******************/

/* ** myp_navi start ** */
/*** 01: マイページナビ ***/

/*** マイページナビ ***/
.mypagenav {margin: 0 auto;padding: 0;}
.mypagenav ul {margin: 0 auto;padding: 0;}

.mypagenav ul.children {display: block;}

.mypagenav li {margin: 0 auto;padding: 0;list-style: none;}
.mypagenav a {
	text-decoration: none;
	display: block;
	color: var(--app-mypagenav-txt); /* テキスト色 */
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
	font-weight: bold;
}
.mypagenav a:hover {filter: alpha(opacity=65);-moz-opacity:0.75;opacity:0.75;text-decoration: none;}

/* デザインパターン01 アイコン付き下線 */
.mypTp01.mypagenav a {
	margin: 0;
	padding: 1.4rem 0.5rem 1.4rem 4.5rem;
	border-bottom: var(--app-mypagenav-brd); /* ボーダー指定 */
	background: var(--app-mypagenav-bg); /* 背景色 */
}
.mypTp01.mypagenav .mypagenavSec a {
	margin: 0;
	padding: 0.8rem 0.5rem 0.8rem 4.5rem;
	border-bottom: var(--app-mypagenav-sec-brd); /* ボーダー指定 */
	background: var(--app-mypagenav-sec-bg); /* 背景色 */
}
.mypTp01.mypagenav .widget li {border-top: none;}
.mypTp01.mypagenav .widget li:last-child {border-bottom: none;}
.mypTp01.mypagenav .widget li.mypagenavSec {padding-left: 0;}

/* デザインパターン02 アイコン付き囲み線 */
.mypTp02.mypagenav a {
	margin: 0.4em 0;
	padding: 0.8em 0.5em 0.8em 2.8em;
	border: var(--app-mypagenav-brd); /* ボーダー指定 */
	border-radius: var(--app-mypagenav-rod);-webkit-border-radius: var(--app-mypagenav-rod);-moz-border-radius: var(--app-mypagenav-rod);/* 角丸 */
	background: var(--app-mypagenav-bg); /* 背景色 */
	box-shadow: var(--app-mypagenav-sd);/* 背景影色 */
}
.mypTp02.mypagenav .mypagenavSec a {
	margin: 0.4em 0;
	padding: 0.8rem 0.5rem 0.8rem 4.5rem;
	border: var(--app-mypagenav-sec-brd); /* ボーダー指定 */
	background: var(--app-mypagenav-sec-bg); /* 背景色 */
}
.mypTp02.mypagenav .widget li {border-top: none;}
.mypTp02.mypagenav .widget li:last-child {border-bottom: none;}
.mypTp02.mypagenav .widget li.mypagenavSec {padding-left: 0;}
.mypTp02.mypagenav .widget li .btn {width: 44px;height: 43px;top: 1px;right: 1px;}

/* デザインパターン03 囲み線 */
.mypTp03.mypagenav a {
	margin: 0.2em 0;
	padding: 0.8em 0.5em 0.8em 1.0em;
	border: var(--app-mypagenav-brd); /* ボーダー指定 */
	border-radius: var(--app-mypagenav-rod);-webkit-border-radius: var(--app-mypagenav-rod);-moz-border-radius: var(--app-mypagenav-rod);/* 角丸 */
	background: var(--app-mypagenav-bg); /* 背景色 */
	box-shadow: var(--app-mypagenav-sd);/* 背景影色 */
}
.mypTp03.mypagenav .mypagenavSec a {
	margin: 0.2em 0;
	padding: 0.8rem 0.5rem 0.8rem 4.5rem;
	border: var(--app-mypagenav-sec-brd); /* ボーダー指定 */
	background: var(--app-mypagenav-sec-bg); /* 背景色 */
}
.mypTp03.mypagenav .widget li {border-top: none;}
.mypTp03.mypagenav .widget li:last-child {border-bottom: none;}
.mypTp03.mypagenav .widget li.mypagenavSec {padding-left: 0;}
.mypTp03.mypagenav .widget li .btn {width: 44px;height: 43px;top: 1px;right: 1px;}

/* デザインパターン04 囲み線左罫線 */
.mypTp04.mypagenav a {
	margin: 0.4em 0;
	padding: 0.8em 0.5em 0.8em 0.5em;
	border: var(--app-mypagenav-brd); /* ボーダー指定 */
	border-radius: var(--app-mypagenav-rod);-webkit-border-radius: var(--app-mypagenav-rod);-moz-border-radius: var(--app-mypagenav-rod);/* 角丸 */
	background: var(--app-mypagenav-bg); /* 背景色 */
	box-shadow: var(--app-mypagenav-sd);/* 背景影色 */
}
.mypTp04.mypagenav .mypagenavSec a {
	margin: 0.2em 0;
	padding: 0.8rem 0.5rem 0.8rem 2.0rem;
	border: var(--app-mypagenav-sec-brd); /* ボーダー指定 */
	background: var(--app-mypagenav-sec-bg); /* 背景色 */
}
.mypTp04.mypagenav a span {
	padding: 0 0 0 0.8em;
	border-left: var(--app-mypagenav-brd-l); /* 見出しボーダー指定 */
}
.mypTp04.mypagenav .widget li {border-top: none;}
.mypTp04.mypagenav .widget li:last-child {border-bottom: none;}
.mypTp04.mypagenav .widget li.mypagenavSec {padding-left: 0;}
.mypTp04.mypagenav .widget li .btn {width: 44px;height: 43px;top: 1px;right: 1px;}

/* マイページナビ(アイコン) */
.mypTp01.mypagenav a.mypagetop,
.mypTp02.mypagenav a.mypagetop {background: var(--app-mypagetop-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypagetop,
.mypTp02.mypagenav li.crt a.mypagetop {background: var(--app-mypagetop-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

.mypTp01.mypagenav a.mypageprof,
.mypTp02.mypagenav a.mypageprof {background: var(--app-mypageprof-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypageprof,
.mypTp02.mypagenav li.crt a.mypageprof {background: var(--app-mypageprof-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

.mypTp01.mypagenav a.mypagepassword,
.mypTp02.mypagenav a.mypagepassword {background: var(--app-mypagepassword-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypagepassword,
.mypTp02.mypagenav li.crt a.mypagepassword {background: var(--app-mypagepassword-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

.mypTp01.mypagenav a.mypageservice,
.mypTp02.mypagenav a.mypageservice {background: var(--app-mypageservice-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypageservice,
.mypTp02.mypagenav li.crt a.mypageservice {background: var(--app-mypageservice-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

.mypTp01.mypagenav a.mypageseminar,
.mypTp02.mypagenav a.mypageseminar {background: var(--app-mypageseminar-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypageseminar,
.mypTp02.mypagenav li.crt a.mypageseminar {background: var(--app-mypageseminar-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

.mypTp01.mypagenav a.mypageproduct,
.mypTp02.mypagenav a.mypageproduct {background: var(--app-mypageproduct-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypageproduct,
.mypTp02.mypagenav li.crt a.mypageproduct {background: var(--app-mypageproduct-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

.mypTp01.mypagenav a.mypagecart,
.mypTp02.mypagenav a.mypagecart {background: var(--app-mypagecart-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypagecart,
.mypTp02.mypagenav li.crt a.mypagecart {background: var(--app-mypagecart-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

.mypTp01.mypagenav a.mypagecontact,
.mypTp02.mypagenav a.mypagecontact {background: var(--app-mypagecontact-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypagecontact,
.mypTp02.mypagenav li.crt a.mypagecontact {background: var(--app-mypagecontact-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

.mypTp01.mypagenav a.mypagework,
.mypTp02.mypagenav a.mypagework {background: var(--app-mypagework-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypagework,
.mypTp02.mypagenav li.crt a.mypagework {background: var(--app-mypagework-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

.mypTp01.mypagenav a.mypagepush,
.mypTp02.mypagenav a.mypagepush {background: var(--app-mypagepush-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypagepush,
.mypTp02.mypagenav li.crt a.mypagepush {background: var(--app-mypagepush-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

.mypTp01.mypagenav a.mypageconpost,
.mypTp02.mypagenav a.mypageconpost {background: var(--app-mypageconpost-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypageconpost,
.mypTp02.mypagenav li.crt a.mypageconpost {background: var(--app-mypageconpost-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

.mypTp01.mypagenav a.mypageprdpost,
.mypTp02.mypagenav a.mypageprdpost {background: var(--app-mypageprdpost-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypageprdpost,
.mypTp02.mypagenav li.crt a.mypageprdpost {background: var(--app-mypageprdpost-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

.mypTp01.mypagenav a.mypagebbspost,
.mypTp02.mypagenav a.mypagebbspost {background: var(--app-mypagebbspost-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypagebbspost,
.mypTp02.mypagenav li.crt a.mypagebbspost {background: var(--app-mypagebbspost-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

.mypTp01.mypagenav a.mypagefavorite,
.mypTp02.mypagenav a.mypagefavorite {background: var(--app-mypagefavorite-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypagefavorite,
.mypTp02.mypagenav li.crt a.mypagefavorite {background: var(--app-mypagefavorite-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

.mypTp01.mypagenav a.mypagebenefits,
.mypTp02.mypagenav a.mypagebenefits {background: var(--app-mypagebenefits-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypagebenefits,
.mypTp02.mypagenav li.crt a.mypagebenefits {background: var(--app-mypagebenefits-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

.mypTp01.mypagenav a.mypageaffiliate,
.mypTp02.mypagenav a.mypageaffiliate {background: var(--app-mypageaffiliate-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypageaffiliate,
.mypTp02.mypagenav li.crt a.mypageaffiliate {background: var(--app-mypageaffiliate-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

.mypTp01.mypagenav a.mypageinfo,
.mypTp02.mypagenav a.mypageinfo {background: var(--app-mypageinfo-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypageinfo,
.mypTp02.mypagenav li.crt a.mypageinfo {background: var(--app-mypageinfo-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

.mypTp01.mypagenav a.mypagesignage,
.mypTp02.mypagenav a.mypagesignage {background: var(--app-mypagesignage-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypagesignage,
.mypTp02.mypagenav li.crt a.mypagesignage {background: var(--app-mypagesignage-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

.mypTp01.mypagenav a.mypnavIco,
.mypTp02.mypagenav a.mypnavIco,
.mypTp01.mypagenav li.crt a.mypnavIco,
.mypTp02.mypagenav li.crt a.mypnavIco {background-size:24px 24px;}

/*** マイページナビボタン ***/

.mypagenavBt {margin: 0 auto;padding: 1.0rem;background: #eee;}
.mypagenavBt ul {
	margin: 0 auto;
	padding: 0;
	display: flex;
	gap: 0.4rem 0.1rem;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	list-style: none;
}
.mypagenavBt li {
	width: calc(20% - 5px);
	margin: 0 auto;
	padding: 2.0rem;
	border-radius: var(--app-mypagenavBt-rod);-webkit-border-radius: var(--app-mypagenavBt-rod);-moz-border-radius: var(--app-mypagenavBt-rod);/* 角丸 */
	background: var(--app-mypagenavBt-bg);/* 背景色 */
	box-shadow: var(--app-mypagenavBt-sd);/* 背景影色 */
}
.mypagenavBt a {
	width: 100%;
	height: 100px;
	padding: 2.0rem 0;
	display: block;
	font-size: clamp(1.2rem, 1.0vw, 1.2rem);
	text-align: center;
}
.mypagenavBt a {padding-top: 7.5rem;}

@media screen and (max-width: 480px) {
	.mypagenavBt li {
		width: calc(33.0% - 5px);
		padding: 1.0rem;
	}
	.mypagenavBt a {padding-top: 6.5rem;}
}
.mypBtTp01.mypagenavBt a.mypageBtprof {background: var(--app-mypageBtprof-ico) top center no-repeat;}
.mypBtTp01.mypagenavBt a.mypageBtpassword {background: var(--app-mypagepBtassword-ico) top center no-repeat;}
.mypBtTp01.mypagenavBt a.mypageBtservice {background: var(--app-mypageBtservice-ico) top center no-repeat;}
.mypBtTp01.mypagenavBt a.mypageBtseminar {background: var(--app-mypageBtseminar-ico) top center no-repeat;}
.mypBtTp01.mypagenavBt a.mypageBtproduct {background: var(--app-mypageBtproduct-ico) top center no-repeat;}
.mypBtTp01.mypagenavBt a.mypageBtcart {background: var(--app-mypageBtcart-ico) top center no-repeat;}
.mypBtTp01.mypagenavBt a.mypageBtcontact {background: var(--app-mypageBtcontact-ico) top center no-repeat;}
.mypBtTp01.mypagenavBt a.mypageBtwork {background: var(--app-mypageBtwork-ico) top center no-repeat;}
.mypBtTp01.mypagenavBt a.mypageBtpush {background: var(--app-mypageBtpush-ico) top center no-repeat;}
.mypBtTp01.mypagenavBt a.mypageBtconpost {background: var(--app-mypageBtconpost-ico) top center no-repeat;}
.mypBtTp01.mypagenavBt a.mypageBtprdpost {background: var(--app-mypageBtprdpost-ico) top center no-repeat;}
.mypBtTp01.mypagenavBt a.mypageBtbbspost {background: var(--app-mypageBtbbspost-ico) top center no-repeat;}
.mypBtTp01.mypagenavBt a.mypageBtfavorite {background: var(--app-mypageBtfavorite-ico) top center no-repeat;}
.mypBtTp01.mypagenavBt a.mypageBtsignage {background: var(--app-mypageBtsignage-ico) top center no-repeat;}

.mypagenavBt a:hover {filter: alpha(opacity=65);-moz-opacity:0.75;opacity:0.75;text-decoration: none;}

/* ** myp_navi end ** */

/* ** myp_prof start ** */
/*** マイページナビ(プロフ写真エリア) ***/
.myPhoto {
	margin: 0 auto;
	padding: 1.5rem;
	border-radius: var(--app-myPhoto-rod);-webkit-border-radius: var(--app-myPhoto-rod);-moz-border-radius: var(--app-myPhoto-rod);/* 角丸 */
	border: var(--app-myPhoto-brd); /* ボーダー指定 */
	background: var(--app-myPhoto-bg); /* 背景色 */
}
.myPhoto p.myName {
	margin: 0 auto;
	padding: 0.5em 0;
	color:  var(--app-myPhoto-txt); /* テキスト色 */
	text-align: center;
	font-size: clamp(1.4rem, 1.4vw, 1.6rem);
	font-weight: bold;
}
/* マイページ写真単体 */
.myPhoto .photoArea {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	overflow: hidden;
	border-radius: var(--app-myPhoto-rod);
	-webkit-border-radius: var(--app-myPhoto-rod);
	-moz-border-radius: var(--app-myPhoto-rod);/* 角丸 */
	border: var(--app-photoArea-brd); /* ボーダー指定 */
	background: var(--app-photoArea-bg); /* 背景色 */
}
.myPhoto .photoArea {max-width: var(--app-photoArea-size);height: var(--app-photoArea-size);} /* 写真大きさ */
.myPhoto .photoArea img {position: absolute;width: 100%;height: auto;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

/* 申込プラン表示 */
.planOrd {
	padding: 0.5rem 1.0rem;
	font-size: 1.2rem;
	color: #fff;
	background: #eee;
	font-weight: bold;
	text-align: center;
	border-radius: var(--app-planOrd-rod);-webkit-border-radius: var(--app-planOrd-rod);-moz-border-radius: var(--app-planOrd-rod);
}
/* ** myp_prof end ** */

/* ** myp_basic start ** */
/*** マイページ表示枠 ***/

/* 基本設定 */
.mypageBox {margin: 0 auto;padding: 0;}
.mypageBoxInn {padding: 0 1.5rem;}
.mypageBoxFlex {width: 100%;margin: 0 auto;display: flex;gap: 2.0rem;}
.mypageBoxFlex div {width: 100%;}
.mypageBoxDet li {list-style: none;}

@media screen and (max-width: 600px) {
	.mypageBox {width: 100%;}
	.mypageBoxInn {padding: 0 1.0rem;}
	.mypageBoxFlex {width: 100%;margin: 0 auto;display: block;}
}
/* 名前表示設定 */
.mypageNameBox {margin: 0 auto;padding: 3.0rem 0.5rem 1.0rem 0.5rem;}
.welcomeName {font-size: clamp(1.4rem, 1.4vw, 1.4rem);font-weight: bold;}

/* タイトルエリア設定 */
.mypageTitle {
	width: 100%;
	margin: 0;
	padding: 0 0.5rem;
	display: flex;
	justify-content: flex-start;
	gap: 0 0.2rem;
	color: var(--app-mypageTitle-txt); /* テキスト色 */
	background: var(--app-mypageTitle-bg); /* 背景色 */
	border-radius: var(--app-mypageTitle-rod);-webkit-border-radius: var(--app-mypageTitle-rod);-moz-border-radius: var(--app-mypageTitle-rod); /* 角丸 */
	border: var(--app-mypageTitle-brd); /* ボーダー指定 */
	align-items: center;
}
.mypageTitle .FlexItem:first-child {margin-right: auto;}
.mypageTitle h2.mypageTitleTi,
.mypageTitle h3.mypageTitleTi,
.mypageTitle h4.mypageTitleTi {padding-top: 1.2rem;padding-bottom: 1.2rem;padding-left: 1.0rem;font-size: clamp(1.6rem, 1.6vw, 1.6rem);}
.mypageTitle .editBt {width: 80px;} /* ボタンサイズ */

/* ボタンエリア設定 */
.mypageBtBox {
	width: 100%;
	margin: 0;
	padding: 0.5rem 1.0rem;
	background: #f3f3f3; /* 背景色 */
	border-top: 1px solid #d5d9db; /* ボーダー指定 */
}
@media screen and (max-width: 480px) {
	.mypageBtBox {padding: 0.5rem 0;}
}
/* 基本枠設定 */
.mypageBoxDet {
	margin: 0.5rem auto;
	padding: 0;
	border-radius: var(--app-mypageBoxDet-rod);-webkit-border-radius: var(--app-mypageBoxDet-rod);-moz-border-radius: var(--app-mypageBoxDet-rod); /* 角丸 */
	border: var(--app-mypageBoxDet-brd); /* 外枠ボーダー指定  */
	background: var(--app-mypageBoxDet-bg); /* 外枠背景色 */
	box-shadow: var(--app-mypageBoxDet-sd);/* 外枠背景影色 */
}
.mypageBoxDetInn {
	margin: 1.0rem auto;
	padding: 1.0rem 2.0rem;
	border-radius: var(--app-mypageBoxDet-rod);-webkit-border-radius: var(--app-mypageBoxDet-rod);-moz-border-radius: var(--app-mypageBoxDet-rod); /* 角丸 */
	border: var(--app-mypageBoxDetInn-brd); /* 内枠ボーダー指定  */
	background: var(--app-mypageBoxDetInn-bg); /* 内枠背景色 */
	box-shadow: var(--app-mypageBoxDetInn-sd);/* 内枠背景影色 */
}
/* 申込履歴枠設定 */
.mypageOrdBox {
	margin: 3.0rem auto;
	padding: 0;
	border-radius: var(--app-mypageOrdBox-rod);-webkit-border-radius: var(--app-mypageOrdBox-rod);-moz-border-radius: var(--app-mypageOrdBox-rod); /* 角丸 */
	border: var(--app-mypageOrdBox-brd); /* 外枠ボーダー指定  */
	background: var(--app-mypageOrdBox-bg); /* 外枠背景色 */
	box-shadow: var(--app-mypageOrdBox-sd);/* 外枠背景影色 */
}
.mypageOrdBoxInn {
	margin: 1.0rem 1.5rem;
	padding: 1.0rem 2.0rem;
	border-radius: var(--app-mypageOrdBoxInn-rod);-webkit-border-radius: var(--app-mypageOrdBoxInn-rod);-moz-border-radius: var(--app-mypageOrdBoxInn-rod); /* 角丸 */
	border: var(--app-mypageOrdBoxInn-brd); /* 内枠ボーダー指定  */
	background: var(--app-mypageOrdBoxInn-bg); /* 内枠背景色 */
	box-shadow: var(--app-mypageOrdBoxInn-sd);/* 内枠背景影色 */
}
@media screen and (max-width: 480px) {
	.mypageBoxDetInn,
	.mypageOrdBoxInn {padding: 0.5rem;}
	.mypageOrdBoxInn {margin: 1.0rem;}
}
/* サービスプラン変更設定 */
.planChangeBox {
	margin: 1.0rem auto;
	padding: 1.0rem;
	border-radius: var(--app-planChangeBox-rod);-webkit-border-radius: var(--app-planChangeBox-rod);-moz-border-radius: var(--app-planChangeBox-rod); /* 角丸 */
	border: var(--app-planChangeBox-brd); /* 外枠ボーダー指定  */
	background: var(--app-planChangeBox-bg); /* 外枠背景色 */
	box-shadow: var(--app-planChangeBox-sd);/* 外枠背景影色 */
}
.planChangeBox dd.planChangeName {font-size: clamp(1.8rem, 1.8vw, 2.0rem);}
.planChangeBox li {padding: 0.5rem 0;}

/* キャンセルや解約等の状態設定 */
.mypageOrdSituation {
	margin: 1.0rem auto;
	padding: 1.0rem 2.0rem;
	border-radius: var(--app-mypageOrdSituation-rod);-webkit-border-radius: var(--app-mypageOrdSituation-rod);-moz-border-radius: var(--app-mypageOrdSituation-rod); /* 角丸 */
	border: var(--app-mypageOrdSituation-brd); /* 内枠ボーダー指定  */
	background: var(--app-mypageOrdSituation-bg); /* 背景色 */
	box-shadow: var(--app-mypageOrdSituation-sd);/* 背景影色 */
}
/* データ表示設定 */
.mypageBoxDet dl {
	display: flex;
	align-items: center;
	margin: 0 auto;
	padding: 1.0rem 0;
	color: var(--app-mypageBoxDet-txt); /* テキスト色 */
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
	font-weight: bold;
	border-bottom: var(--app-mypageBoxDet-brd-dl); /* 仕切りボーダー指定 */
}
.mypageBoxDet dl:last-child {border-bottom: none;}

/*** 項目幅指定 ***/

/* 通常 */
.mypageBoxDet dt,
.mypageBoxDet dd {padding: 0.5rem;}
.mypageBoxDet dt {width: 25%;}
.mypageBoxDet dd {width: 75%;}

/* flex横並び時 */
.mypageBoxFlex .mypageBoxDet dt {width: 40%;}
.mypageBoxFlex .mypageBoxDet dd {width: 60%;}

/* 購入金額設定 */
.mypageOrdBasic dd.name {font-size: var(--font-AmountName);}
.mypageOrdBasic  span.kinagakuTxt {font-size: var(--font-Amount);padding: 0 0.5rem 0 0;}

@media screen and (max-width: 480px) {
	.mypageBoxDet dl {display: block;padding: 0.5rem 0;}
	.mypageBoxDet dt,
	.mypageBoxFlex .mypageBoxDet dt {width: 100%;padding-bottom: 1.0rem;}
	.mypageBoxDet dd,
	.mypageBoxFlex .mypageBoxDet dd {width: 100%;}
	.mypageBoxDet dl.spchkDl {display: flex;}
	.mypageBoxDet dl.spchkDl dt,
	.mypageBoxFlex .mypageBoxDet dl.spchkDl dt {width: 35%;padding: 0 0 0 0.8rem;}
	.mypageBoxDet dl.spchkDl dd,
	.mypageBoxFlex .mypageBoxDet dl.spchkDl dd {width: 65%;}
}
/*** 決済履歴指定 ***/
.payment_history {position:relative;width:100%;height:0;padding-top:50%;}
.payment_history iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

/*** コンテンツ詳細表示処理 ***/
.DetailBox {margin: 2.0rem auto;padding: 1.5rem 0;width: 95%;}

/****** 写真付きリスト表示 ******/
/* 基本枠 */
.postList {
	list-style: none;
	margin: 1.0rem auto;
	padding: 2.0rem;
	border-radius: var(--app-postList-rod);-webkit-border-radius: var(--app-postList-rod);-moz-border-radius: var(--app-postList-rod);/* 角丸 */
	border: var(--app-postList-brd); /* ボーダー指定 */
	background: var(--app-postList-bg); /* 背景色 */
	box-shadow: var(--app-postList-bbg);/* 背景影色 */
}
/* 項目枠 */
.postList li {
	margin: 0 auto;
	padding: 2.0rem 1.0rem;
    display: flex;
    justify-content: space-between;
    border-bottom: var(--app-postList-li-brd); /* ボーダー指定 */
}
/* リンク制御 */
.postList .postTtl a {color: var(--app-postList-txt);text-decoration: none;}
.postList a:hover {text-decoration: underline;}

/* 日付・写真エリア */
.postDate {width: 20%;}
.postDate .postDateDetail {padding: 0.5rem 0;font-size: 1.2rem;font-weight: bold;}
.postDate .postImg {padding-bottom: 0.5rem;} /* 写真 */
.postDate .postImg img {width: 100%;} /* 写真サイズ */
.postDate .postDateIco {padding-top: 1.0rem;} /* 承認・未承認アイコン */
.postDate .postDateIco .IcoBox{width:auto;}

/* タイトル・テキストエリア */
.postText {width: 77%;}
.postTtl {font-size: clamp(2.0rem, 2.4vw, 2.4rem);font-weight: bold;min-width: 100%;margin-right: 2.0rem;flex-shrink:0;line-height: 1.2;}
.postBody {font-size: clamp(1.4rem, 1.4vw, 1.4rem);min-width: 100%;padding: 1.5rem 0;}/* テキスト */

/* ボタン配置 */
.postBt {padding: 1.0rem 0;display: flex;justify-content: flex-start;}
.postBt p {padding: 0 0.2rem;width: 120px;}

/* アイコン配置 */
.postIco {padding: 0 0 1.0rem 0;display: flex;justify-content: flex-start;gap: 0 0.2rem}
.postIco p {padding: 0rem;width: 120px;}

/****** セミナー利用時 ******/
.postEventDate,
.postPlaceName,
.postAmount {font-size: clamp(1.4rem, 1.4vw, 1.4rem);min-width: 100%;padding: 0;line-height: 1.8;}

/****** 商品利用時 ******/

/* 商品価格・カートボタン */
.postPrdDet {padding: 1.0rem 0 0.5rem 0;display: flex;justify-content: flex-start;}

.postPrdDet .postPrdDetInn {width: 180px;padding: 0;font-weight: bold;}
.postPrdDet .postPrdCart {width: 150px;padding-top: 1.5rem;}
.postPrdDet .postPrdDetInn .postPrdNo {font-size: 1.2rem;}
.postPrdDet .postPrdDetInn .DetPay {font-size: 2.0rem;}
.postPrdDet .postPrdDetInn .DetPay span {font-size: 2.6rem;}
.DetSituation {padding: 0.5rem 0rem;}

/* 投稿コメント表示タイトル */
.postBodyTi {
	width: 100%;
	position: relative;
	padding-top: 2.0rem;
	padding-bottom: 2.0rem;
	text-align: center;
	line-height: 1.0;
	color: var(--app-postBodyTi-txt); /* テキスト色 */
	font-size: 1.4rem;
	font-weight: bold;
}
.postBodyTi:before {
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 100%;
	height: 1px;
	content: '';
	background: var(--app-postBodyTi-txt); /* テキスト色 */
}
.postBodyTi span {
	position: relative;
	padding: 0 1em;
	background: var(--app-postList-bg); /* 背景色 */
}
/* トピックスデータエリア */
.boardPostData {padding: 1.5rem 0 0 0}

/* 削除時 */
.postList li.remove{padding:0.5rem 0;}
.postList li.remove .postDate,
.postList li.remove .postBody,
.postList li.remove .postBodyTi,
.postList li.remove .postPrdDet{visibility:hidden;width:0;height:0;margin:0;padding:0;}
.postList li.remove .postText{width:100%;}
.postList li.remove .postTtl{padding: 0.5rem 0;font-size:1.4rem;font-weight:inherit;}
.postList li.remove .postCaut{padding: 0.5rem 0;font-size: 1.6rem;font-weight:700;}
.postList li.remove .postBt{font-size: 1.4rem;padding: 1.0rem 0 0;}
.postList li.remove .editBt a,
.postList li.remove .editBt button,
.postList li.remove .editBt span{font-size: 1em;padding:0.5rem 0 ;font-weight: inherit;}

/*** ボタン処理 ***/
/* マイページ内編集完了ボタン */
.editRegBt {
	margin: 2.0rem auto;
	padding: 1.5rem 0.5rem;
	width: 50%;
	font-size: clamp(1.6rem, 1.6vw, 2.0rem);
	color: var(--bt-bl-txt);
	background: var(--bt-bl);
	border: var(--bt-bl-brd);
	box-shadow: var(--bt-bl-sd);
	border-radius: var(--BtM-rod);-webkit-border-radius: var(--BtM-rod);-moz-border-radius: var(--BtM-rod); /* 角丸 */
}
@media screen and (max-width: 600px) {
	.postList li {padding: 0.5rem;display: block;}
	.postDate {width: 100%;}
	.postText {width: 100%;}
	.postDate .postDateDetail {padding: 0.5rem 0 1.0rem 0;}
	.postBt p {padding: 0 0.2rem;width: 50%;}
	.DetSituation {width: 100px;padding: 0.5rem 0 1.5rem 0;}
	.editRegBt {padding: 2.0rem 0.5rem;width: 90%;}
}
/* ** myp_basic end ** */

/* ** myp_pay start ** */
/*** マイページ領収書（請求書）表示枠 ***/

.popupArea.invoice {width: 960px;margin: 0 auto;padding: 2.0rem 0;}
.invoice h1 {font-size: 4.0rem;padding: 0.5rem 0 2.0rem 0;text-align: center;}
.invoiceInnPrf {display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.invoiceRgt {width: 50%;}
.invoiceLft {width: 40%;}

/* 宛先名（個人・事業者） */
.invoiceCrpName {
	text-align: left;
	margin: 0 0 1.5rem 0;
	padding: 0.5rem 1.0rem;
	border-bottom: 1px solid var(--app-invoice-brd);
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: end;
}
.invoiceCrpNameDet {font-size: 2.5rem;}
.invoiceCrpNameAdd {font-size: 2.0rem;}

/* 注意書き */
.invoiceRgtTxt {font-size: 1.6rem;text-align: left;margin: 0;padding: 1.5rem 0;}

/* 合計金額表示 */
.invoiceRgtTotal {width:100%;margin: 0;padding-top: 2.0rem;}
.invoiceRgtTotal table {width:100%;font-size: 1.6rem;font-weight: bold;}
.invoiceRgtTotal th {width: 30%;padding: 1.0rem;color: var(--app-invoice-th-txt);background: var(--app-invoice-th-bg);border: 1px solid var(--app-invoice-tabele-brd);text-align: center;}
.invoiceRgtTotal td {padding: 1.0rem;color: var(--app-invoice-td-txt);background: var(--app-invoice-td-bg);border: 1px solid var(--app-invoice-tabele-brd);text-align: right;}
.invoiceRgtTotalPay {font-size: 2.6rem;}

.invoiceDocNo {font-size: 1.2rem;font-weight: bold;text-align: right;padding: 0 0 0.8rem 0;}/* ドキュメント番号表示 */
.invoiceDay {font-size: 1.6rem;font-weight: bold;text-align: right;padding: 0 0 1.5rem 0;}/* 請求日表示 */

/* 請求者表示 */
.invoiceAdd {
	padding: 1.0rem 2.0rem;
	background: var(--app-invoice-bg);
	border: 1px solid var(--app-invoice-brd);
	text-align: leftt;
	border-radius: var(--app-invoice-rod);
	position: relative;
}
.invoiceSenderCrp {font-size: 2.0rem;font-weight: bold;}/* 会社名 */
.invoiceSenderName {font-size: 1.6rem;padding-bottom: 1.0rem;}/* 担当者名 */
.invoicePostCode,
.invoiceAddress1,
.invoiceAddress2 {font-size: 1.4rem;}/* 住所 */
.invoiceTel {padding: 0.5rem 0;font-size: 1.4rem;}/* 電話番号 */
.invoiceNo {font-size: 1.4rem;}/* 適格請求書番号 */

/* 電子印鑑 */
.invoiceSign {position: absolute;right: -1.0rem;bottom: 1.0rem;}
.invoiceSign img {width: 120px;}
.invoiceStamp {width:100%;margin: 2.0rem auto 0 auto;padding: 0;display: flex;justify-content: flex-end;gap: 0 0.2rem;}
.invoiceStampBox {width: 80px;height: 80px;border: 1px solid var(--app-invoice-brd);}

/* 見積・請求項目名 */
.invoiceQuotationName {
	font-size: 2.2rem;
	text-align: left;
	margin: 0 0 1.5rem 0;
	padding: 0.5rem 1.0rem;
	border-bottom: 1px solid var(--app-invoice-brd);
}
/* 請求一覧 */
.invoiceInnList {width:100%;margin: 0;padding: 4.0rem 0;}
.invoiceInnList table {width:100%;font-size: 1.4rem;font-weight: bold;}
.invoiceInnList th {padding: 1.0rem;color: var(--app-invoice-th-txt);background: var(--app-invoice-th-bg);border: 1px solid var(--app-invoice-tabele-brd);text-align: center;}
.invoiceInnList td {padding: 1.0rem;color: var(--app-invoice-td-txt);background: var(--app-invoice-td-bg);border: 1px solid var(--app-invoice-tabele-brd);}
.invoiceInnList .koumoku {width: 550px;}
.invoiceInnList .tekiyou {width: 200px;}
.invoiceInnList .tanni,
.invoiceInnList .suryou,
.invoiceInnList .zeiritsu {width: 80px;}
.invoiceInnList .tanka,
.invoiceInnList .syoukei,
.invoiceInnList .syouhizei,
.invoiceInnList .kingaku {width: 150px;}
.invoiceInnList .sagyoubi {width: 200px;}

.invoiceListName {padding: 0.5rem 0;font-size: 1.6rem;}/* 項目名 */

/* 各種明細 */
hr.meisaiBoxLine {border: solid 1px #fff;background-color: #fff;}
.invoiceListDet {padding: 0;border-top: dotted 1px #999;}
.invoiceListDet h2 {font-size: 2.5rem;padding: 0.5rem;}
.invoiceListDetDataTime {font-size: 1.2rem;}
.invoiceListDetDataName {font-size: 1.4rem;}

/* 振込先・インボイス対応エリア */
.invoiceInnBank {margin-bottom: 3.0rem;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.invoiceBankRgt {width: 40%;}
.invoiceBankLft {width: 50%;}

/* 合計金額エリア */
.invoiceInnBankList table {width:100%;font-size: 1.4rem;font-weight: bold;}
.invoiceInnBankList th {width: 130px;padding: 1.0rem;color: var(--app-invoice-th-txt);background: var(--app-invoice-th-bg);border: 1px solid var(--app-invoice-tabele-brd);text-align: center;}
.invoiceInnBankList td {padding: 1.0rem;color: var(--app-invoice-td-txt);background: var(--app-invoice-td-bg);border: 1px solid var(--app-invoice-tabele-brd);}
.invoicTaxOth {font-size: 1.6rem;}
.invoicTaxTotal {font-size: 2.0rem;}

/* 内訳情報 */
.invoiceInnbreakdown dl {display: flex;-webkit-justify-content: space-between;justify-content: space-between;padding: 0 1.5rem;font-size: 1.4rem;font-weight: normal;}
.invoiceInnbreakdown dt {}
.invoiceInnbreakdown dd {text-align: right;}

/* 口座情報 */
.invoiceInnBankDl dl {display: flex;padding: 0.5rem 0;font-size: 1.4rem;}
.invoiceInnBankDl dt {width: 30%;}
.invoiceInnBankDl dd {width: 70%;}

/* ** myp_pay end ** */

/* ** myp_order start ** */
/*** マイページ購入商品詳細表示枠 ***/

/* 基本枠 */
.PrdDetTableT th {width: 30%;}

/* 商品型番・商品番号 */
.PrdDetTable p.prdDetNo {font-size: 1.2rem;}
.PrdDetTable p.prdDetName {font-size: 1.6rem;}

.PrdDetTable .TableBgTanka {font-size: 1.4rem;background: var(--td-Tanka-bg);}/* 商品単価 */

.PrdDetTable .TableBgQuantity {font-size: 1.4rem;background: var(--td-Quantity-bg);}/* 商品個数 */
.PrdDetTable .TableBgSubtotal {font-size: 1.4rem;background: var(--td-Subtotal-bg);}/* 小計 */
.PrdDetTable .TableBgProducttotal {font-size: 1.6rem;background: var(--td-Producttotal-bg);}/* 商品合計 */
.PrdDetTable span.ProducttotalPay {font-size: 1.4rem;}
.PrdDetTable .TableBgPostage {font-size: 1.2rem;background: var(--td-Postage-bg);}/* 送料 */
.PrdDetTable span.PostagePay {font-size: 1.4rem;}
.PrdDetTableT td.TableBGTotal,
.PrdDetTable td.TableBGTotal {font-size: 1.4rem;background: var(--td-Total-bg);}/* 合計金額 */
.PrdDetTable span.TotalPay {font-size: 1.8rem;}
.PrdDetTable td.TableBGAdjustment {font-size: 1.2rem;background: var(--td-Adjustment-bg);}/* 調整金額 */
.PrdDetTable span.AdjustmentPay {font-size: 1.4rem;}
.PrdDetTable td.TableBGTax {font-size: 1.2rem;background: var(--td-Tax-bg);}/* 税金 */
.PrdDetTable span.TaxPay {font-size: 1.2rem;}

/* ** myp_order end ** */

/* ** myp_push start ** */
/*** マイページ通知一覧表示枠 ***/

/* 基本枠 */
.pushList {
	list-style: none;
	margin: 1.0rem auto;
	padding: 2.0rem;
	border-radius: var(--app-pushList-rod);-webkit-border-radius: var(--app-pushList-rod);-moz-border-radius: var(--app-pushList-rod);/* 角丸 */
	border: var(--app-pushList-brd); /* ボーダー指定 */
	background: var(--app-pushList-bg); /* 背景色 */
	box-shadow: var(--app-pushList-bbg);/* 背景影色 */
}
/* 項目枠 */
.pushList li {
    position: relative;
	margin: 0 auto;
	padding: 2.0rem 1.0rem;
    display: flex;
    justify-content: space-between;
    border-bottom: var(--app-pushList-li-brd); /* ボーダー指定 */
}
/* リンク制御 */
.pushList a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition:.3s;
}
.pushList a:hover {
	background: var(--app-pushList-a-bg); /* 背景色 */
	filter: alpha(opacity=15);-moz-opacity:0.15;opacity:0.15;text-decoration: none;
}
/* 日付エリア */
.pushDate {
	width: 20%;
	padding-top: 0.5rem;
	font-size: clamp(1.2rem, 1.4vw, 1.4rem);
	font-weight: bold;
}
/* タイトル・テキストエリア */
.pushText {display: flex;justify-content: space-between;flex-wrap: wrap;width: 80%;}

/* タイトル */
.pushTtl {
	font-size: clamp(1.8rem, 2.0vw, 2.0rem);
	font-weight: bold;
	min-width: 100%;
	margin-right: 2.0rem;
	flex-shrink:0;
}
/* テキスト */
.pushBody {font-size: clamp(1.4rem, 1.6vw, 1.6rem);min-width: 100%;}

@media screen and (max-width: 480px) {
	.pushList {padding: 1.0rem;}
	.pushList li {display: block;}
	.pushDate {width: 100%;padding-top: 0;}
	.pushText {display: block;width: 100%;}
}
/* ** myp_push end ** */