/* ----- utility ----- */
/* background-color */
.p-bgClr01{ background-color: #FBEEE8 !important;}
.p-bgClr02{ background-color: #EBEBEB !important;}
.p-bgClr03{ background-color: #BBAECC !important;}
.p-bgClr04{ background-color: #B4B4B4 !important;}
.p-bgClr05{ background-color: #7DC2C9 !important;}
.p-bgClr06{ background-color: #C2C2C2 !important;}
.p-bgClr07{ background-color: rgba(0,0,0,0) !important;}
.p-bgClr08{ background-color: #CEB9B2 !important;}
.p-bgClr09{ background-color: #E56F63 !important;}
.p-bgClr10{ background-color: #CCC !important;}
.p-bgClr11{ background-color: #FBEEE8 !important;}
.p-bgClr12{ background-color: #AFC985 !important;}
.p-bgClr13{ background-color: #D8AB6F !important;}
.p-bgClr14{ background-color: #F0F0F0 !important;}
.p-bgClr15{ background-color: #DCDCDC !important;}
.p-bgClr16{ background-color: #F99D8C !important;}
.p-bgClr16_1{ background-color: #F99D8C ;}
.p-bgClr17{ background-color: #ec837f !important;}
.p-bgClr18{ background-color: #b4d3d8 !important;}
.p-bgClr19{ background-color: #b3b3b3 !important;}
/* PIARY_PIAPRI-299の対応 2023/06/01 K.Okui start edit */
.p-bgClr20{ background-color: #ff6d2e !important;}
/* PIARY_PIAPRI-299の対応 2023/06/01 K.Okui end edit */


/* color */
.p-clr01{ color: #E5574C !important; }
.p-clr02{ color: #7DC2C9 !important; }
.p-clr03{ color: #CBB047 !important; }
.p-clr05{ color: #808080 !important; }
.p-clr06{ color: #C7C7C7 !important; }



/* border-color */
.p-borClr01 {border-color: #B4B4B4 !important;}
.p-borClr02 {border-color: #7DC2C9 !important;}
.p-borClr03 {border-color: #F99D8C !important;}
.p-borClr04 {border-color: #666 !important;}
.p-borClr05 {border-color: #808080 !important;}



/* flex */
.p-flxScrCnt{ padding-left: 25vw; }/*とりあえずの値*/
.p-flxW15{ flex:0 0 15vw !important; }
.p-flxW20{ flex:0 0 20vw !important; }
.p-flxW25{ flex:0 0 25vw !important; }
.p-flxW30{ flex:0 0 30vw !important; }
.p-flxW31{ flex:0 0 31vw !important; }
.p-flxW33{ flex:0 0 33.33vw !important; }/*例:radioのlabelは一旦これ*/
.p-flxW35{ flex:0 0 35vw !important; }
.p-flxW40{ flex:0 0 40vw !important; }
.p-flxW45{ flex:0 0 45vw !important; }
.p-flxW50{ flex:0 0 50vw !important; }
.p-flxW55{ flex:0 0 55vw !important; }
.p-flxW60{ flex:0 0 60vw !important; }
.p-flxW65{ flex:0 0 65vw !important; }
.p-flxW70{ flex:0 0 70vw !important; }
.p-flxW75{ flex:0 0 75vw !important; }
.p-flxW80{ flex:0 0 80vw !important; }
.p-flxW85{ flex:0 0 85vw !important; }
.p-flxW90{ flex:0 0 90vw !important; }
.p-flxW95{ flex:0 0 95vw !important; }
.p-flxW100{ flex:0 0 100vw !important; }



/* font */
/* saffrontoo */
@font-face{
	font-family: 'saffrontoo_4';
	src:url(/my-piapri/resource/font/saffrontoo_4.TTF) format('truetype');
}
.p-fnt--saffron{
	font-family: 'saffrontoo_4';
	font-size: 1.55rem;
}
/* 新ゴ */
@font-face{
	font-family: 'A-OTF-ShinGoPro-Regular_4';
	src:url(/my-piapri/resource/font/A-OTF-ShinGoPro-Regular_4.otf) format('opentype');
}
.p-fnt--shinGo{
	font-family: 'A-OTF-ShinGoPro-Regular_4';
	font-size: 1.1rem;
}
/* 小塚明朝 */
@font-face{
	font-family: 'KozMinPr6N-Regular_3';
	src:url(/my-piapri/resource/font/KozMinPr6N-Regular_3.otf) format('opentype');
}
.p-fnt--kozukaMincho{
	font-family: 'KozMinPr6N-Regular_3';
}
/* T明朝 */
@font-face{
	font-family: 'TMincho-GT01001';
	src:url(/my-piapri/resource/font/TMincho-GT01001.ttf) format('truetype');
}
.p-fnt--test{
	font-family: 'TMincho-GT01001';
}
/* ダイナ ゴシック */
@font-face{
	font-family: 'DFHSGothicRPro5-W3';
	src:url(/my-piapri/resource/font/DFHSGothicRPro5-W3.woff) format('truetype');
	font-display: swap;
}
.p-fnt--dynaGothic{
	font-family: 'DFHSGothicRPro5-W3';
}




/* overflow */
.p-ovFlwY{ overflow-y: scroll; }
.p-ovFlwX{ overflow-X: scroll; }
.p-ovFlwH{ overflow: hidden; }



/* other */
.p-centerMiddle{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
.p-posBtm{
	position: absolute;
	bottom: 0;
	left: 0;
}
/*.p-imgSdw{ box-shadow: 4px 4px 6px -2px #aaa; }*/
.p-imgSdw{
	-webkit-filter: drop-shadow(3px 3px 2px #aaa);
	filter: drop-shadow(3px 3px 2px #aaa);
}
.p-borRad-half{ border-radius: 9999px; }
.p-rotate45{
	transform: rotate(45deg);
}


/* クリッピング */
.p-clipCircle{
	clip-path: circle(50% at center);
	-webkit-clip-path: circle(50% at center);
}
.p-clipCircle--num{
	background-color: #f99d8c;
	border: 1px solid #FFF;
	color: #FFF;
	position: absolute;
	text-align: center;
	bottom: 0;
	right: 0;
}
.p-clipCircle--num--01{
	border-radius: 50%;
	height: 30px;
	width: 30px;
	line-height: 30px;
}
.p-clipCircle--num--01.clipCircle--num--more999{
	font-size: 1.0rem;
}
.p-clipCircle--num--detail{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	background-color: #998675ab;
	color: #FFF;
	width: 100%;
	height: 100%;
}
.js-selected.p-clipCircle--num--detail{
	display: block;
}
.p-clipCircle--original{
	position: absolute;
	top: 0;
	left: -0.5em;
}
.p-clipCircle--printapplication{
	position: absolute;
	top: 0;
	left: 0.5em;
}
/*----- /utility ----- */



/*----- SHARE -----*/

/* header */
.p-header {
	position: fixed;
	top: 0;
	height: 40px;
	left: 0;
	width: 100%;
	z-index: 1000;
}
.p-title {
	font-size: 16px;
	text-align: center;
	line-height: 40px;
}
.p-globalNavBtn {
	position: absolute;
	height: 13px;
	width: 20px;
	top: 0;
	bottom: 0;
	left: 10px;
	margin-top: auto;
	margin-bottom: auto;
}
.p-globalNavBtn::before {
	content: '';
	display: block;
	border-top: 1px solid #646464;
	border-bottom: 1px solid #646464;
	width: 20px;
	height: 5px;
	position: absolute;
	top: 0;
	left: 0;
	/*box-sizing: content-box*/
}
.p-globalNavBtn::after {
	content: '';
	display: block;
	border-top: 1px solid #646464;
	width: 20px;
	position: absolute;
	top: 12px;
	left: 0;
}

/*グローバルナビ p-globalNav*/
/* グローバルナビ全体 */
.p-globalNav_{
	width: 80vw;
	background-color: #FFF;
	border: 1px solid #B4B4B4;
}
.p-grobalNav__userName{
	background-color: #f99d8c;
	color: #FFF;
	padding: .5em;
}
.p-globalNav__itemWrap{
}
.p-globalNav__itemWrap:last-child{
}
.p-globalNav__item{}
.p-globalNav__tapItem{
	display: block;
	padding: 1em;
	font-size: 1.3rem;
}
.p-globalNav__link{
	text-decoration: none;
}
.p-globalNav__disable{
	background-color: #c8c8c8;
}
/* パーティー内 */
.p-globalNav__partyWrap .p-globalNav__tapItem{
	padding: .8em;
}
.p-globalNav__partyWrap .p-globalNav__partyName{
	background-color: #fbeee8;
	padding: .8em .5em;
	text-align: center;
}
/* 各親商品 */
.p-globalNav__partyWrap .p-globalNav__itemName{
	background-color: #fffaf8;
	padding-left: 2em;
}
/* 各子部材 */
.p-globalNav__innerItem{
}
.p-globalNav__innerItem:first-child{
}
.p-globalNav__innerItem:last-child{
}
.p-globalNav__partyWrap .p-globalNav__innerItemName{
	padding-left: 2.5em;
}
.p-globalNav__innerItemName::before{
	content: "∟";
	display: block;
	height: 13px;
	width: 13px;
}
/* 矢印 */
[class*="p-globalNav__arw"]{
	background-position-x: calc(100% - 7px);
	background-position-y: center;
	background-repeat: no-repeat;
	padding-right: 30px;
}
.p-globalNav__arwU01{ background-image: url(/my-piapri/resource/img/icon/ic_gnav_arw_u_g.svg) }
.p-globalNav__arwR01{ background-image: url(/my-piapri/resource/img/icon/ic_gnav_arw_r_g.svg) }
.p-globalNav__arwD01{ background-image: url(/my-piapri/resource/img/icon/ic_gnav_arw_d_g.svg) }
.p-globalNav__arwL01{ background-image: url(/my-piapri/resource/img/icon/ic_gnav_arw_l_g.svg) }
.p-globalNav__arwU02{ background-image: url(/my-piapri/resource/img/icon/ic_gnav_arw_u_p.svg) }
.p-globalNav__arwR02{ background-image: url(/my-piapri/resource/img/icon/ic_gnav_arw_r_p.svg) }
.p-globalNav__arwD02{ background-image: url(/my-piapri/resource/img/icon/ic_gnav_arw_d_p.svg) }
.p-globalNav__arwL02{ background-image: url(/my-piapri/resource/img/icon/ic_gnav_arw_l_p.svg) }






.p-siteLogo {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 40px;
	width: 35px;
	height: 30px;
	display: block;
	margin-top: auto;
	margin-bottom: auto;
}

/* p-logoImg ロゴ*/
.p-logoWrapper {
	padding: 1em;
}
.p-logoImg--s {
	width: 130px;
	margin: auto;
}
.p-logoImg--m {
	width: 70px;
	margin: auto;
}
.p-logoImg--h {
	width: 46px;
}




/* main */
.p-main {
	box-sizing: border-box;
	top: 40px;
	min-height: calc(100vh - 40px);
	position: relative;
	/* padding-bottom: 48px; */
}



/* footer */
.p-footer {
	height: 48px;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: 100;
	position: fixed;
}
.p-footer.u-posFix{
	background-color: rgba(255,255,255,.5);
	bottom: 0;
}
.p-footer.u-posAbs{
	bottom: -40px;
}
/* アラート画面用 */
.p-alertFooter {
	height: 26px;
	line-height: 26px;
	margin-top: 2em;
	position: fixed;
	bottom: 0;
}



/* js単独 */
.js-hidden{ display: none; }
.js-vishidden{ visibility: hidden;; }
.js-errorTxt{ color: #E5574C!important; }
.js-alertTxt{ color:#F7A900; }
.js-errorBox{ background-color: #FBEEE8!important;border: 1px solid #F99D8C!important; }
.p-editButton--error.js-active{
	background-color: #F99D8C!important;
	border: 1px solid #F99D8C!important;
	color: #FFF!important;
}
.p-editButton--alert.js-active{
	background-color: #F7A900!important;
	border: 1px solid #F7A900!important;
	color: #FFF!important;
}
.p-editButton--error.js-active .p-icEdit,
.p-editButton--alert.js-active .p-icEdit{
	background-image: url(/my-piapri/resource/img/icon/ic_edit_error.svg)!important;
}

/* title */
.p-ttl01{
	background-color: #EBEBEB;
	padding: .5em;
	position: relative;
}
.p-required_words{
	color: #E5574C;
	font-size: .9rem;
}



/* textarea */
.p-textarea{
	display: block;
	padding: 0;
	line-height: 1.7em;
	resize: none;
	padding: .5em;
}
.p-textareaH01{ height: calc(1.7em * 1 + 1em + 2px) }/* この辺は仮の値 */
.p-textareaH02{ height: calc(1.7em * 2 + 1em + 2px) }/* この辺は仮の値 */
.p-textareaH03{ height: calc(1.7em * 3 + 1em + 2px) }/* この辺は仮の値 */
.p-textareaH04{ height: calc(1.7em * 4 + 1em + 2px) }/* この辺は仮の値 */
.p-textareaH05{ height: calc(1.7em * 5 + 1em + 2px) }/* この辺は仮の値 */



/* checkbox 基礎 */
.p-icCheck {
	border-radius: 3px;
	height: 20px;
	width: 20px;
	position: relative;
}
.p-icCheck_demo {
	position: absolute;
	top: 0;
	left: 0;
}
.p-icCheck::before,.p-icCheck::after{
	border-top: 2px solid;
	content: '';
	display: block;
	position: absolute;
}
.p-icCheck::before {
	transform: rotate(30deg);
	top: 10px;
	left: 5px;
	width: 5px;
}
.p-icCheck::after {
	transform: rotate(-45deg);
	top: 9px;
	left: 8px;
	width: 7px;
}

/* checkbox バージョン 基本設定 */
.p-icCheck--01,.p-icCheck--01,
.p-icCheck--02,.p-icCheck--02{ background-color: #CCC; }
.p-icCheck--01::before,.p-icCheck--01::after,
.p-icCheck--02::before,.p-icCheck--02::after{ border-color: #FFF; }
.p-icCheck--03{
	background-color: #FFF;
	border: 1px solid #CCC;
	border-radius: 9px;
}
.p-icCheck--03::before,.p-icCheck--03::after{ border-color: #CCC; }

/* checkbox バージョン selected */
.js-checkBox.js-selected .p-icCheck--01 { background-color: #F99D8C; }
.js-checkBox.js-selected .p-icCheck--02 { background-color: #7DC2C9; }
.js-checkBox.js-selected .p-icCheck--03,.js-selected .p-icCheck--03::before,
.js-checkBox.js-selected .p-icCheck--03::after{ border-color: #7DC2C9; }



/* radio */
.p-icRadioWrap {
	border: 1px solid #CCC;
	min-height: 50px;
}
.p-icRadio {
	position: relative;
	width: 20px;
	height: 20px;
	background-color: #FFF;
	border-radius: 100%;
	border: 1px solid #CCC;
	box-sizing: border-box;
	display: block;
}
.p-icRadio::before {
	content: '';
	position: absolute;
	top: 4px;
	left: 4px;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: #CCC;
}
.p-icRadioWrap.js-active {
	border-color: #F99D8C;
	background-color: #FBEEE8;
}
.js-radioBtn.js-selected .p-icRadio {
	border-color: #F7931E;
}
.js-radioBtn.js-selected .p-icRadio::before {
	background-color: #F99D8C;
}



/* selectbox */
.p-selectArw{
	position: relative;
}
.p-selectArw::before{
	content: '';
	display: block;
	position: absolute;
	border-top: 1px solid;
	border-right: 1px solid;
	pointer-events: none;
}
.p-selectArw::before{ transform: rotate(135deg); }



/* selectbox バージョン arw大きさ */
.p-selectArw--01::before{
	height: 10px;
	width: 10px;
	right: 15px;
	top: calc(50% - 8px);
}
.p-selectArw--01 .p-select--pd{
	padding-left: 5px;
	padding-right: 35px;
}

.p-selectArw--02::before{
	height: 5px;
	width: 5px;
	right: 8px;
	top: calc(50% - 5px);
}

.p-selectArw--03{
	background-color: #fff;
	border-radius: 3px;
  width: 14px;
  height: 14px;
}
.p-selectArw--03::before{
	height: 7px;
  width: 7px;
  right: 3px;
  top: calc(50% - 6px);
}

.p-selectArw--04{
	border-radius: 3px;
  width: 14px;
  height: 14px;
	padding: .5em;
  margin-right: .05em;
  margin-left: 0.25em;
}
.p-selectArw--04::before{
	height: 7px;
  width: 7px;
  right: 3px;
  top: calc(50% - 6px);
}

/*.p-selectArw--02::before,.p-selectArw--02::after{
	border-top: 1px solid;
	height: 1px;
	width: 6px;
}
.p-selectArw--02::before{ right: 14px; }
.p-selectArw--02::after{ right: 10px; }
.p-selectArw--02 .p-select--pd{ padding-left: 5px;padding-right: 26px; }*/

/* selectbox バージョン arwカラー */
.p-selectArwClr--01::before { border-color: #646464; }
.p-selectArwClr--02 select,
.p-selectArwClr--02::before { border-color: #f99d8c; }

/* 郵便番号 */
.p-postal_code,
.p-guest_postal_code {
	margin-left: auto;
	padding-right: 1.5em;
	position: relative;
	text-decoration: none;
}

.p-postal_code::after,
.p-guest_postal_code::after {
	position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  right: 0;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: -3px;
  background: url(/my-piapri/resource/img/icon/ic_link.svg) top left no-repeat;
}

.p-postal_code::after {
	width: 19px;
	height: 19px;
	background-size: 16px 16px;
}

.p-guest_postal_code::after {
	width: 20px;
	height: 20px;
	background-size: 16px 16px;
}

/* file アップロード */
.p-fileUp--01{
	background-color: #EBEBEB;
	border:2px solid #B4B4B4;
}
.p-fileUpS{ height: 38vw;width: 38vw; }
.p-fileUpM{ height: 45vw;width: 45vw; }
.p-fileUp3L{ height: 85vw;width: 85vw; }
.p-fileUpProf1{ height: 50vw;width: 38vw; }

/* file アップロード アイコン */
.p-icFileUp--01{
	height: 20px;
	width:20px;
	background: url(/my-piapri/resource/img/icon/ic_img_upload.svg) no-repeat center;
}
.p-icFileUp--02{
	height: 15px;
	width:18px;
	background: url(/my-piapri/resource/img/icon/ic_img_upload02.svg) no-repeat center;
}


/* プレビュー アイコン */
.p-icPreview {
	height: 18px;
	width: 16px;
	background: url(/my-piapri/resource/img/icon/ic_preview.svg) no-repeat center;
}
.p-icPreview2 {
	height: 13px;
	width: 11px;
	background: url(/my-piapri/resource/img/icon/ic_preview2.svg) no-repeat center;
}

.p-icPlus {
	height: 15px;
	width: 15px;
	background: url(/my-piapri/resource/img/icon/ic_plus.svg) no-repeat center;
}

.p-icPlus-vertical {
	-webkit-writing-mode: vertical-lr;
	height: 17px;
	background: url(/my-piapri/resource/img/icon/ic_plus.svg) no-repeat center;
}


/* 進捗度 アイコン*/
.js-notyet {background-image: url(/my-piapri/resource/img/icon/ic_notyet.svg);}
.js-making {background-image: url(/my-piapri/resource/img/icon/ic_making.svg);}
.js-completed {background-image: url(/my-piapri/resource/img/icon/ic_completed.svg);}


/* piapriTOP 作成ステータス ボタン */
.p-topStBtn {
	border: 1px solid;
	border-radius: 5px;
}
.p-topStBtn--editComp {
	border-color: #F99D8C;
	color:#F99D8C;
}
.p-topStBtn--edit,
.p-topStBtn--makenew {
	border-color: #b3b3b3;
	color:#646464;
}


/* piapriTOP 作成ステータス アイコン */
/* 作成済みプレビュー */
.p-topStBtn--editComp .p-icTopSt{
	height: 13px;
	width: 13px;
	background: url(/my-piapri/resource/img/icon/ic_preview_a.svg) no-repeat center / contain;
}
/* 続きを作る */
.p-topStBtn--edit .p-icTopSt{
	height: 13px;
	width: 13px;
	background: url(/my-piapri/resource/img/icon/ic_btn_edit.svg) no-repeat center / contain;
}
/* 新しく作る */
.p-topStBtn--makenew .p-icTopSt{
	height: 13px;
	width: 13px;
	background: url(/my-piapri/resource/img/icon/ic_btn_makenew.svg) no-repeat center / contain;
}


/* カレンダー アイコン */
.p-icCalendar{
	background: url(/my-piapri/resource/img/icon/ic_calendar.svg) no-repeat 98% center;
}



/* scroll選択状態 */
.p-wrapSelect{
	border: 2px solid transparent;
}
.p-wrapSelect.js-selected{
	border: 2px solid #F99D8C!important;
}
.p-design__selected{
	display: none;
}
.p-wrapSelect.js-selected .p-design__selected{
	content: "";
	display: block;
	background-color: #F99D8C;
	border: 1px solid #FFF;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	position: absolute;
	top: 3px;
	right: 3px;
	z-index: 1;
}
.p-wrapSelect.js-selected .p-design__selected::before{
	content: '';
	display: block;
	position: absolute;
	top: 10px;
	left: 5px;
	border-top: 2px solid #FFF;
	width: 5px;
	transform: rotate(30deg);
}
.p-wrapSelect.js-selected .p-design__selected::after{
	content: '';
	display: block;
	position: absolute;
	top: 9px;
	left: 8px;
	border-top: 2px solid #FFF;
	width: 7px;
	transform: rotate(-45deg);
}
/*  ------ update 2019/6/7 meicom ------ */
.p-wrapSelect.js-selected-used .p-design__selected-used{
	content: "";
	display: block;
	background-color: #B4B4B4;
	border: 1px solid #FFF;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	position: absolute;
	top: 3px;
	right: 3px;
	z-index: 3;
}
.p-wrapSelect.js-selected-used .p-design__selected-used::before{
	content: '';
	display: block;
	position: absolute;
	top: 10px;
	left: 5px;
	border-top: 2px solid #FFF;
	width: 5px;
	transform: rotate(30deg);
}
.p-wrapSelect.js-selected-used .p-design__selected-used::after{
	content: '';
	display: block;
	position: absolute;
	top: 9px;
	left: 8px;
	border-top: 2px solid #FFF;
	width: 7px;
	transform: rotate(-45deg);

}
.p-wrapSelect.js-selected-used::before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000;
	opacity: .3;
	z-index: 1;
}
.p-wrapSelect.js-selected-used::after{
	content: "選択済";
	position: absolute;
	top: 50%;
	left: 50%;
	color: #FFF;
	z-index: 2;
	font-size: 1.2em;
	transform: translate(-50%);
}

.p-wrapSelect.js-selected-used .p-design__selected{
	background-color: #B4B4B4;
}
/*  ------ update 2019/6/7 meicom ------ */

/*  ------ delete 2019/6/7 meicom ------ */
/*
.p-wrapSelect.js-selected.js-used .p-design__selected{
	background-color: #B4B4B4;
}
.p-wrapSelect.js-selected.js-used::before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000;
	opacity: .3;
	z-index: 1;
}
.p-wrapSelect.js-selected.js-used::after{
	content: "選択済";
	position: absolute;
	top: 50%;
	left: 50%;
	color: #FFF;
	z-index: 2;
	font-size: 1.2em;
	transform: translate(-50%);
}
*/
/*  ------ delete 2019/6/7 meicom ------ */

/* ヘルプ アイコン */
.p-icHelp{
	background: url(/my-piapri/resource/img/icon/ic_help.svg) no-repeat center;
	height: 32px;
	width: 32px;
}

/* ヘルプ */
.p-helpBtn {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 50%;
	right: 10px;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.p-helpNote {
	border: 1px solid #7DC2C9;
	width: calc(100% - 2em);
	position: absolute;
	background-color: #FFF;
	z-index: 10;
	top: 37px;
	left: 1em;
}
.p-helpNote.js-inactive {
	display: none;
}
.p-helpNote::before {
	content: '';
	display: block;
	position: absolute;
	border-bottom: 11px solid #7DC2C9;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	top: -12px;
	right: 7px;
}
.p-helpNote::after {
	content: '';
	display: block;
	position: absolute;
	border-bottom: 11px solid #FFF;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	top: -10px;
	right: 8px;
}

/* 2019.12.16 piary yuzawa ヘルプボタン内複数の場合リスト化 start */
.p-helpNote .helpNote-listMarker {
    list-style: outside;
}
/* 2019.12.16 piary yuzawa ヘルプボタン内複数の場合リスト化 end */

/* 2019.12.15 piary yuzawa ボタン右肩ヘルプ start */
.p-helpBtn--topRight {
	position: absolute;
	width: 32px;
	height: 32px;
	top: -16px;
	right: -16px;
}
.p-helpNote.p-helpNote--topRight {
	width: calc(100% + 16px);
	top: 25px;
	left: 0px;
}
.p-helpNote.p-helpNote--topRight::before {
	right: 9px;
}
.p-helpNote.p-helpNote--topRight::after {
	right: 10px;
}
/* 2019.12.15 piary yuzawa ボタン右肩ヘルプ end */

/* 2019.12.17 piary yuzawa ヘルプアイコン右端から中心寄り start */
.p-helpBtn--inside {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 50%;
	right: 45.5%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.p-helpNote.p-helpNote--inside::before {
	right: 48.5%;
}
.p-helpNote.p-helpNote--inside::after {
	right: 49%;
}
/* 2019.12.17 piary yuzawa ヘルプアイコン右端から中心寄り end */

/* 2020.02.17 piary aoki ヘルプアイコン右端上飛び出し start */
.p-helpBtn--outside {
	position: absolute;
	width: 32px;
	height: 32px;
	top: -30%;
	right: 10%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.p-helpNote.p-helpNote--outside {
	width: calc(100% + 80px);
	top: 18px;
	left: -81px;
}
.p-helpNote.p-helpNote--outside::before {
	right: 9%;
	top: -11px;
}
.p-helpNote.p-helpNote--outside::after {
	right: 10%;
	top: -9px;
}
/* 2020.02.17 piary aoki ヘルプアイコン右端上飛び出し end */

/* 01-03 2019.12.18 piary igamoto 
   04 2019.12.19 piary yuzawa
   05-07 2019.12.20 piary yuzawa
   08 2020.01.21 piary yuzawa
   09 2020.02.27 piary yuzawa
   10 2020.03.12 piary yuzawa  ボタン 文字の右側 ヘルプボタン 文字の右側 ヘルプ start */
.p-helpBtn--Right01 {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 3px;
	right: 230px;
}
.p-helpNote.p-helpNote--Right01 {
	width: 80%;
	top: 45px;
	left: 10%;
}
.p-helpNote.p-helpNote--Right01::before {
	right: 171px;
}
.p-helpNote.p-helpNote--Right01::after {
	right: 172px;
}
.p-helpBtn--Right02 {
	position: absolute;
	width: 32px;
	height: 32px;
	top: -3px;
	right: 20px;
}
.p-helpNote.p-helpNote--Right02 {
  	width: 60%;
  	top: 45px;
  	right: 0;
	left: inherit;
}
.p-helpBtn--Right02__deliv{
	right: 240px;
	top: 0;
}
.p-helpNote.p-helpNote--Right02__deliv{
	right: 70px;
	padding: 1rem;
}

.p-helpNote.p-helpNote--Right02__deliv p{
	line-height: 2rem;
}

.p-helpNote.p-helpNote--Right02::before {
	right: 28px;
}
.p-helpNote.p-helpNote--Right02::after {
	right: 29px;
}
.p-helpNote.p-helpNote--Right02__deliv::before{
	right: 179px;
}
.p-helpNote.p-helpNote--Right02__deliv::after{
	top: -11px;
	right: 180px;
}
.p-helpBtn--Right03 {
	position: absolute;
	width: 32px;
	height: 32px;
	top: -2px;
	right: 20px;
}
.p-helpNote.p-helpNote--Right03 {
  	width: 90%;
  	top: 45px;
  	right: 0;
	left: inherit;
}
.p-helpNote.p-helpNote--Right03::before {
	top: -12px;
	right: 28px;
}
.p-helpNote.p-helpNote--Right03::after {
	top: -10px;
	right: 29px;
}
.p-helpBtn--Right04 {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 50%;
	right: 15%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.p-helpNote.p-helpNote--Right04 {
	width: 100%;
	top: 37px;
	left: 0;
}
.p-helpNote.p-helpNote--Right04::before {
	top: -12px;
	right: 20%;
}
.p-helpNote.p-helpNote--Right04::after {
	top: -10px;
	right: 20.5%;
}
.p-helpBtn--Right05 {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 50%;
	right: 53%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.p-helpNote.p-helpNote--Right05::before {
	right: 56%;
}
.p-helpNote.p-helpNote--Right05::after {
	right: 56.5%;
}
.p-helpBtn--Right06 {
	position: absolute;
	width: 32px;
	height: 32px;
	top: -50%;
	right: 62%;
}
.p-helpNote.p-helpNote--Right06 {
	top: 29px;
}
.p-helpNote.p-helpNote--Right06::before {
	right: 66.5%;
}
.p-helpNote.p-helpNote--Right06::after {
	right: 67%;
}
.p-helpBtn--Right07 {
	position: absolute;
	width: 32px;
	height: 32px;
	top: -50%;
	right: 58%;
}
.p-helpNote.p-helpNote--Right07::before {
	right: 62.5%;
}
.p-helpNote.p-helpNote--Right07::after {
	right: 63%;
}
.p-helpBtn--Right08 {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 50%;
	right: 15%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.p-helpNote.p-helpNote--Right08 {
	width: 90%;
	top: 45px;
	left: 5%;
}
.p-helpNote.p-helpNote--Right08::before {
	top: -12px;
	right: 13.5%;
}
.p-helpNote.p-helpNote--Right08::after {
	top: -10px;
	right: 14%;
}
.p-helpBtn--Right09 {
	position: absolute;
	width: 32px;
	height: 32px;
	top: -50%;
	right: 55%;
}
.p-helpNote.p-helpNote--Right09 {
	width: 90%;
	top: 29px;
	left: 8%;
}
.p-helpNote.p-helpNote--Right09::before {
	right: 62.5%;
}
.p-helpNote.p-helpNote--Right09::after {
	right: 63%;
}
.p-helpBtn--Right10 {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 50%;
	right: 20%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.p-helpNote.p-helpNote--Right10 {
	width: 250%;
	top: 40px;
	left: 0;
}
.p-helpNote.p-helpNote--Right10::before {
	top: -11px;
	right: 71%;
}
.p-helpNote.p-helpNote--Right10::after {
	top: -10px;
	right: 71.5%;
}
/* 01-03 2019.12.18 piary igamoto 
   04 2019.12.19 piary yuzawa
   05-07 2019.12.20 piary yuzawa
   08 2020.01.21 piary yuzawa
   09 2020.02.27 piary yuzawa
   10 2020.03.12 piary yuzawa ボタン 文字の右側 ヘルプ end */

/* 2019.12.19 piary yuzawa
   2019.12.20 piary yuzawa ヘルプアイコン左寄せ start */
.p-helpBtn--Left01 {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 50%;
	left: 0;
}
.p-helpNote.p-helpNote--Left01 {
	width: 300px;
	z-index: 10;
	top: inherit;
	bottom: -2px;
	left: 44px;
}
.p-helpNote.p-helpNote--Left01::before {
	border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 12px solid #7DC2C9;
	top: inherit;
	bottom: 16px;
	right: inherit;
	left: -18px;
}
.p-helpNote.p-helpNote--Left01::after {
	border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-right: 11px solid #fff;
	top: inherit;
	bottom: 17px;
	right: inherit;
	left: -15px;
}
.p-helpBtn--Left02 {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 100%;
	right: inherit;
	left: 3%;
}
.p-helpNote.p-helpNote--Left02 {
	width: calc(100% + 17em);
	z-index: 10;
	top: 37px;
	left: 0.5em;
}
.p-helpNote.p-helpNote--Left02::before {
	top: -12px;
	right: inherit;
	left: 2%;
}
.p-helpNote.p-helpNote--Left02::after {
	top: -10px;
	right: inherit;
	left: 2.5%;
}
/* 2019.12.19 piary yuzawa
   2019.12.20 piaty yuzawa ヘルプアイコン左寄せ end */

/* ボタン類 */

/* PIARY_MEICOM-2043 start */
/* 基本ボタン SVG内 肯定 */
.p-buttonSvgActual {
	border: none;
	text-align: center;
	border-radius: 50px;
	color: #FFF;
	display: block;
	line-height: 1.2em;
	font-size: 1.4rem;
	text-decoration: none;
	user-select: none;
	-webkit-user-select: none;
}
/* PIARY_MEICOM-2043 end */

/* 基本ボタン 肯定 */
.p-button {
	border: none;
	text-align: center;
	border-radius: 5px;
	color: #FFF;
	display: block;
	line-height: 1.2em;
	font-size: 1.4rem;
	text-decoration: none;
	user-select: none;
	-webkit-user-select: none;
}
/* 基本ボタン 否定 */
.p-button_not--Clr16 {
	border: none;
	text-align: center;
	border-radius: 5px;
	color: #7DC2C9;
	display: block;
	line-height: 1.2em;
	font-size: 1.4rem;
	text-decoration: none;
	user-select: none;
	-webkit-user-select: none;
	border: solid 1px #7DC2C9;
	box-sizing: border-box;
	background-color: #fff!important;
}
.deletePatternButton.js-active {
	border: none;
	text-align: center;
	border-radius: 5px;
	color: #7DC2C9;
	display: block;
	line-height: 1.2em;
	font-size: 1.4rem;
	text-decoration: none;
	user-select: none;
	-webkit-user-select: none;
	border: solid 1px #7DC2C9;
	box-sizing: border-box;
	background-color: #fff!important;
}
.deletePatternButton.js-inactive {
	border: none;
	text-align: center;
	border-radius: 5px;
	color: #ccc;
	display: block;
	line-height: 1.2em;
	font-size: 1.4rem;
	text-decoration: none;
	user-select: none;
	-webkit-user-select: none;
	border: solid 1px #ccc;
	box-sizing: border-box;
	background-color: #fff!important;
}
/* 基本ボタン サイズ */
.p-buttonSize--2S{ padding: .25em; }
.p-buttonSize--S{ padding: .5em; }
.p-buttonSize--M{
	padding: .6em .7em .7em;
	height: 2.6em;
}
.p-buttonSize--M-vertical{
	padding: .7em .6em;
}
.p-buttonSize--L{ padding: 1em; }/* 実際top,btmは1emもいらないかも */
.p-buttonSize--a{
	height: 3.6em;
	justify-content: center;
}

/* 基本ボタン タイプ */
.p-button--singleArw{
	position: relative;
}
.p-button--singleArw::before{
	content: '';
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	height: 7px;
	width: 7px;
	position: absolute;
	right: 7px;
	top: 50%;
	transform:translateY(-50%) rotate(45deg);
}

/* 三角ボタン */
.p-triBtn--01::before,
.p-triBtn--01::after{
	content: '';
	display: block;
	height: 20px;
	width: 7px;
	position: absolute;
}
.p-triBtn--02::before,
.p-triBtn--02::after{
	content: '';
	display: block;
	height: 26px;
	width: 12px;
	position: absolute;
}


/* 三角ボタン カラー */
.p-triBtnClr--01::before,
.p-triBtnClr--01::after{
	background:
		linear-gradient(to bottom left, rgba(255,255,255,0) 50%, #ee887d 50%) no-repeat top left/100% 52%,
		linear-gradient(to top left, rgba(255,255,255,0) 50%, #ee887d 50%) no-repeat bottom right/100% 52%;
}

/* 三角ボタン中央 */
.p-triBtnMid::before{
	top: 50%;
	left: 0;
	transform: translateY(-50%) rotate(-180deg);
}
.p-triBtnMid::after{
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

/* 丸型ボタン */
.p-circleBtn{
	display: inline-block;
	border-radius: 50%;
	line-height: 1.1em;
	vertical-align: top;
}
.p-circleBtn3S{
	height: 1em;
	width: 1em;
}
.p-circleBtnM{
	height: 15vw;
	width: 15vw;
}

.p-circleBtnM--01{
	height: 10vw;
	width: 10vw;
}

/* ！マークボタン */
.p-exclButton{
	font-family: "MS 明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", serif;
	font-size: 1.9rem;
}

/* 編集ボタン */
.js-unabledWrap{
	opacity: 0.2;
	cursor: default;
}
.p-button.js-inactive{
	background-color: #B3B3B3;
	pointer-events: none;
}
.p-button.js-events{
	pointer-events: auto;
}
.p-editButton {
	border: 1px solid;
	border-radius: 5px;
}
.p-editButton.js-inactive{
	background-color: #B4B4B4;
	border-color: #B4B4B4;
	color: #FFF;
}
.p-editButton.js-unabled{
	opacity: 0.2;
	cursor: default;
}
.p-editButton.js-active{
	background-color: #FFF;
	border-color:  #F99D8C;
}
.p-editButton.js-selected{
	background-color: #F99D8C;
	border-color:  #F99D8C;
	color: #fff;
}
.p-editButton.js-selected .p-icXmark--01::before,
.p-editButton.js-selected .p-icXmark--01::after {
	border-color: #fff;
}
.p-icEdit{
	height: 18px;
	width: 18px;
	background: center no-repeat;
}
.p-editButton.js-inactive .p-icEdit{
	background-image: url(/my-piapri/resource/img/icon/ic_edit_i.svg);
}
.p-editButton.js-active .p-icEdit{
	background-image: url(/my-piapri/resource/img/icon/ic_edit_a.svg);
}

/* 最初に戻るボタン */
.p-scr__prevIcon {
	display: block;
	background-color: #FFF;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	position: relative;
}
.p-scr__prevIcon::before,.p-scr__prevIcon::after{
	content: '';
	border-top: 1px solid #505050;
	border-left: 1px solid #505050;
	box-sizing: border-box;
	height: 8px;
	width: 8px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(-45deg);
}
.p-scr__prevIcon::before{ left: calc(50% - 2px - 3px); }
.p-scr__prevIcon::after{ left: calc(50% - 2px + 3px); }

.p-scr__prevIconSmall {
	display: block;
	background-color: #FFF;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	position: relative;
}
.p-scr__prevIconSmall::before,.p-scr__prevIconSmall::after{
	content: '';
	border-top: 1px solid #505050;
	border-left: 1px solid #505050;
	box-sizing: border-box;
	height: 6px;
	width: 6px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(-45deg);
}
.p-scr__prevIconSmall::before{ left: calc(50% - 2px - 3px); }
.p-scr__prevIconSmall::after{ left: calc(50% - 2px + 3px); }

.p-scr__prevIcon--01 {
	display: block;
	background-color: #FFF;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	position: relative;
}
.p-scr__prevIcon--01::before,.p-scr__prevIcon--01::after{
	content: '';
	border-top: 1px solid #505050;
	border-left: 1px solid #505050;
	box-sizing: border-box;
	height: 8px;
	width: 8px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(-45deg);
}
.p-scr__prevIcon--01::before{ left: calc(50% - 2px - 3px); }
.p-scr__prevIcon--01::after{ left: calc(50% - 2px + 3px); }

.p-scr__prevIconText {
	font-size: 8px;
}

/* 操作系ボタン */
/* 上下左右ボタン */
.p-controllBtn{
	background-color: #FFF;
	border: 1px solid;
	display: block;
	width: 30px;
	height: 30px;
}
.p-controllBtn::before{
	border-top: 1px solid;
	border-left: 1px solid;
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
	left: calc(50% - 5px);
	top: 50%;
	transform: translateY(-50%) rotate(-45deg);
	box-sizing: border-box;
}
.p-controllBtnU{ transform: rotate(90deg); }
.p-controllBtnR{ transform: rotate(180deg); }
.p-controllBtnB{ transform: rotate(270deg); }
.p-controllBtnWrap.js-inactive .p-controllBtn{ border-color: #B4B4B4 }
.p-controllBtnWrap.js-inactive .p-controllBtn::before,
.p-controllBtnWrap.js-inactive .p-controllBtn::after{ border-color: #333; }
.p-controllBtnWrap.js-inactive.js-unabled .p-controllBtn{
	opacity: 0.2;
	cursor: default;
}
.p-controllBtnWrap.js-active .p-controllBtn{ border-color: #f89c8b; }
.p-controllBtnWrap.js-active .p-controllBtn::before,
.p-controllBtnWrap.js-active .p-controllBtn::after{ border-color: #f89c8b; }

/* スイッチON/OFF */
.p-swicthIcon{
	position: absolute;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
	transition: left .2s ease 0s;
}
.p-swicth.js-inactive{ background-color: #B4B4B4; }
.p-swicth.js-inactive .p-swicthIcon{ left: .5em; }
.p-swicth.js-active{ background-color: #F99D8C; }
.p-swicth.js-active .p-swicthIcon{ left: calc(100% - 24px - .5em); }

/* 基本ボタン */
.p-controller .p-button.js-inactive{ background-color: #B4B4B4; }
.p-controller .p-button.js-inactive.js-unabled{
	opacity: 0.2;
	cursor: default;
}
.p-controller .p-button.js-active{ background-color: #E56F63; }

/* ご利用履歴 */
.p-historyButton.js-inactive { background-color: #B4B4B4; }
.p-historyButton.js-active { background-color: #7DC2C9; }

/* 印刷申込 色は暫定 */
.p-appButton.js-inactive { background-color: #B4B4B4; }
.p-appButton.js-active { background-color: #7DC2C9; }

/* FITボタン */
.p-buttonFit{
	box-sizing: content-box;
	border: 1px solid #F99D8C;
	background: #F99D8C;
	height: 30px;
	width: 30px;
	position: relative;
}
.p-icFitmark{
	display: block;
	width: 30px;
	height: 30px;
	background-image: url(/my-piapri/resource/img/icon/ic_fit.svg);
}
.p-buttonPos{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}

/* 拡大縮小ボタン */
.p-buttonScale{
	box-sizing: content-box;
	border: 1px solid #F99D8C;
	height: 30px;
	width: 30px;
	position: relative;
}
.p-icScale{
	display: block;
	width: 30px;
	height: 30px;
}
.p-icScaleU{ background-image: url(/my-piapri/resource/img/icon/ic_scale_u.svg) }
.p-icScaleD{ background-image: url(/my-piapri/resource/img/icon/ic_scale_d.svg) }


/* 要素回転 */
.p-objRotateBtn{
	box-sizing: content-box;
	border: 1px solid;
	border-radius: 50%;
	display: block;
	height: 30px;
	width: 30px;
	position: relative;
}
.p-objRotateBtnWrap.js-inactive .p-objRotateBtn{
	background-color: #B4B4B4;
	border-color: #B4B4B4;
}
.p-objRotateBtnWrap.js-active .p-objRotateBtn{
	background-color: #FFF;
	border-color: #F99D8C;
}
.p-objRotateBtn{
	background: center no-repeat;
}
.p-objRotateBtnWrap.js-inactive .p-objRotateR{ background-image: url(/my-piapri/resource/img/icon/ic_arw_rotate_r_i.svg) }
.p-objRotateBtnWrap.js-inactive .p-objRotateL{ background-image: url(/my-piapri/resource/img/icon/ic_arw_rotate_l_i.svg) }
.p-objRotateBtnWrap.js-active .p-objRotateR{ background-image: url(/my-piapri/resource/img/icon/ic_arw_rotate_r_a.svg) }
.p-objRotateBtnWrap.js-active .p-objRotateL{ background-image: url(/my-piapri/resource/img/icon/ic_arw_rotate_l_a.svg) }

/* 要素拡大縮小 基本 */
.p-objSizeBtn{
	box-sizing: content-box;
	border: 1px solid;
	border-radius: 50%;
	display: block;
	position: relative;
}
.p-objSizeUp::before,.p-objSizeUp::after,
.p-objSizeDown::before{
	content: '';
	position: absolute;
}
.p-objSizeBtnWrap.js-inactive .p-objSizeBtn{
	background-color: #B4B4B4;
	border-color: #B4B4B4;
}
.p-objSizeBtnWrap.js-inactive.js-unabled .p-objSizeBtn{
	cursor: default;
}
.p-objSizeBtnWrap.js-active .p-objSizeBtn{
	background-color: #FFF;
	border-color: #F99D8C;
}
.p-objSizeBtnWrap.js-inactive .p-objSizeBtn::before,
.p-objSizeBtnWrap.js-inactive .p-objSizeBtn::after{
	border-color: #FFF;
}
.p-objSizeBtnWrap.js-active .p-objSizeBtn::before,
.p-objSizeBtnWrap.js-active .p-objSizeBtn::after{
	border-color: #F99D8C;
}

/* 要素拡大縮小 バージョン */
.p-objSizeBtn--S{
	height: 25px;
	width: 25px;
}
.p-objSizeBtn--S.p-objSizeUp::before,.p-objSizeBtn--S.p-objSizeDown::before{
	border-top: 2px solid;
	width: 15px;
	top: calc(50% - 1px);
	left: 5px;
}
.p-objSizeBtn--S.p-objSizeUp::after{
	border-left: 2px solid;
	height: 15px;
	top: 5px;
	left: calc(50% - 1px);
}
.p-objSizeBtn--M{
	height: 30px;
	width: 30px;
}
.p-objSizeBtn--M.p-objSizeUp::before,.p-objSizeBtn--M.p-objSizeDown::before{
	border-top: 3px solid;
	width: 20px;
	top: calc(50% - 1.5px);
	left: 5px;
}
.p-objSizeBtn--M.p-objSizeUp::after{
	border-left: 3px solid;
	height: 20px;
	top: 5px;
	left: calc(50% - 1.5px);
}

/* controller系全て .2sで背景色変更 */
.p-controller .js-inactive,
.p-controller .js-active{
	transition: background-color .2s ease 0s;
}

/* 座席面 ゲスト調整用 */
.p-receGusetAdj::before{
	left: -7px;
}
.p-receGusetAdj::after{
	right: -7px;
}

/* 閉じるボタン */
.p-icXmark{
	position: relative;
}
.p-icXmark::before,.p-icXmark::after{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform-origin: 50% 50%;
	margin: auto;
}
.p-icXmark::before{
	transform: skewY(45deg) translateY(-50%);
}
.p-icXmark::after{
	transform: skewY(-45deg) translateY(-50%);
}

/* 閉じるボタン バージョン */
.p-icXmark--01{
	height: 18px;
	width: 18px;
}
.p-icXmark--01::before,.p-icXmark--01::after{
	border-top: 1px solid #F99D8C;
	width: 12px;
}
.p-icXmark--02{
	border: 1px solid #FFF;
	border-radius: 50%;
	height: 14px;
	width: 14px;
}
.p-icXmark--02::before,.p-icXmark--02::after{
	border-top: 1px solid #FFF;
	width: 6px;
}
.p-icXmark--03{
	background-color: #CCC;
	border-radius: 50%;
	height: 16px;
	width: 16px;
}
.p-icXmark--03::before,.p-icXmark--03::after{
	border-top: 1px solid #FFF;
	width: 8px;
}
.p-icXmark--04{
	background-color: #CCC;
	border-radius: 50%;
	height: 20px;
	width: 20px;
}
.p-icXmark--04::before,.p-icXmark--04::after{
	border-top: 1px solid #FFF;
	width: 10px;
}
.p-icXmark--05.js-active {
	border: 1px solid #7DC2C9;
	border-radius: 50%;
	height: 14px;
	width: 14px;
	margin-bottom: auto;
}
.p-icXmark--05.js-active::before,.p-icXmark--05.js-active::after{
	border-top: 1px solid #7DC2C9;
	width: 6px;
}
.p-icXmark--05.js-inactive {
	border: 1px solid #ccc;
	border-radius: 50%;
	height: 14px;
	width: 14px;
	margin-bottom: auto;
}
.p-icXmark--05.js-inactive::before,.p-icXmark--05.js-inactive::after{
	border-top: 1px solid #ccc;
	width: 6px;
}
/* PIARY_MEICOM-2043 start */
.p-icXmark--06{
	background-color: #CCC;
	border-radius: 50%;
	height: 320px;
	width: 320px;
}
.p-icXmark--06::before,.p-icXmark--06::after{
	border-top: 30px solid #FFF;
	width: 160px;
}
/* PIARY_MEICOM-2043 end */
.p-icXmark--modalClose{
	position: absolute;
	top: 5px;
	right: 5px;
	width: 30px;
	height: 30px;
}
.p-icXmark--modalClose::before,.p-icXmark--modalClose::after{
	border-top: 1px solid #505050;
	width: 20px;
}

/* 追加ボタン タイプ ＞ */
.p-icAdd{}

/* 追加ボタン タイプ ＞ バージョン */
.p-icAdd--01{
	background-color: #FFF;
	border: 1px solid #505050;
	border-radius: 50%;
	height: 16px;
	width: 16px;
}
.p-icAdd--01::before{
	border-top: 1px solid #505050;
	border-right: 1px solid #505050;
	content: "";
	height: 5px;
	width: 5px;
	position: absolute;
	left: calc(50% - 2.5px);
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	box-sizing: border-box;
}


/* 追加ボタン タイプ + */
.p-icPlus--01{

	background-color: #FFF;
	border-radius: 50%;
	height: 17px;
	width: 17px;
	position: relative;
}
.p-icPlus--01::before,
.p-icPlus--01::after{
	content: '';
	border-top:1px solid #7DC1C8;
	height: 1px;
	width: 10px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.p-icPlus--01::after{
	transform: rotate(90deg);
}

/* PIARY_MEICOM-2043 start */
/* PIARY_MEICOM-2043 20191115 kameno edit start // 半端に領域だけ確保してしまうので height width を修正
// background-size: contain 追加 背景のsvgを引き延ばして表示 アスペクト比は維持される */
.p-icPlusSvgActual {
	height: 15px;
	width: 15px;
	background: url(/my-piapri/resource/img/icon/ic_plus.svg) no-repeat center;
    background-size: contain;
}

.p-icPlusSvgActual-vertical {
	-webkit-writing-mode: vertical-lr;
	height: 15px;
	background: url(/my-piapri/resource/img/icon/ic_plus.svg) no-repeat center;
    background-size: contain;
}
/* PIARY_MEICOM-2043 end */


/* ページ上部 編集ボタン */
.p-scrIcWrap_w{
	flex: 0 0 0;
}
.p-scrIcWrap{
/*	border:1px solid;
	border-radius: 50%;
	box-sizing: border-box;*/
	height: 50px;
	width: 50px;
}
.p-scrIc{
	background: no-repeat center;
	background-size: contain;
	display: block;
	height: 100%;
	width: 100%;
}
/*.p-scrIcWrap.js-inactive{
	border-color: #B4B4B4;
	background-color: #E6E6E6;
}
.p-scrIcWrap.js-active{
	border-color: #f99d8c;
	background-color: #fff;
}*/
/* ページ上部 編集ボタン 各アイコン */
.js-inactive .p-scrIc--design{ background-image: url(/my-piapri/resource/img/icon/ic_design_i.svg); }
.js-active .p-scrIc--design{ background-image: url(/my-piapri/resource/img/icon/ic_design_a.svg); }
.js-inactive .p-scrIc--font01{ background-image: url(/my-piapri/resource/img/icon/ic_font01_i.svg); }
.js-active .p-scrIc--font01{ background-image: url(/my-piapri/resource/img/icon/ic_font01_a.svg?); }
.js-inactive .p-scrIc--font02{ background-image: url(/my-piapri/resource/img/icon/ic_font02_i.svg); }
.js-active .p-scrIc--font02{ background-image: url(/my-piapri/resource/img/icon/ic_font02_a.svg); }
.js-inactive .p-scrIc--sentence{ background-image: url(/my-piapri/resource/img/icon/ic_sentence_i.svg); }
.js-active .p-scrIc--sentence{ background-image: url(/my-piapri/resource/img/icon/ic_sentence_a.svg); }
.js-inactive .p-scrIc--layout{ background-image: url(/my-piapri/resource/img/icon/ic_layout_i.svg); }
.js-active .p-scrIc--layout{ background-image: url(/my-piapri/resource/img/icon/ic_layout_a.svg); }
.js-inactive .p-scrIc--return{ background-image: url(/my-piapri/resource/img/icon/ic_return_i.svg); }
.js-active .p-scrIc--return{ background-image: url(/my-piapri/resource/img/icon/ic_return_a.svg); }
.js-inactive .p-scrIc--pdf01{ background-image: url(/my-piapri/resource/img/icon/ic_pdf01_i.svg); }
.js-active .p-scrIc--pdf01{ background-image: url(/my-piapri/resource/img/icon/ic_pdf01_a.svg); }
.js-inactive .p-scrIc--pdf02{ background-image: url(/my-piapri/resource/img/icon/ic_pdf02_i.svg); }
.js-active .p-scrIc--pdf02{ background-image: url(/my-piapri/resource/img/icon/ic_pdf02_a.svg); }
.js-inactive .p-scrIc--free_item{ background-image: url(/my-piapri/resource/img/icon/ic_free_item_i.svg); }
.js-active .p-scrIc--free_item{ background-image: url(/my-piapri/resource/img/icon/ic_free_item_a.svg); }
.js-inactive .p-scrIc--guest_select{ background-image: url(/my-piapri/resource/img/icon/ic_guest_select_i.svg); }
.js-active .p-scrIc--guest_select{ background-image: url(/my-piapri/resource/img/icon/ic_guest_select_a.svg); }
.js-inactive .p-scrIc--name_change{ background-image: url(/my-piapri/resource/img/icon/ic_name_change_i.svg); }
.js-active .p-scrIc--name_change{ background-image: url(/my-piapri/resource/img/icon/ic_name_change_a.svg); }
.js-inactive .p-scrIc--seat_design{ background-image: url(/my-piapri/resource/img/icon/ic_seat_design_i.svg); }
.js-active .p-scrIc--seat_design{ background-image: url(/my-piapri/resource/img/icon/ic_seat_design_a.svg); }
.js-inactive .p-scrIc--table_add{ background-image: url(/my-piapri/resource/img/icon/ic_table_add_i.svg); }
.js-active .p-scrIc--table_add{ background-image: url(/my-piapri/resource/img/icon/ic_table_add_a.svg); }
.js-inactive .p-scrIc--table_del{ background-image: url(/my-piapri/resource/img/icon/ic_table_del_i.svg); }
.js-active .p-scrIc--table_del{ background-image: url(/my-piapri/resource/img/icon/ic_table_del_a.svg); }
.js-inactive .p-scrIc--table_edit{ background-image: url(/my-piapri/resource/img/icon/ic_table_edit_i.svg); }
.js-active .p-scrIc--table_edit{ background-image: url(/my-piapri/resource/img/icon/ic_table_edit_a.svg); }
.js-inactive .p-scrIc--tmp_store{ background-image: url(/my-piapri/resource/img/icon/ic_tmp_store_i.svg); }
.js-active .p-scrIc--tmp_store{ background-image: url(/my-piapri/resource/img/icon/ic_tmp_store_a.svg); }
.js-inactive .p-scrIc--delete{ background-image: url(/my-piapri/resource/img/icon/ic_delete02_i.svg); }
.js-active .p-scrIc--delete{ background-image: url(/my-piapri/resource/img/icon/ic_delete02_a.svg); }
.js-selectDelete .p-scrIc--delete{ background-image: url(/my-piapri/resource/img/icon/ic_delete02_do.svg); }
.js-inactive .p-scrIc--postpaid{ background-image: url(/my-piapri/resource/img/icon/ic_postpaid_i.svg); }
.js-active .p-scrIc--postpaid{ background-image: url(/my-piapri/resource/img/icon/ic_postpaid_a.svg?); }
.js-active .p-scrIc--adjust{ background-image: url(/my-piapri/resource/img/icon/ic_sheets_a.svg); }

/* 一時保存 完了メッセージ */
.p-temSaveBalloonWrapper{
	width: 140px;
	border-radius: 10px;
	box-shadow: 0 0 5px 0 #666;
}
.p-temSaveBalloonWrapper--posSP{
	position: absolute;
	bottom: -60px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 9;
}
.p-temSaveBalloonWrapper::before {
	content: '';
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
	background-color: #FBEEE8;
	box-shadow: 0 0 5px 0 #666;
	z-index: 0;
}
.p-temSaveBalloonWrapper--top::before {
	transform: translateY(-50%) rotate(60deg) skew(30deg);
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.p-temSaveBalloonWrapper__inner{
	background: #FBEEE8;
	border-radius: 10px;
}

/* 項目追加削除 */
.p-eachItemWrap{
	border-color: #CCC;
	display: block;
/*	min-height: 50px; 必要な理由わすれた*/
}
.p-eachItemWrap:nth-child(odd){
/*	background-color: #FFF;*/
}
.p-eachItemWrap:nth-child(even){
/*	background-color: #F0F0F0;*/
}
.p-eachItemWrap.js-selected{
	background-color: #FFF0E9;
	border-color: #F99D8C;
}
.p-eachItemWrap.js-error{
	background-color: #B4B4B4;
}
.p-productAdd{
	position: absolute;
	right: 5px;
	top: 50%;
	transform:translateY(-50%);
}
.p-productClose {
	position: absolute;
	right: 2px;
	top: 2px;
}
.p-productClose_demo {
	position: absolute;
	top: 0;
	left: 0;
}
/* PIARY_MEICOM-2043 start */
.p-productCloseSvgActual {
	position: absolute;
	right: 60px;
	top: 60px;
}
/* PIARY_MEICOM-2043 end */

/* ゲスト移動wrapper */
.p-addGuestWrap{
	max-height: 55vh;
	min-height: 55vh;
}



/* プレビュー周り */
.p-productDetail__top {
	background-color: #FBEEE8;
	z-index: 2;
/*	box-shadow: 0 1px 1px 0px #C2C2C2;*/
}
.p-productPreview {
/*	background-color: #EBEBEB;*/
}
.p-productPreview__viewTxtWrap .js-inactive{
	border: 1px dashed #22A4DD;
}
.p-productPreview__viewTxtWrap .js-active{
	border: 1px dashed #ED58A6;
}
.p-productPreview__footer {
	background-color: #FFF;
	border-top: 1px solid #F99D8C;
	font-size: 14px;
}
.p-productPreview__select {
	font-size: 16px;
}
.p-productPreview__itemTB{
	left: 50%;
	transform: translateX(-50%);
	transition: top .5s ease 0s;
}
.p-productPreview__itemLR{
	top: 5%;
	transform: translateX(-50%);
	transition: left .5s ease 0s;
}
.p-productPreview__itemTB.js-alignT{ top: 5%; }
.p-productPreview__itemTB.js-alignB{ top: -65%; }
.p-productPreview__itemLR.js-alignL{ left: 75%; }
.p-productPreview__itemLR.js-alignR{ left: 25%; }
.p-productPreviewMap--v{
	top: 50%;
	transform:translateY(-50%);
	left: 5px;
}
.p-productPreviewMap--h{
	bottom: 5px;
	transform:translateX(-50%);
	left: 50%;
}
.p-productPreviewMap .js-selected::before{
	background-color: rgba(249, 157, 140, .4);
	border:1px solid #F99D8C;
	box-sizing: border-box;
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}



/* プレビュー タブ切替 タブ */
.p-productColorSelect{
	background-color: #E6E6E6;
	border-left: 1px solid #F99D8C;
	border-bottom: 1px solid #F99D8C;
}
.p-productColorSelect.js-selected{
	background-color: #FFF;
	border-bottom: 0;
}
.p-productColorSelect:first-child{
	border-left: 0;
}



/* 外字選択 */
*[class^="p-gaijiWrap"]{
	line-height: 1.6;
	/* font-size: 100%; */
	padding: .5em;
	border-radius: 5px;
	border: 1px solid;
	margin-right: .2em;
	font-size: 1.6rem;
	width: 4rem;
}
.p-gaijiWrap{
	background-color: #B4B4B4;
	border-color: #B4B4B4;
	color:#FFF;
}
.p-gaijiWrap.js-change,
.p-gaijiWrap.js-changed{
	background-color: #FFF;
	border-color: #F99D8C;
}
.p-gaijiWrap.js-change{
	color:#646464;
}
.p-gaijiWrap.js-changed{
	color: #F99D8C;
}
.p-gaijiSelectWrap{
	min-height: 30vh;
}
.p-gaijiSelectWrap *[class^="p-gaijiWrap"]{
	border-width: 2px;
	font-size: 1.5em;
	margin-bottom: .2em;
}
.p-gaijiList{
	background-color: #FFF;
	border: 1px solid #CCC;
	border-radius: 5px;
	padding: 1em;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1;
}

.p-gaijiList button {
	/* font-size: 1.8rem; */
}

/* 部材TOP ステータス PDFダウンロード */
.p-buzaiTopIc{
	height: 25px;
	width: 25px;
	background-size: contain;
}


/* 印刷申込 ステージヘッダー */
.p-appStage{
	width: calc(100% - 10px);
}
.p-appStage::before{
	content: "";
	display: block;
	width: 5px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 5px;
	background:
		linear-gradient(to bottom left, rgba(255,255,255,0) 50%, #FFF 50%) no-repeat top left/100% 52%,
		linear-gradient(to top left, rgba(255,255,255,0) 50%, #FFF 50%) no-repeat bottom right/100% 52%;
}
.p-appStage::after{
	content: "";
	display: block;
	width: 5px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0px;
	background:
		linear-gradient(to bottom left, rgba(255,255,255,0) 50%, #CCC 50%) no-repeat top left/100% 52%,
		linear-gradient(to top left, rgba(255,255,255,0) 50%, #CCC 50%) no-repeat bottom right/100% 52%;
}
.p-appStage__fst::before{
	display: none;
}
.p-appStage__end::after{
	background-color: #CCC;
}
.p-appStage.js-active{
	background-color: #F99D8C !important;
	color: #FFF !important;
}
.p-appStage.js-active::after{
	background:
		linear-gradient(to bottom left, rgba(255,255,255,0) 50%, #F99D8C 50%) no-repeat top left/100% 52%,
		linear-gradient(to top left, rgba(255,255,255,0) 50%, #F99D8C 50%) no-repeat bottom right/100% 52%;
}
.p-appStage__end.js-active::after{
	background-color: #F99D8C;
}



/* 印刷申込 作成ステータス */
.js-st--create .p-creationStatus{ background-color: #B4B4B4; }
.js-st--ready .p-creationStatus{ background-color: #D8AB6F; }
.js-st--create .p-appElem__innerWrap{ background-color: #F0F0F0; }

.p-appElem__innerWrap{
	border:1px solid #B4B4B4;
}
.p-appElem__checkWrap{
	border-right:1px solid #B4B4B4;
}
.p-appElem__itemWrap{
	border-bottom:1px solid #B4B4B4;
}
.p-appElem__itemWrap:last-child{
	border-bottom:none;
}


/* ゲスト登録 */
.p-guestList--item{}
.p-guestList__checkbox{
	display: none;
}
.p-guestList__detail{
	width: 75%;
	padding-right: 1em;
	font-family: 'DFHSGothicRPro5-W3';
}
.p-guestList__edit{
	width: 25%;
}
.p-guestList__detailWrap{
	border: 1px solid #B4B4B4;
	border-radius: 5px;
	padding: .5em 1em;
	width: 100%;
}


/* ゲスト登録 選択削除時 */
.p-guestList__detailWrap.js-inactive{
	background-color: #e6e6e6;
}
.p-guestList__detailWrapInput{
	background-color: inherit;
}
.p-guestList__selectDelete .p-guestList__checkbox{
	display: block;
}
.p-guestList__selectDelete .p-guestList__detailWrap{
	width: 90%;
}
.p-guestList__selectDelete .p-guestList__detail{
	width: 100%;
	padding-right: 0;
}
.p-guestList__selectDelete .p-guestList__edit{
	display: none!important;
}
.p-guestList__selectDelete .p-productClose{
	display: none;
}


/* ゲスト登録 選択登録時 */
.p-guestList__selectRegister .p-guestList__checkbox{
	display: block;
}
.p-guestList__selectRegister .p-guestList__detailWrap{
	width: 90%;
}
.p-guestList__selectRegister .p-guestList__detail{
	width: 100%;
	padding-right: 0;
}
.p-guestList__selectRegister .p-guestList__edit{
	display: none!important;
}
.p-guestList__selectRegister .p-productClose{
	display: none;
}


/* ゲスト登録 ヒキタクアイコン */
.icon_circle{
  display: inline-block;
  width: 15px;
  height: 15px;
  text-align:center;
  line-height: 13px;
  vertical-align: middle;
  border-radius: 50%;
}

.js-active .icon_circle {
	border: 1px solid #7DC2C9;
}
.js-inactive .icon_circle {
	border: 1px solid #9e9e9e42;
}

/* ご利用履歴 申込ステータス */
.js-st--applied .p-appStatus{ background-color: #AFC985; }
.js-st--printing .p-appStatus{ background-color: #F99D8C; }
.js-st--expired .p-appStatus{ background-color: #A58772; }
.js-st--canceled .p-appStatus{ background-color: #B4B4B4; }



/* 封筒 連名ゲスト選択 */
.p-guestJointnames.js-selected{
	background-color: #E4EFEF;
}



/* 封筒 連名ゲスト入れ替え */
.p-icSwap{
	background: #7DC2C9 url(/my-piapri/resource/img/icon/ic_arw_swap.svg) no-repeat center;
	border-radius: 3px;
	height: 20px;
	width: 20px;
}

/* start PIARY_MEICOM-2043 PCプロフィール面用 */
.p-icSwapSvgActual{
	background: #7DC2C9 url(/my-piapri/resource/img/icon/ic_arw_swap.svg) no-repeat center;
    background-size: contain;
	border-radius: 60px;
	height: 400px;
	width: 400px;
}
/* end PIARY_MEICOM-2043 */

.p-icSwap--note{
	background: #7DC2C9 url(/my-piapri/resource/img/icon/ic_arw_swap.svg) no-repeat center;
	background-size: 4px;
	border-radius: 3px;
	height: 14px;
	width: 14px;
}

.p-note--position {
	top: 3px;
	left: 45px;
}

.p-note--position--01 {
	left: -3%;
	bottom: -25px;
	width: 160px;
}

.p-note--position--02 {
	left: 15%;
	bottom: -25px;
	width: 160px;
}

.p-itemSwap.js-selected{
	background-color: #E4EFEF;
}


/* 封筒 料金別納 */
.p-pphead{
	top: -27px;
}
.p-ppimg{
	box-shadow: 2px -2px 4px #aaa;
}

.p-ppselectArw{
	position: relative;
}
.p-ppselectArw::before{
	content: '';
	display: block;
	position: absolute;
	border-top: 1px solid;
	border-right: 1px solid;
	pointer-events: none;
}
.p-ppselectArw::before{ transform: rotate(135deg); }

.p-ppselectArw--01::before{
	height: 10px;
	width: 10px;
	right: 7px;
	top: calc(50% - 8px);
}
.p-ppselectArw--01 .p-ppselect--pd{
	padding-left: 5px;
	padding-right: 23px;
}

/* 封筒 部材TOPの一覧表 */
.p-envePatternPrev--sp svg{
	display: block;
}



/* 席次表 卓ナンバー */
.p-tableNumbering{
	font-size: 20px;
	line-height: 36px;
	height: 36px;
	width: 36px;
	border-radius: 50%;
}

/* 席次表 卓配置 */
.p-tablePatternItem--2Col{
	margin-left: 10%;
}
.p-tablePatternItem--3Col{
	margin-left: 5%;
}
.p-tablePatternItem--2Col:nth-child(2n+1),
.p-tablePatternItem--3Col:nth-child(3n+1){
	margin-left: 0;
}


/* 席次表ゲスト配置 */
.p-tableGuest{
	background-color: #FFF;
	border-color: #CCC;
}
.p-tableGuest.js-selected{
	border-color: #7dc2c9;
}
.p-tableGuest__space{
	border-style: dashed;
}
.p-tableGuestWrap.js-active{
	background-color: #e4efef;
	box-shadow: 0 2px 2px -1px #CCC;
}
.p-tableGuest__selected .p-tableGuestWrap::before{
	content: '';
	background:#7DC2C9 url(/my-piapri/resource/img/icon/ic_dragdrop.svg) no-repeat center;
	border-radius: 5px;
	height: 20px;
	width: 20px;
	position: absolute;
	left: 1px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: all;
}
.p-tableGuest__selected .p-tableGuest{
	width: 85%;
	margin-left: auto;
}
.p-icTableGuest__st{
	background-color: #7dc2c9;
	border-radius: 50%;
	color: #FFF;
	height: 16px;
	width: 16px;
	position: absolute;
	right: 5px;
	top: 50%;
	transform:translateY(-50%);
	pointer-events: all;
}
.p-icTableGuest__st::before,.p-icTableGuest__st::after{
	content: '';
	border-top: 1px solid #FFF;
	position: absolute;
	width: 8px;
	left: 0;
	right: 0;
	top: 50%;
	margin: auto;
}
.p-icTableGuest__st::before{
	transform: translateY(-50%);
}
.p-icTableGuest__st::after{
	transform: translateY(-50%) rotate(90deg);
}
.p-tableGuest__selected .p-icTableGuest__st::after{
	display: none;
}

/* プロフィール iconアイコン */
.p-icEventIcon{
	display: block;
	background-image: url(/my-piapri/resource/img/icon/ic_eventselect.svg);
	background-position: center;
	background-repeat: no-repeat;
}

/* プロフィール タイムライン */
.p-timeLine--enTtl{
	background-image: url(/my-piapri/resource/img/icon/ic_tl_ttl_enttl.svg);
	background-position: left;
	background-repeat: no-repeat;
	/* height: 12px; */
}
.p-eventSelectWrap{
	background-color: #FFF;
	border: 2px solid #F99D8C;
	border-radius: 5px;
	height: 50px;
	width: 50px;
}
.js-selected .p-eventSelectWrap{
	background: #FBEEE8;
	border-color: #F99D8C;
}

.p-timeLine--afterceremony01 .p-icEventIcon{
	background-image: url(/my-piapri/resource/img/icon/ic_tl_ic_afterceremony01.svg);
}
.p-timeLine--afterceremony01 .p-timeLine--enTtl{
	background-image: url(/my-piapri/resource/img/icon/ic_tl_ttl_afterceremony01.svg);
}
.p-timeLine--afterceremony02 .p-icEventIcon{
	background-image: url(/my-piapri/resource/img/icon/ic_tl_ic_afterceremony02.svg);
}
.p-timeLine--afterceremony02 .p-timeLine--enTtl{
	background-image: url(/my-piapri/resource/img/icon/ic_tl_ttl_afterceremony01.svg);
}
.p-timeLine--ceremony01 .p-icEventIcon{
	background-image: url(/my-piapri/resource/img/icon/ic_tl_ic_ceremony01.svg);
}
.p-timeLine--ceremony01 .p-timeLine--enTtl{
	background-image: url(/my-piapri/resource/img/icon/ic_tl_ttl_ceremony01.svg);
}
.p-timeLine--party01 .p-icEventIcon{
	background-image: url(/my-piapri/resource/img/icon/ic_tl_ic_party01.svg);
}
.p-timeLine--party01 .p-timeLine--enTtl{
	background-image: url(/my-piapri/resource/img/icon/ic_tl_ttl_party01.svg);
}
.p-timeLine--photo01 .p-icEventIcon{
	background-image: url(/my-piapri/resource/img/icon/ic_tl_ic_photo01.svg);
}
.p-timeLine--photo01 .p-timeLine--enTtl{
	background-image: url(/my-piapri/resource/img/icon/ic_tl_ttl_photo01.svg);
}
.p-timeLine--pickup01 .p-icEventIcon{
	background-image: url(/my-piapri/resource/img/icon/ic_tl_ic_pickup01.svg);
}
.p-timeLine--pickup01 .p-timeLine--enTtl{
	background-image: url(/my-piapri/resource/img/icon/ic_tl_ttl_pickup01.svg);
}
.p-timeLine--reception01 .p-icEventIcon{
	background-image: url(/my-piapri/resource/img/icon/ic_tl_ic_reception01.svg);
}
.p-timeLine--reception01 .p-timeLine--enTtl{
	background-image: url(/my-piapri/resource/img/icon/ic_tl_ttl_reception01.svg);
}
.p-timeLine--welcomeparty01 .p-icEventIcon{
	background-image: url(/my-piapri/resource/img/icon/ic_tl_ic_welcomeparty01.svg);
}
.p-timeLine--welcomeparty01 .p-timeLine--enTtl{
	background-image: url(/my-piapri/resource/img/icon/ic_tl_ttl_welcomeparty01.svg);
}


/* アンケート項目 ヨコタイプ ×ボタン */
.p-profHor__x{
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
}


/* 項目入れ替えラップ */
.p-swapWrap{
	border: 1px solid;
	border-radius: 5px;
}
.p-swapWrap.js-inactive{
	border-color: #B4B4B4;
}
.p-swapWrap.js-active{
	border-color: #7DC2C9;
}
.p-swapWrap .p-icXmark{
	position: absolute;
	top: -6px;
	right: -5px;
}
.p-swapWrapLR{
	position: absolute;
	left: .5em;
	top:.5em;
}
.p-swapWrapLR .p-icSwap{
	transform: rotate(90deg);
}
.p-ttlSwap{
	position: absolute;
	top: 50%;
	left: 5px;
	transform: translateY(-50%);
}

.p-spareItems{
	position: absolute;
	bottom: 0;
	right: 0;
}
.p-stickyMix{
	padding: 0.5em;
	background: #f99d8c;
	border: 3px solid #FFF;
	border-radius: 50%;
	max-width: 40%;
}

/* # ガイド表示枠
*/
.guide-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	z-index: 9999;
	/*display: none;*/
	display: flex;
	transition: opacity .2s;
}
.guide-overlay:not(.js-active) {
	pointer-events: none;
	opacity: 0;
}
.guide-overlaySvg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.guide-spot {
	position: fixed;
	width: 0;
	height: 0;
	z-index: 1;
	transition: .2s transform ease, .2s opacity ease;
	transform: scale(.9);
	opacity: 0;
}
.guide-wrap {
	position: absolute;
	bottom: 0;
	width: 100px;
	width: 0;
	height: 0;
}
.guide-chara {
	width: 100px;
	height: 100px;
	position: relative;
}
.guide-balloonWrap--outer {
	/* background-color: #666; */
	border-radius: 20px;
	/* padding: 2px; */
	border: 1px solid rgba(0, 0, 0, 0.25);
}
#mask rect:nth-child(n + 2) {
	transition: .2s opacity ease;
	opacity: 0;
}
.js-show #mask rect:nth-child(n + 2) {
	opacity: 1;
}
.js-show .guide-spot {
	transform: scale(1);
	opacity: 1;
}
.guide-balloonWrap--outer::before {
	content: '';
	display: block;
	position: absolute;
	width: 50px;
	height: 50px;
	background-color: #666;
	/* background-color: rgba(191, 191, 191, 0.75); */
	transform: rotate(90deg) skew(35deg,20deg);
	/* left: 110px;
	bottom: -16px; */
	z-index: -1;
}
.guide-balloonWrap--outer::after {
	content: '';
	display: block;
	position: absolute;
	width: 53px;
	height: 53px;
	background-color: #fff;
	transform: rotate(90deg) skew(35deg,20deg);
	/* left: 116px; */
	/* bottom: -8px; */
	/* left: 113px;
	bottom: -12px; */
	z-index: 0;
}


.guide-balloonWrap--inner {
	background-color: #fff;
	border-radius: 18px;
	padding: 2em 2em 1em;
	width: 100%;
	min-height: 100px;
	z-index: 1;
}
.guide-txt {
	color: #333;
}
.guide-close {
	width: 40px;
	height: 40px;
	background-color: #666;
	border-radius: 50%;
	position: absolute;
	top: -13px;
	right: -13px;
	transform: rotate(45deg);
}
.guide-close::before {
	content: '';
	display: block;
	width: 2px;
	height: 26px;
	position: absolute;
	top: 7px;
	left: 19px;
	background-color: #fff;
}
.guide-close::after {
	content: '';
	display: block;
	width: 26px;
	height: 2px;
	position: absolute;
	top: 19px;
	left: 7px;
	background-color: #fff;
}

.guide-accept,
.guide-next {
	border:6px double #fff;
	display: block;
	width: 80px;
	padding: 5px;
	line-height: 1em;
	margin-left: auto;
}


/* 吹き出し共通 */
.guide-balloon {
	position: absolute;
}
.guide-balloonWrap--outer::before {
	width: 50px;
	height: 50px;
}
.guide-balloonWrap--outer::after {
	width: 53px;
	height: 53px;
}

/* 2019.10.09 piary aoki SP版TOPの登録完了の吹き出しの角の調節 start */
.guide-balloonWrap--outerSpNone::before,
.guide-balloonWrap--outerSpNone::after{
	display: none;
}
.guide-balloon--cornerSp::before{
	content: "";
	position: absolute;
	top: 100%;
	right: 50%;
	border-width: 30px;
	border-style: solid;
	border-color: rgba(191,191,191, 0.75) transparent transparent;
	transform: skewX(50deg);
}
.guide-balloon--cornerSp::after{
	content: "";
	position: absolute;
	top: calc( 100% - 1px );
	right: calc( 50% - 1px );
	border-width: 30px;
	border-style: solid;
	border-color: white transparent transparent;
	transform: skewX(50deg);
}
/* 2019.10.09 piary aoki SP版TOPの登録完了の吹き出しの角の調節 end */

/* welcome 位置 */
.guide-balloon--regiCompWrap{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 50%;
	transform: translateY(-50%);
}
.guide-balloon--regiComp{
	/* margin-top: -25%; */
	margin-top: -100px;
}
/*----- /SHARE -----*/



/*----- MODAL -----*/
.p-modalWrap {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 101;
	overflow-x: auto;
	padding: 1em;
	background-color: rgba(0,0,0,.5);
}
.p-modalWrap + .p-modalWrap{
	padding: 2em;
}
/*.p-modalWrap.dissolve-bootstrap-popup-preview,
#danger.p-modalWrap {
	background-color: rgba(0,0,0,.5);
}*/
/*----- /MODAL -----*/



/*----- ANIMATION -----*/
/* アイコン拡大縮小 */
.p_anim--scale01 {
	animation: animationTest 1.3s ease-in-out 0s infinite normal;
	-webkit-animation: animationTest 1.3s ease-in-out 0s infinite normal;
}
@keyframes animationTest {
	50%{ transform:scale(1.13); }
}
@-webkit-keyframes animationTest {
	50%{ transform:scale(1.13); }
}

/* 線がもわもわ */
.p-anim--boxSdw01{
	box-shadow: 0 0 2px 2px rgba(229, 87, 76, .8);
	animation: animationTest2 2s ease-out 0s infinite normal;
	-webkit-animation: animationTest2 2s ease-out 0s infinite normal;
}
@keyframes animationTest2 {
	50%{ box-shadow: 0 0 2px 2px rgba(255,255,255,1); }
}
@-webkit-keyframes animationTest2 {
	50%{ box-shadow: 0 0 2px 2px rgba(255,255,255,1); }
}

.p-anim--boxSdw02{
	box-shadow: 0 0 25px 25px rgba(229, 87, 76, .8);
	animation: animationTest3 2s ease-out 0s infinite normal;
	-webkit-animation: animationTest3 2s ease-out 0s infinite normal;
}
@keyframes animationTest3 {
	50%{ box-shadow: 0 0 25px 25px rgba(255,255,255,1); }
}
@-webkit-keyframes animationTest3 {
	50%{ box-shadow: 0 0 25px 25px rgba(255,255,255,1); }
}

/* 回転 */
.p-anim--rotateY {
	animation: rotate-anime 6s linear infinite;
	-webkit-animation: rotate-anime 6s linear infinite;
}
@keyframes rotate-anime {
	50% {transform: rotateY( 360deg );}
}

/* ピカピカ */
.p-anim--shine {
	animation: shine-anime 1s linear infinite;
	-webkit-animation: shine-anime 1s linear infinite;
}
@keyframes shine-anime {
	50% {
		opacity: .6;
		box-shadow: 0 0 4px .5px #f9b2a5;
	}
}

/* ピカピカ SP版TOP用 */
.p-anim--shineSP {
	animation: shine-animeSP 1s linear infinite;
	-webkit-animation: shine-animeSP 1s linear infinite;
}
@keyframes shine-animeSP {
	from, to {
		opacity: 1;
		box-shadow: 0 0 0px 0px #f9b2a5;
	}
	50% {
		opacity: .6;
		box-shadow: 0 0 4px .5px #f9b2a5;
	}
}

/* 3秒後に消える */
.p--anim--slowOut{
	animation: slowOut-anim 3s linear 1;
	-webkit-animation: slowOut-anim 3s linear 1;
}
.p--anim--slowOut.js-active{
	display: block;
}
.p--anim--slowOut.js-inactive{
	display: none;
}
@keyframes slowOut-anim {
	75% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

/* p-chan */
.p-character--1 .p-character__step1 {
	animation: 3s chara1step1 infinite;
}
@keyframes chara1step1 {
	0% {visibility: visible;}
	3% {visibility: hidden;}
	9% {visibility: hidden;}
	12% {visibility: visible;}
	15% {visibility: hidden;}
	21% {visibility: hidden;}
	24% {visibility: visible;}
	27% {visibility: hidden;}
	33% {visibility: hidden;}
	36% {visibility: visible;}
	39% {visibility: hidden;}
	45% {visibility: hidden;}
	48% {visibility: visible;}
	100% {visibility: visible;}
}
.p-character--2 .p-character__step0 {
	animation: 3s chara2step0 infinite;
}
.p-character--2 .p-character__step1 {
	animation: 3s chara2step1 infinite;
}
.p-character--2 .p-character__step2 {
	animation: 3s chara2step2 infinite;
}
.p-character--2 .p-character__step3 {
	animation: 3s chara2step3 infinite;
}
.p-character--2 .p-character__step4 {
	animation: 3s chara2step4 infinite;
}
@keyframes chara2step0 {
	0% {visibility: visible;}
	3% {visibility: hidden;}
	36% {visibility: hidden;}
	100% {visibility: visible;}
}
@keyframes chara2step1 {
	0% {visibility: hidden;}
	3% {visibility: hidden;}
	4% {visibility: visible;}
	5% {visibility: hidden;}
	34% {visibility: hidden;}
	35% {visibility: visible;}
	36% {visibility: hidden;}
	100% {visibility: hidden;}
}
@keyframes chara2step2 {
	0% {visibility: hidden;}
	5% {visibility: hidden;}
	6% {visibility: visible;}
	7% {visibility: hidden;}
	32% {visibility: hidden;}
	33% {visibility: visible;}
	34% {visibility: hidden;}
	100% {visibility: hidden;}
}
@keyframes chara2step3 {
	0% {visibility: hidden;}
	7% {visibility: hidden;}
	8% {visibility: visible;}
	9% {visibility: hidden;}
	30% {visibility: hidden;}
	31% {visibility: visible;}
	32% {visibility: hidden;}
	100% {visibility: hidden;}
}
@keyframes chara2step4 {
	0% {visibility: hidden;}
	9% {visibility: hidden;}
	10% {visibility: visible;}
	30% {visibility: hidden;}
	100% {visibility: hidden;}
}

.p-character--3 .p-character__step0 {
	animation: 3s chara3step0 infinite;
}
.p-character--3 .p-character__step1 {
	animation: 3s chara3step1 infinite;
}
.p-character--3 .p-character__step2 {
	animation: 3s chara3step2 infinite;
}
@keyframes chara3step0 {
	0% {visibility: visible;}
	3% {visibility: hidden;}
	20% {visibility: hidden;}
	21% {visibility: visible;}
	31% {visibility: hidden;}
	49% {visibility: hidden;}
	100% {visibility: visible;}
}
@keyframes chara3step1 {
	0% {visibility: hidden;}
	3% {visibility: hidden;}
	4% {visibility: visible;}
	9% {visibility: hidden;}
	15% {visibility: hidden;}
	16% {visibility: visible;}
	20% {visibility: hidden;}
	31% {visibility: hidden;}
	32% {visibility: visible;}
	37% {visibility: hidden;}
	43% {visibility: hidden;}
	44% {visibility: visible;}
	49% {visibility: hidden;}
	100% {visibility: hidden;}
}
@keyframes chara3step2 {
	0% {visibility: hidden;}
	9% {visibility: hidden;}
	10% {visibility: visible;}
	15% {visibility: hidden;}
	37% {visibility: hidden;}
	38% {visibility: visible;}
	43% {visibility: hidden;}
	100% {visibility: hidden;}
}


.p-character--4 .p-character__step1 {
	animation: eye1 4s infinite;
	animation-timing-function: step-start;
}
.p-character--4 .p-character__step2 {
	animation: eye2 4s infinite;
	animation-timing-function: step-start;
}
.p-character--4 .p-character__step3 {
	animation: eye3 4s infinite;
	animation-timing-function: step-start;
}
.p-character--4 .p-character__step5 {
	animation: mouth2 5s infinite;
	animation-timing-function: step-start;
}
.p-character--4 .p-character__step6 {
	animation: mouth1 5s infinite;
	animation-timing-function: step-start;
}
@keyframes eye1 {
	0% {opacity: 1;}
	2.5% {opacity: 1;}
	5% {opacity: 0;}
	12.5% {opacity: 0;}
	15% {opacity: 1;}
	27.5% {opacity: 1;}
	30% {opacity: 0;}
	37.5% {opacity: 0;}
	40% {opacity: 1;}
	100% {opacity: 1;}
}
@keyframes eye2 {
	0% {opacity: 0;}
	2.5% {opacity: 0;}
	5% {opacity: 1;}
	7.5% {opacity: 0;}
	10% {opacity: 0;}
	12.5% {opacity: 1;}
	15% {opacity: 0;}
	27.5% {opacity: 0;}
	30% {opacity: 1;}
	32.5% {opacity: 0;}
	35% {opacity: 0;}
	37.5% {opacity: 1;}
	40% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes eye3 {
	0% {opacity: 0;}
	5% {opacity: 0;}
	7.5% {opacity: 1;}
	10% {opacity: 1;}
	12.5% {opacity: 0;}
	30% {opacity: 0;}
	32.5% {opacity: 1;}
	35% {opacity: 1;}
	37.5% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes mouth1 {
	0% {opacity: 0;}
	68% {opacity: 0;}
	69% {opacity: 1;}
	92% {opacity: 0;}
	93% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes mouth2 {
	0% {opacity: 0;}
	69% {opacity: 0;}
	70% {opacity: 1;}
	92% {opacity: 1;}
	100% {opacity: 0;}
}


.p-character--5 .p-character__step0 {
	animation: 3s chara5step0 infinite;
}
.p-character--5 .p-character__step1 {
	animation: 3s chara5step1 infinite;
}
.p-character--5 .p-character__step2 {
	animation: 3s chara5step2 infinite;
}
.p-character--5 .p-character__step3 {
	animation: 3s chara5step3 infinite;
}
.p-character--5 .p-character__step4 {
	animation: 3s chara5step4 infinite;
}
@keyframes chara5step0 {
	0% {visibility: hidden;}
	1% {visibility: visible;}
	6% {visibility: hidden;}
	22% {visibility: hidden;}
	23% {visibility: visible;}
	27% {visibility: hidden;}
	100% {visibility: hidden;}
}
@keyframes chara5step1 {
	0% {visibility: hidden;}
	6% {visibility: hidden;}
	7% {visibility: visible;}
	11% {visibility: hidden;}
	16% {visibility: hidden;}
	17% {visibility: visible;}
	22% {visibility: hidden;}
	27% {visibility: hidden;}
	28% {visibility: visible;}
	32% {visibility: hidden;}
	100% {visibility: hidden;}
}
@keyframes chara5step2 {
	0% {visibility: hidden;}
	11% {visibility: hidden;}
	12% {visibility: visible;}
	16% {visibility: hidden;}
	100% {visibility: hidden;}
}
@keyframes chara5step3 {
	0% {visibility: hidden;}
	32% {visibility: hidden;}
	33% {visibility: visible;}
	37% {visibility: hidden;}
	100% {visibility: hidden;}
}
@keyframes chara5step4 {
	0% {visibility: visible;}
	1% {visibility: hidden;}
	37% {visibility: hidden;}
	100% {visibility: visible;}
}


.p-character--6 .p-character__step0 {
	animation: 3s chara6step0 infinite;
}
.p-character--6 .p-character__step1 {
	animation: 3s chara6step1 infinite;
}
.p-character--6 .p-character__step2 {
	animation: 3s chara6step2 infinite;
}
.p-character--6 .p-character__step3 {
	animation: 3s chara6step3 infinite;
}
.p-character--6 .p-character__step4 {
	animation: 3s chara6step4 infinite;
}
.p-character--6 .p-character__step5 {
	animation: 3s chara6step5 infinite;
}
@keyframes chara6step0 {
	0% {visibility: hidden;}
	1% {visibility: visible;}
	4% {visibility: hidden;}
	100% {visibility: hidden;}
}
@keyframes chara6step1 {
	0% {visibility: hidden;}
	4% {visibility: hidden;}
	5% {visibility: visible;}
	8% {visibility: hidden;}
	100% {visibility: hidden;}
}
@keyframes chara6step2 {
	0% {visibility: hidden;}
	8% {visibility: hidden;}
	9% {visibility: visible;}
	12% {visibility: hidden;}
	100% {visibility: hidden;}
}
@keyframes chara6step3 {
	0% {visibility: hidden;}
	12% {visibility: hidden;}
	13% {visibility: visible;}
	16% {visibility: hidden;}
	100% {visibility: hidden;}
}
@keyframes chara6step4 {
	0% {visibility: hidden;}
	16% {visibility: hidden;}
	17% {visibility: visible;}
	20% {visibility: hidden;}
	100% {visibility: hidden;}
}
@keyframes chara6step5 {
	0% {visibility: hidden;}
	20% {visibility: hidden;}
	21% {visibility: visible;}
	100% {visibility: visible;}
}


.p-character--7 .p-character__step0 {
	animation: 3s chara7step0 infinite;
}
.p-character--7 .p-character__step1 {
	animation: 3s chara7step1 infinite;
}
.p-character--7 .p-character__step2 {
	animation: 3s chara7step2 infinite;
}
.p-character--7 .p-character__step3 {
	animation: 3s chara7step3 infinite;
}
.p-character--7 .p-character__step4 {
	animation: 3s chara7step4 infinite;
}
@keyframes chara7step0 {
	0% {visibility: hidden;}
	1% {visibility: visible;}
	6% {visibility: hidden;}
	30% {visibility: hidden;}
	31% {visibility: visible;}
	36% {visibility: hidden;}
	60% {visibility: hidden;}
	61% {visibility: visible;}
	100% {visibility: visible;}
}
@keyframes chara7step1 {
	0% {visibility: hidden;}
	6% {visibility: hidden;}
	7% {visibility: visible;}
	12% {visibility: hidden;}
	36% {visibility: hidden;}
	37% {visibility: visible;}
	42% {visibility: hidden;}
	100% {visibility: hidden;}
}
@keyframes chara7step2 {
	0% {visibility: hidden;}
	12% {visibility: hidden;}
	13% {visibility: visible;}
	18% {visibility: hidden;}
	42% {visibility: hidden;}
	43% {visibility: visible;}
	48% {visibility: hidden;}
	100% {visibility: hidden;}
}
@keyframes chara7step3 {
	0% {visibility: hidden;}
	18% {visibility: hidden;}
	19% {visibility: visible;}
	24% {visibility: hidden;}
	48% {visibility: hidden;}
	49% {visibility: visible;}
	54% {visibility: hidden;}
	100% {visibility: hidden;}
}
@keyframes chara7step4 {
	0% {visibility: hidden;}
	24% {visibility: hidden;}
	25% {visibility: visible;}
	30% {visibility: hidden;}
	54% {visibility: hidden;}
	55% {visibility: visible;}
	60% {visibility: hidden;}
	100% {visibility: hidden;}
}


/*----- /ANIMATION -----*/



/*----- DATE PICKER -----*/
/* calendar header */
.ui-datepicker{
	background-color: #FFF;
	border: 1px solid #B4B4B4;
	width: 85%;
}
.ui-datepicker *{
	color:#646464;
}
.ui-datepicker-header{
	background-color: #D2D2D2;
	text-align: center;
	padding: 10px 0;
	position: relative;
}
.ui-datepicker-prev,
.ui-datepicker-next{
	display: block;
	font-size: 0;
	background: rgba(255,255,255,.8) no-repeat center;
	height: 25px;
	width: 25px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.ui-datepicker-prev{
	border-bottom-right-radius: 50%;
	border-top-right-radius: 50%;
	left: 0;
}
.ui-datepicker-next{
	border-bottom-left-radius: 50%;
	border-top-left-radius: 50%;
	right: 0;
}
.ui-datepicker-prev::before,
.ui-datepicker-next::before{
	content: "";
	border-top: 2px solid #FAAA9E;
	border-right: 2px solid #FAAA9E;
	height: 8px;
	width: 8px;
	position: absolute;
	top: 50%;
}
.ui-datepicker-prev::before{
	left: calc(50% - 4px);
	transform: translateY(-50%) rotate(-135deg);
}
.ui-datepicker-next::before{
	right: calc(50% - 4px);
	transform: translateY(-50%) rotate(45deg);
}


/* calendar table */
.ui-datepicker-calendar,
.ui-datepicker-calendar *{ display: block; }
.ui-state-disabled{
	opacity: .5;
}
.ui-datepicker-calendar tr{
	display: -webkit-flex!important;
	display: flex!important;
	-webkit-flex-wrap: wrap!important;
	flex-wrap: wrap!important;
	-webkit-justify-content: space-between!important;
	justify-content: space-between!important;
	/* margin: 3px 0; */
	margin: 1px 0; /* 2019/02/19 meicom PIARY-1016 */
	text-align: center;
}
.ui-datepicker-calendar tr:last-child{
	margin-bottom: 0;
}
.ui-datepicker-calendar a{
	text-decoration: none;
}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td{
	width: calc(90% / 7);
}
.ui-datepicker-calendar th *{
	background-color: #E6E6E6;
}
.ui-datepicker-calendar td *{
	padding: 8px 0;
}
.ui-datepicker-calendar td.ui-datepicker-week-end *{
	color: #FFF;
}
.ui-datepicker-calendar td:first-child *{
	background-color: #F7BAD0;
}
.ui-datepicker-calendar td:last-child *{
	background-color: #98CFE5;
}
/*----- /DATE PICKER -----*/



/*----- RICH EDITOR -----*/
.p-richEditor__header .p-richEditor__checkWrap .js-checkBox{
	background-color: #DCDCDC;
}
.p-richEditor__header .p-richEditor__checkWrap .js-checkBox.js-selected{
	background-color: #C3CDCD;
}
.p-richEditor__checkWrap .js-checkBox{
	background-color: #F0F0F0;
}
.p-richEditor__checkWrap .js-checkBox.js-selected{
	background-color: #D6E0E0;
}
.p-richEditor__btn{
	background: #F0F0F0 center no-repeat;
	border:1px solid #CCC;
	display: block;
	height: 26px;
	width: 26px;
}
.p-richEditor__btn.js-selected{
	background-color: #FFF;
	border: 1px solid #7DC2C9;
}
.p-richEditor__btnAlign--l{ background-image: url(/my-piapri/resource/img/icon/ic_align_l.svg) }
.p-richEditor__btnAlign--c{ background-image: url(/my-piapri/resource/img/icon/ic_align_c.svg) }
.p-richEditor__btnAlign--r{ background-image: url(/my-piapri/resource/img/icon/ic_align_r.svg) }
.p-richEditor__btnFs--s{ background-image: url(/my-piapri/resource/img/icon/ic_fs_s.svg) }
.p-richEditor__btnFs--m{ background-image: url(/my-piapri/resource/img/icon/ic_fs_m.svg) }
.p-richEditor__btnFs--l{ background-image: url(/my-piapri/resource/img/icon/ic_fs_l.svg) }
.p-richEditor__content{}
.p-richEditor__txtWrap{}
.p-richEditor__txt{
	line-height: 2.3;/*dummy値*/
}
.p-richEditor__txt.js-active{
	background-color: #E4EFEF;
}
/*----- /RICH EDITOR -----*/

/* SP error position */

.p-error_pos-20 {
	margin-left: 20%;
}

/* しおり プレビュー微調整 */
.p-prev__pB {
	padding-bottom: 55px;
}

/* myヒキタク SP 活性、非活性 */
.p-hikitaku-gst_sp.js-active {
  color: #7DC2C9;
}
.p-hikitaku-gst_sp.js-inactive {
	color: #9e9e9e42;
}

/* ゲスト 部材で使用中のゲストの削除ボタンとチェックボックスを非活性 */
.p-guestClose.js-point-unactive,
.p-guestCheckBox.js-point-unactive,
.js-point-unactive .p-guestClose,
.js-point-unactive .p-guestCheckBox {
	background-color: #cccccc;
	opacity: 0.4;
}

/* ゲスト 注記 微調整 */
.p-pL16 {
	padding-left: 1.6em;
}
.p-pL19 {
	padding-left: 1.9em;
}
.p-lh20px {
	line-height: 20px;
}
.p-kome_mark--01 {
	padding-right: .1em;
	line-height: 18px;
}

/* 検索アイコン */
.p-ic_search--sp {
	position: absolute;
	top: calc(50% - 9.5px);
	right: 20px;
	width: 19px;
	height: 19px;
	background-image: url(/my-piapri/resource/img/icon/ic_search.svg);
}

/* 座席面作成 SP */
.p-zoomSvgSeatMap {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
.p-swicthWrap--guide,
.p-swicthWrap--select {
	align-self: flex-end;
	margin-bottom: .5em;
}
.p-movingTable {
	min-height: 203px;
}
.p-stateBtnWrap--reset {
	position: absolute;
	bottom: 0;
	width: 100%;
}
.p-justifyTable__labelWrap {
	height: 112px;
}
.p-justifyTable__labelWrap > label,
.p-justifyTable__labelWrap > div {
	align-self: center;
}

/**/
.p-copyright--sp {
	font-size: 1rem;
	background-color: #CCC;
	color: #808080;
	padding: .5em;
	margin-top: 2em;
	display: block;
	text-align: center;
}

/**/
.p-footer--history {
	background-color: rgba(255,255,255,.5);
	border-top: solid 1px #F99D8C;
}

/* arrow */
.p-arrow--01{
  position: absolute;
  display: inline-block;
  padding: 0 0 0 16px;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px;
}
.p-arrow--01::before,
.p-arrow--01::after{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.p-arrow--01_R {
	right: 0;
	top: 0;
	bottom: 0;
}
.p-arrow--01_R::before{
	width: 30px;
	height: 30px;
	border-top: 4px solid #999;
	border-right: 4px solid #999;
	border-radius: 10%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	right: 20px;
}
.p-arrow--01_L {
	left: 0;
	top: 0;
	bottom: 0;
}
.p-arrow--01_L::before{
	width: 30px;
	height: 30px;
	border-top: 4px solid #999;
	border-right: 4px solid #999;
	border-radius: 10%;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
	left: 20px;
}
.p-arrow--02_R {
    position: relative;
}
.p-arrow--02_R::after {
content: '';
display: block;
width: 10px;
height: 10px;
transform: rotate(45deg);
position: absolute;
right: 12px;
top: calc(50% - 7px);
}
.p-arrow--02_R--red::after {
border-top: 1px solid #ff0000;
border-right: 1px solid #ff0000;
}
.p-arrow--02_R--gray::after {
border-top: 1px solid #808080;
border-right: 1px solid #808080;
}

/* チュートリアル */
.p-loading__position {
	position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}

/* 部材追加 */
.p-modal-scroll {
  overflow-y: scroll;
  height: auto;
  max-height: 80vh;
}

/* 本状 */
.p-center_content {
  height: 94%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* ゲスト JSプルダウン */
.ui-menu .ui-menu-item {
	padding: 5px 0;
}

/* 本状 プレビュー ボタン */
.p-prevBtn--01,
.p-nextBtn--01 {
	width: 0;
  height: 0;
  border-style: solid;
}

.p-prevBtn--01 {
	border-top-width: 15px;
	border-bottom-width: 15px;
	border-left-width: 0;
	border-right-width: calc(1.73205080757 / 2 * 30px);
	border-color: transparent #7dc1c9 transparent transparent;
}

.p-nextBtn--01 {
	border-top-width: 15px;
	border-bottom-width: 15px;
	border-left-width: calc(1.73205080757 / 2 * 30px);
	border-right-width: 0;
	border-color: transparent transparent transparent #7dc1c9;
}

/* ゲスト選択強調 */
.p-guestSelect_message {
  -webkit-animation: flash 2s linear infinite;
  animation: flash 2s linear infinite;
}
@keyframes flash {
  0%,100% { opacity: 1;}
  50% { opacity: 0;}
}
@-webkit-keyframes {
  0%,100% { opacity: 1;}
  50% { opacity: 0;}
}

/* PIARY_PIAPRI-340の対応 2023/08/01 K.Okui start edit */
/ SPARKポップアップ /
#FreesSpark_03pu #_fs_popup_a_{
    animation: FreesSpark_03pu-on 0.3s ease 0s 1 normal;
}
@keyframes FreesSpark_03pu-on{
    0% { opacity: 0; }
    100% { opacity: 1; }
}
#FreesSpark_03pu{
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.3);
    animation: FreesSpark_03pu 2s ease 0s infinite normal;
}
#FreesSpark_03pu,
#_fs_close_div_pup,
#_fs_close_bar1_pup,
#_fs_close_bar2_pup{
    z-index: 100!important;
}
@keyframes FreesSpark_03pu{
    0% { opacity: 1; margin-top: -15px; }
    30% { opacity: 1; margin-top: 0px; }
    50% { opacity: 1; margin-top: 0px; }
    80% { opacity: 1; margin-top: -15px; }
    100% { opacity: 1; margin-top: -15px; }
}
/* PIARY_PIAPRI-340の対応 2023/08/01 K.Okui end edit */