/*
# normalize
# layout



ボタン
ic- アイコン共通
空白調節アイコン
svgアイコン

注意事項（吹き出し
サイドバー
# p-basicInfo
HOME サイドバー共通項目

選択しリスト（枠あり
確認タブ
確認タブ 進行度
p-delivery*
p-requestBtn
p-popup

コンテンツ

contentSec
contentOverlay
p-itemImgList*
編集項目パーツ k-edit*
本状向き
フッター
guide

# 編集画面
	編集画面 サイドバー
	編集画面 サイドバーのタグ
	切替用タブ

# p-canvasWrap
	## p-canvasController
		席札文字関連
		|区切り線
		枚数
		コントローラー内セレクト
		コントローラー内文字寄せ
		p-editorCanvas
		p-canvasFooter
		グリッド
		### 招待状
		### 封筒
			封筒 向き
			封筒 表
			封筒 連名ゲスト入れ替え
		追加画像（仮
	## パターンコントローラー
	立体図を見る

p-sizeEditorWrap

# p-rightPartsWrapper
	scaleBar

# モーダル
	モーダル 枠
	モーダル ヘッダー
	モーダル フッター
	モーダル内画像編集 p-modalImgEditor
	ゲスト一覧（モーダル内
新注文追加
p-makeItemList

# 基本情報

# ゲスト情報
	ゲスト情報 新規登録

# 返信ハガキ
	返信ハガキ向き

●画像
NUMリスト

# 印刷申込

# ガイド表示枠
	吹き出し共通
	吹き出しパターン

*/



/* # normalize */

html,body {
	min-height: 100%;
	height: 100%;
}
body {
	font-size: 1.2rem;
}
img {
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}


/* # layout */

.p-bodyWrapper {
	min-height: 100%;
	height: 100%;
	min-width: 1000px;
}

.p-sidebar {
	position: fixed;
	width: 200px;
	height: 100%;
	overflow-y: auto;
	z-index: 1;
}
.p-contentsWrapper {
	margin-left: 200px;
	width: calc(100% - 200px);
	max-width: 1080px;
	min-height: calc(100% - 30px);
}
.p-contentsFooter {
	height: 30px;
	margin-left: 200px;
	padding-right:100px;
	line-height: 30px;
}

.p-editHeader {
	height: 66px;
	z-index: 2;
}
.p-editorWrapper {
	height: calc(100% - 66px);
}
.p-editorWrapper.js-initial {
	/* left: -300px; */
	left: -275px;
	/* width: calc(100% + 300px); */
	width: calc(100% + 275px);
}
/* PIARY_PIAPRI-77の対応 2021/06/30 K.Okui start edit */
.p-editorWrapperEc {
	height: calc(100%);
}
.p-editorWrapperEc.js-initial {
	left: -275px;
	width: calc(100% + 275px);
}
/* PIARY_PIAPRI-77の対応 2021/06/30 K.Okui end edit */
.p-editorArea {
	width: calc(100% - 325px);
	height: 100%;
	overflow: hidden;
}
.p-breadcrumb {
	padding-right: 50px;
	/*height: 80px;*/
    /*height: 120px;*/
	height: 140px;
}



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


/* ボタン */
.p-btn {
	display: block;
	text-decoration: none;
	text-align: center;
}

.p-btn--1 {
	color: #fff;
	background-color: #f99d8c;
	padding: 0.5em;
	border-radius: 5px;
}
.p-btn--1.js-inactive {
	background-color: #b3b3b3;
	pointer-events: none;
}
.p-btn--1.js-inactive.js-unabled {
	opacity: 0.4;
	cursor: default;
}

.p-btn--2 {
	color: #fff;
	background-color: #f99d8c;
	padding: 0.5em 1.5em;
	border-radius: 5px;
}


/* ラジオ
*/
.p-icRadioWrap {
	min-height: 45px;
}

/* ic- アイコン共通
*/
[class*="ic-"] {
	position: relative;
}
[class*="ic-"]::before,
[class*="ic-"]::after {
	content: '';
	display: block;
	position: absolute;
}

.ic-arw1 {
	line-height: 1em;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.ic-arw1::after {
	width: 0.6em;
	height: 0.6em;
	border-right: 1px solid #f99d8c;
	border-top: 1px solid #f99d8c;
	transform: rotate(45deg);
}



/* p-ic_ */
.p-ic_exclamation {
	width: 21px;
	height: 21px;
	border-radius: 50%;
	line-height: 21px;
	color: #fff;
	background-color: #ff0000;
	display: inline-block;
	text-align: center;
	font-style: normal;
	font-size: 15px;
	font-weight: bold;
	font-family: serif;
}

/* ゲスト一覧ピン*/
.p-ic_pin {
	width: 20px;
	height: 20px;
}
.p-ic_pin.js-active { background-image: url(/my-piapri/resource/img/icon/ic_pin.svg); }
.p-ic_arwL::before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 1em;
	width: 10px;
	height: 10px;
	transform: translateY(-50%) rotate(-45deg) skew(-10deg,-10deg);
	border-top: 2px solid #666;
	border-left: 2px solid #666;
}
.p-ic_arwR::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 1em;
	width: 10px;
	height: 10px;
	transform: translateY(-50%) rotate(135deg) skew(-10deg,-10deg);
	border-top: 2px solid #666;
	border-left: 2px solid #666;
}
.p-ic_search {
	position: absolute;
	top: calc(50% - 9.5px);
	right: 10px;
	width: 19px;
	height: 19px;
	background-image: url(/my-piapri/resource/img/icon/ic_search.svg);
}

/* 空白調節アイコン */
.p-icEnlarge,
.p-icNarrow {
	border: 2px solid #F99D8C;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	display: inline-block;
	position: relative;
}
.p-icEnlarge::before,
.p-icEnlarge::after,
.p-icNarrow::before,
.p-icNarrow::after {
	content: '';
	display: block;
	position: absolute;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	height: 0;
	width: 0;
	left: 7px;
}
.p-icEnlarge::before {
	border-bottom: 7px solid #F99D8C;
	top: 3px;
}
.p-icEnlarge::after {
	border-top: 7px solid #F99D8C;
	bottom: 3px;
}
.p-icNarrow::after {
	border-bottom: 7px solid #F99D8C;
	bottom: 4px;
}
.p-icNarrow::before {
	border-top: 7px solid #F99D8C;
	top: 4px;
}

/* svgアイコン
*/
.p-scrIc--circle {
	width: 50px;
	height: 50px;
}
.js-inactive.p-scrIc--save{ background-image: url(/my-piapri/resource/img/icon/ic_save_i.svg); }
.js-active.p-scrIc--save{ background-image: url(/my-piapri/resource/img/icon/ic_save_a.svg); }

.js-inactive.p-scrIc--reEdit{ background-image: url(/my-piapri/resource/img/icon/ic_reedit_i.svg); }
.js-active.p-scrIc--reEdit{ background-image: url(/my-piapri/resource/img/icon/ic_reedit_a.svg); }

.js-inactive.p-scrIc--pdf{ background-image: url(/my-piapri/resource/img/icon/ic_pdf_i.svg); }
.js-active.p-scrIc--pdf{ background-image: url(/my-piapri/resource/img/icon/ic_pdf_a.svg); }

.js-inactive.p-scrIc--check{ background-image: url(/my-piapri/resource/img/icon/ic_check_i.svg); }
.js-active.p-scrIc--check{ background-image: url(/my-piapri/resource/img/icon/ic_check_a.svg); }

.js-active.p-scrIc--excel{ background-image: url(/my-piapri/resource/img/icon/ic_dl_excel.svg); }
.js-inactive.p-scrIc--excel{ background-image: url(/my-piapri/resource/img/icon/ic_excel_i.svg); } /* 2019/03/01 meicom upd */
/* 返送先追加 */
.js-inactive.p-scrIc--addReturn{ background-image: url(/my-piapri/resource/img/icon/ic_add_return_i.svg);background-size: cover; }
.js-active.p-scrIc--addReturn{ background-image: url(/my-piapri/resource/img/icon/ic_add_return_a.svg);background-size: cover; }



.p-btnIc {
	display: block;
	width: 18px;
	height: 18px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}
/*.js-inactive .p-btnIc--preview{ background-image: url(/my-piapri/resource/img/icon/ic_preview_i.svg); }*/
.p-btnIc--makenew{ background-image: url(/my-piapri/resource/img/icon/ic_btn_makenew.svg); }
.p-btnIc--edit{ background-image: url(/my-piapri/resource/img/icon/ic_btn_edit.svg); }
.p-btnIc--preview{ background-image: url(/my-piapri/resource/img/icon/ic_btn_preview.svg); }

.p-cntIc {
	font-size: 0;
	margin: 0 8px;
}
.p-cntIc--resetpos {
	width: 85px;
	height: 25px;
}
.p-cntIc--namereset {
	width: 120px;
	height: 25px;
}
.p-cntIc--mainreset {
	width: 117px;
	height: 25px;
}
.p-cntIc--resetpos.js-active {background-image: url(/my-piapri/resource/img/icon/ic_resetpos_a.svg);}
.p-cntIc--resetpos.js-inactive {background-image: url(/my-piapri/resource/img/icon/ic_resetpos_i.svg);}

.p-cntIc--namereset.js-active {background-image: url(/my-piapri/resource/img/icon/ic_namereset_a.svg);}
.p-cntIc--namereset.js-inactive {background-image: url(/my-piapri/resource/img/icon/ic_namereset_i.svg);}
.p-cntIc--mainreset.js-active {background-image: url(/my-piapri/resource/img/icon/ic_mainreset_a.svg);}
.p-cntIc--mainreset.js-inactive {background-image: url(/my-piapri/resource/img/icon/ic_mainreset_i.svg);}

.p-cntIc--resetpos.js-inactive.js-unabled,
.p-cntIc--namereset.js-inactive.js-unabled,
.p-cntIc--mainreset.js-inactive.js-unabled {
	opacity: 0.4;
	cursor: default;
}
.p-cntIc--guideoff {
	width: 102px;
	height: 25px;
}
.p-cntIc--reset {
	width: 85px;
	height: 25px;
}
.p-cntIc--reset.js-active {background-image: url(/my-piapri/resource/img/icon/ic_resetpos_a.svg);}
.p-cntIc--reset.js-inactive {background-image: url(/my-piapri/resource/img/icon/ic_resetpos_i.svg);}
.p-cntIc--reset.js-inactive.js-unabled {
	opacity: 0.4;
	cursor: default;
}
.p-cntIc--guideoff {
	width: 102px;
	height: 25px;
}
.p-cntIc--guideoff.js-active {background-image: url(/my-piapri/resource/img/icon/ic_guide_off_a.svg);}
.p-cntIc--guideoff.js-inactive {background-image: url(/my-piapri/resource/img/icon/ic_guide_off_i.svg);}
.p-cntIc--delete {
	width: 77px;
	height: 25px;
}
.p-cntIc--delete.js-active {background-image: url(/my-piapri/resource/img/icon/ic_delete_a.svg);}
.p-cntIc--delete.js-inactive {background-image: url(/my-piapri/resource/img/icon/ic_delete_i.svg);}
.p-cntIc--delete.js-inactive.js-unabled {
	opacity: 0.4;
	cursor: default;
}
.p-cntIc--allselect {
	width: 68px;
	height: 25px;
}
.p-cntIc--allselect.js-active {background-image: url(/my-piapri/resource/img/icon/ic_allselect_a.svg);}
.p-cntIc--allselect.js-inactive {background-image: url(/my-piapri/resource/img/icon/ic_allselect_i.svg);}

.p-existBihin {
	position: absolute;
	bottom: 5em;
	right: 0px;
	width: 36%;
}
.p-existOtherNum {
	position: absolute;
	bottom: 3em;
	right: 0px;
	width: 42%;
	max-height: unset;
}



/* 注意事項（吹き出し */
.p-exclamationWrapper {
	position: absolute;
	left: -42%;
	border-radius: 10px;
	box-shadow: 0 0 5px 0 #666;
}
.p-exclamationWrapper::before {
	content: '';
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: #FBEEE8;
	box-shadow: 0 0 5px 0 #666;
	z-index: 1;
}
.p-exclamationWrapper__inner {
	width: 230px;
	border-radius: 10px;
	z-index: 1;
}

.p-exclamationWrapper--top01 {
	top: 110%;
	opacity: 0;
	transition: opacity .2s ease,top .2s ease;
}
/* .k-edit__txt:hover .p-exclamationWrapper--top01 {
	opacity: 1;
	top: 100%;
} */
#scene1-3-0:hover~.p-exclamationWrapper--top01 {
	opacity: 1;
	top: 100%;
}
.errHitbox {
	height: 3em;
	position: absolute;
	top: 0.5em;
	z-index: 1;
}
.errHitbox:hover~.p-exclamationWrapper--top01 {
	opacity: 1;
	top: 100%;
}
.p-exclamationWrapper--top01:hover {
	opacity: 1;
	top: 100%;
}
.p-exclamationWrapper--top01::before {
	transform: translate(-50%) rotate(35deg) skew(30deg);
	top: -5px;
	left: 70%;
}
.p-exclamationWrapper--left01 {
    position: fixed;
    top: 466px;
    left: 205px;
    z-index: 1;
}
.p-exclamationWrapper--left01::before {
	transform: translateY(-50%) rotate(-30deg) skew(30deg);
	top: 50%;
	left: -5px;
}

.p-temSaveBalloonWrapper--posPC{
	position: absolute;
	bottom: -50px;
	left: -25%;
}


/* サイドバー */

/* # p-basicInfo
HOME サイドバー共通項目
*/
.p-basicInfo .ic-arw1::after {
	right: .5em;
}
.p-basicInfo__item {
	transition: 300ms background-color ease;
	background-color: rgba(249,157,140,0);
}
.p-basicInfo__item:hover {
	color: #fff;
	background-color: rgba(249,157,140,1);
}

/* 選択しリスト（枠あり */
.p-scrollBox {
	height: 10em;
	overflow-y: scroll;
}
.p-designSelectItem {
	width: calc(50% - .5em);
}
.p-designSelectItem__inner {
	border: 1px solid;
	border-color: #ccc;
	min-height: 100%;
	cursor: pointer;
}
.p-wrapSelect.js-selected .p-designSelectItem__inner {
	border-color: #F99D8C;
}
.p-designSelectItem--3col {
	width: calc(100% / 3 - .5em);
}
.p-designSelectItem--4col {
	width: calc(25% - .5em);
}
/* テキストが動的に入ることを考慮したタイトル */
.p-designSelectItem__ttl {
	box-sizing: border-box;
	font-size: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	line-height: 1.2;
	width: 100%;
	min-height: 2.6em;
}
.p-designSelectItem__ttl--2row {
	line-height: 1.5;
	min-height: 3.6em;
}
#text11 + .Editor-container > .Editor-editor {
	height: 200px;
}


/* 確認タブ */

/* 確認タブ 進行度 */
.p-editorProgress {
	border-radius: 50%;
	overflow: hidden;
	background-size: 100%;
	cursor: pointer!important;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.p-editorProgress--single {
	width: 200px;
	height: 200px;
}
.p-editorProgress--double {
	width: 130px;
	height: 130px;
}
.p-editorProgress.js-making {background-image: url(/my-piapri/resource/img/icon/ic_big_making.svg);}
.p-editorProgress.js-completed {background-image: url(/my-piapri/resource/img/icon/ic_big_completed.svg);}
.p-editorProgress.js-notyet {background-image: url(/my-piapri/resource/img/icon/ic_big_notyet.svg);}
.p-editorProgress__itemWrap {
	border-radius: 50%;
	overflow: hidden;
}
.p-editorProgress--single .p-editorProgress__itemWrap {
	width: 96px;
	height: 96px;
}
.p-editorProgress--double .p-editorProgress__itemWrap {
	width: 66px;
	height: 66px;
}


/* p-delivery* */
.p-deliveryIcon {
	width: 50px;
}
.p-deliveryTitle {
	width: calc(100% - 50px);
}

/* p-requestBtn */
.p-requestBtn {
	letter-spacing: 2px;
}

/* p-popup */
.p-popup {
	position: absolute;
}



/* コンテンツ */


.p-secStatus {
	border-radius: 5px;
	padding: .3em 1em;
}
.p-secStatus.js-toBePrepared {
	border-color: #ccc;
	color: #ccc;
}
.p-secStatus.js-completed {
	border-color: #f99d8c;
	color: #f99d8c;
}


/* contentSec */
/*.p-contentSec__title {
	width: 100px;
}*/

/* contentOverlay */
/*.p-contentOverlay:not(.js-active) {
	display: none;
}
.p-contentOverlay.js-active {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(200,200,200,.7);
	display: flex;
	justify-content: center;
	align-items: center;
}
.p-contentOverlay__inner {
	border-radius: 10px;
}*/


/* p-itemImgList* */
.p-itemImgList__item {
	overflow: hidden;
}
.p-itemImgList__item__circle {
	width: 125px;
	height: 125px;
	overflow: hidden;
	border-radius: 50%;
}
.p-itemImgList__item__hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 13% 13% 0;
	color: #fff;
	font-size: 1rem;
	line-height: 1.1em;
	background-color: rgba(0,0,0,.5);
	transition: opacity .5s ease;
	opacity: 0;
}
.p-itemImgList__item__hover:hover {
	opacity: 1;
}
.p-itemImgList__item__det {
	padding: 2px;
}
.p-itemImgList__item__num {
	position: absolute;
	bottom: 8%;
	width: 60%;
	left: 0;
	right: 0;
}
.p-itemImgList__item__numOut {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	line-height: 29px;
	text-align: center;
	transition: bottom .3s ease;
	background-color: #F99D8C;
}
.p-itemImgList__item__numOut.p-itemImgList__item__numOut--more999 {
	font-size: 1.0rem;
}
.p-itemImgList__item__numOut.js-inactive {
	background-color: #b4b4b4;
}
.p-itemImgList__item:hover .p-itemImgList__item__numOut {
	bottom: -28px;
}
.p-contentSec__progress {
	width: 300px;
}
.p-clipCircle--pc.p-clipCircle--original{
	left: 0;
	transition: top .3s ease;
}
.p-itemImgList__item:hover .p-clipCircle--pc.p-clipCircle--original{
	top: -75px;
}

.p-itemImgList__edit {
	/*height: 450px;*/
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-content: flex-start;
}
.p-itemImgList__editItem:hover {
	z-index: 1; /* エラー、アラートのz-index確保 */
}
.p-itemImgList__editItem__a {
	width: 150px;
	height: 180px;
	position: static;
	border-radius: 10px;
	border: 1px solid;
	transition: 100ms border;
	position: relative;
}
.p-itemImgList__editItem__a:hover {
	border: 4px solid;
}
.p-itemImgList__status {
	width: 100%;
	height: 36px;
	position: absolute;
	bottom: 0;
}

/* 編集項目パーツ k-edit* */
.k-edit {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 140px;
	height: 170px;
	transform: translate(-50%,-50%);
	background-repeat: no-repeat;
	background-position: center 32%;
}
.k-edit--invDef {
	background-image: url(/my-piapri/resource/img/icon/ic_inv_def.svg);
	background-size: 86px auto;
}
.k-edit--postDef {
	background-image: url(/my-piapri/resource/img/icon/ic_post_def.svg);
	background-size: 60px auto;
}
.k-edit--stickyDef {
	background-image: url(/my-piapri/resource/img/icon/ic_sticky_def.svg);
	background-size: 58px auto;
}
.k-edit--envDef {
	background-image: url(/my-piapri/resource/img/icon/ic_env_def.svg);
	background-size: 80px auto;
}
.k-edit--bookmarkDef {
	background-image: url(/my-piapri/resource/img/icon/ic_bookmark_def.svg);
	background-size: 60px auto;
}
.k-edit--nameDef {
	background-image: url(/my-piapri/resource/img/icon/ic_name_def.svg);
	background-size: 70px auto;
}
/* 座席面 */
.k-edit--seatDef {
	background-image: url(/my-piapri/resource/img/icon/ic_seat_def.svg);
	background-size: 86px auto;
}
/* プロフィール面 */
.k-edit--profDef {
	background-image: url(/my-piapri/resource/img/icon/ic_prof_def.svg);
	background-size: 86px auto;
}
/* PIARY_PIAPRI-237の対応 2022/10/14 K.Okui start edit */
/* プロフィールブック内側 */
.k-edit--profInsideDef {
	background-image: url(/my-piapri/resource/img/icon/ic_prof_inside_def.svg);
	background-size: 86px auto;
}
/* プロフィールブック外側 */
.k-edit--profOutsideDef {
	background-image: url(/my-piapri/resource/img/icon/ic_prof_outside_def.svg);
	background-size: 86px auto;
}
/* PIARY_PIAPRI-237の対応 2022/10/14 K.Okui end edit */

/* PIARY_PIAPRI-269の対応 2023/03/14 K.Okui start edit */
/* プロフィールブック表紙-裏表紙 */
.k-edit--profCoverDef {
    background-image: url(/my-piapri/resource/img/icon/ic_prof_cover_def.svg);
    background-size: 86px auto;
}
/* プロフィールブック1p-2p */
.k-edit--prof1p2pDef {
    background-image: url(/my-piapri/resource/img/icon/ic_prof_1p2p_def.svg);
    background-size: 86px auto;
}
/* プロフィールブック3p-4p */
.k-edit--prof3p4pDef {
    background-image: url(/my-piapri/resource/img/icon/ic_prof_3p4p_def.svg);
    background-size: 86px auto;
}
/* プロフィールブック5p-6p */
.k-edit--prof5p6pDef {
    background-image: url(/my-piapri/resource/img/icon/ic_prof_5p6p_def.svg);
    background-size: 86px auto;
}
/* PIARY_PIAPRI-269の対応 2023/03/14 K.Okui end edit */

/* PIARY_PIAPRI-317の対応 2024/03/18 K.Okui start edit */
/* プロフィールブック3p-4p(席次表) */
.k-edit--prof3p4pSeatDef {
    background-image: url(/my-piapri/resource/img/icon/ic_prof_3p4p_seat_def.svg);
    background-size: 86px auto;
}
/* PIARY_PIAPRI-317の対応 2024/03/18 K.Okui end edit */

/* PIARY_PIAPRI-268の対応 2023/01/30 K.Okui start edit */
/* メニュー表 */
.k-edit--menuDef {
	background-image: url(/my-piapri/resource/img/icon/ic_menu_def.svg);
	background-size: 86px auto;
}
/* PIARY_PIAPRI-268の対応 2023/01/30 K.Okui end edit */
/* タグ */
.k-edit--tagDef {
	background-image: url(/my-piapri/resource/img/icon/ic_tag_def.svg);
	background-size: 86px auto;
}
.k-editStatus {
	position: absolute;
	top: 2px;
	right: 2px;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	font-size: 0;
}
.k-editStatus.js-notyet {background-image: url(/my-piapri/resource/img/icon/ic_notyet.svg);}
.k-editStatus.js-making {background-image: url(/my-piapri/resource/img/icon/ic_making.svg);}
.k-editStatus.js-completed {background-image: url(/my-piapri/resource/img/icon/ic_completed.svg);}
.k-edit__txt {
	position: absolute;
	width: 100%;
	bottom: 2.3em;
	left: 0;
}

/* 本状向き */
.k-invAngle {
	width: 94px;
}


/* フッター */

/* guide */
.p-guideWrapper {
	position: fixed;
	right: 2em;
	bottom: 1em;
	z-index: 200;
}

.p-faqs,
.p-guide {
	border-radius: 50%;
	width: 70px;
	height: 70px;
	line-height: 1.0em;
}
.p-guide.js-active {
	background-color: #7DC2C9;
}
.p-guide.js-inactive {
	background-color: #B3B3B3;
}
.p-anim--bound {
	animation: guideaction 2.2s infinite;
}
@keyframes guideaction {
	0% {
		transform: translateY(0);
		animation-timing-function: ease-out;
	}
	7% {
		transform: translateY(-25%) scale(.95,1.05);
		animation-timing-function: ease-in;
	}
	15% {
		transform: translateY(0)/* scale(1.05,.95)*/;
		animation-timing-function: ease-out;
	}
	20% {
		transform: translateY(-10%) scale(.98,1.02);
		animation-timing-function: ease-in;
	}
	25% {
		transform: translateY(0)/* scale(1.02,.98)*/;
		animation-timing-function: ease-out;
	}
	/*35% {
		transform: translateY(-10%) scale(.98,1.02);
		animation-timing-function: ease-in;
	}
	40% {
		transform: translateY(0) scale(1.02,.98);
	}
	45% {
		transform: translateY(0) scale(1);
	}*/
	100% {
		transform: translateY(0);
	}
}
.p-question {
	font-family: serif;
	font-size: 3.5rem;
}



/* 編集画面
*/

/* 編集画面 サイドバー */
.p-editorSide {
	height: 100%;
	padding-right: 5px;
	/*box-shadow: 0 0 5px #ccc;*/
	z-index: 1;
	width: 325px;
	border-right: solid 1px #ccc;
}
.p-editorSide__inner {
	width: 320px;
	height: calc(100% - 120px - 2em);
	overflow-y: auto;
}
.p-editorSide label {
	cursor: pointer;
}

.js-initial .p-editorSide__inner {
	/*display: none;*/
	visibility: hidden;
}
.p-editorSide__itemImgWrapper {
	position: absolute;
	top: 0;
	right: 0;
}
.p-editorSide__itemBtnWrapper {
	position: absolute;
	top: 0;
	right: -8px;
}
.p-editorSide__itemNum {
	position: absolute;
	bottom: 0;
	right: 0;
	border-radius: 10px;
	height: 20px;
}
.p-editorSide__itemNum2 {
	line-height: 1.2em;
}
/* 編集画面 サイドバーのタグ */
.p-editorLabel {
	position: absolute;
	margin-top: 4em;
	top: 0;
	left: 100%;
	/* height: 100%; */
	/* width: 110px; */
	overflow: hidden;
	/* background-color: #fff; */
}
.p-editorLabel::after {
	content: '';
	display: block;
	position: absolute;
	top: -0.5%;
	left: -5px;
	z-index: 19;
	height: 101%;
	width: 5px;
	box-shadow: 0 0 5px #ccc;
}
.p-editorLabel__item {
	background-color: #fff;
	width: 100px;
	display: block;
	font-size: 1.4rem;
	position: relative;
	border-style: solid;
	border-color: #ccc;
	border-top-width: 1px;
	border-right-width: 1px;
	text-align: center;
	/*box-shadow: 0 0 5px #ccc;*/
}
/* サイドタブ影落とす用 innerを作成する必要あり
.p-editorLabel__item--base::before {
	content: '';
	display: block;
	position: absolute;
	width: 44px;
	height: 44px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	transform: translate(-50%,-50%) rotate(-45deg) skew(30deg,30deg);
	background-color: inherit;
	top: 100%;
	left: 50%;
	box-shadow: 0 0 5px #ccc;
}
.p-editorLabel__item--base::after {
	content: '';
	display: block;
	position: absolute;
	background-color: inherit;
	width: 98px;
	height: 20px;
	bottom: 0;
	left: 0;
}*/
.p-editorLabel__item--base::before,
.p-editorLabel__item--base::after {
	content: '';
	left: 0px;
	display: block;
	position: absolute;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
}
.p-editorLabel__item--base::before {
	border-top: 16px solid #ccc;
	bottom: -16px;
}
.p-editorLabel__item--base::after {
	border-top: 16px solid #fff;
	bottom: -15px;
}
.p-editorLabel__item--base.js-inactive::after {
	border-top: 16px solid #f2f2f2;
}
.p-editorLabel__item--base.is-disable::after {
	border-top: 16px solid #b3b3b3;
}
.p-editorLabel__item--base {
	padding: 1.5em 0 .5em;
}
a:first-child .p-editorLabel__item--base {
	padding-top: 1em;
}
.p-editorLabel__item--confirm {
	border-bottom-width: 1px;
	padding: 1em;
}
.p-editorLabel__item.js-inactive {
	border-left-width: 1px;
	background-color: #f2f2f2;
}
.p-editorLabel__item.is-disable {
	border-left-width: 1px;
	background-color: #b3b3b3;
	cursor: default;
}
.p-editorLabel__a:nth-child(1) .p-editorLabel__item {z-index: 10;}
.p-editorLabel__a:nth-child(2) .p-editorLabel__item {z-index: 9;}
.p-editorLabel__a:nth-child(3) .p-editorLabel__item {z-index: 8;}
.p-editorLabel__a:nth-child(4) .p-editorLabel__item {z-index: 7;}
.p-editorLabel__a:nth-child(5) .p-editorLabel__item {z-index: 6;}
.p-editorLabel__a:nth-child(6) .p-editorLabel__item {z-index: 5;}
.p-editorLabel__a:nth-child(7) .p-editorLabel__item {z-index: 4;}
.p-editorLabel__a:nth-child(8) .p-editorLabel__item {z-index: 3;}
.p-editorLabel__a:nth-child(9) .p-editorLabel__item {z-index: 2;}
.p-editorLabel__a:nth-child(10) .p-editorLabel__item {z-index: 1;}
.p-editorLabel__item.js-active {
	border-left: 1px solid transparent;
	z-index: 20!important;
}
/*.p-editorLabel__item.js-inActive::before {
	content: '';
	height: calc(100% + 10px);
	display: block;
	box-shadow: 0 0 5px #ccc;
	position: absolute;
	top: -5px;
	left: -5px;
	width: 5px;
}*/

.p-2line__style {
  padding-left: 1em;
  position: relative;
}

.p-2line__style--block {
	position: absolute;
	display: inline-block;
	padding-left: .5em;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
}

/* 切替用タブ
*/
.p-selectTab {
	border-bottom: 2px solid #f99d8c;
}
.p-selectTab__item {
	width: 49%;
	border: 1px solid #ccc;
	border-radius: 10px 10px 0 0;
	border-bottom: 0px;
}
.p-selectTab__item.js-selected {
	border-width: 2px;
	border-color: #f99d8c;
	margin-bottom: -2px;
	background-color: #ffe1d1;
}
/* 席次表プロフィール */
.p-textSizeWrap {
	border: 2px solid #fff;
	border-radius: 5px;
	padding: .5em;
}
.p-textSizeWrap--border {
	border: 1px solid #ccc;
	padding: calc(.5em + 1px);
}
.p-textSizeWrap.js-selected {
	border: 2px solid #f99d8c;
	padding: .5em;
}


/**/
.p-richEditor__btn {
	border: none;
}
.p-fileUp--pc1 {
	background-color: #EBEBEB;
	border: 2px solid #B4B4B4;
	width: 182px;
	height: 182px;
}
.p-fileUp--pc2 {
	background-color: #EBEBEB;
	border: 2px solid #B4B4B4;
	height: 136px;
}
.p-fileUp--pc3 {
	background-color: #EBEBEB;
	border: 2px solid #B4B4B4;
	height: 120px;
	width: 120px;
}
.p-fileUp--selected {
	border: 1px solid #B4B4B4;
	height: 136px;
}

/* p-canvasWrap */
.p-canvasWrap {
	margin: 4em 0;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
}
.p-canvasWrap--col {
	flex-direction: column;
	justify-content: center;
	flex-wrap: wrap;
}
.p-canvasWrap--dot {
	border: 1px dotted #aaa;
}
/* p-canvasController */
.p-canvasController {
	position: absolute;
	top: calc(100% + 3em);
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	/*z-index: 5;*/
}

/* 席札文字関連 */
.p-textSetWrap {
	width: 330px;
}
.p-textSetWrap__type__select {
	width: 140px;
}
/* |区切り線 */
.p-canvasController__pipe {
	font-size: 0;
	height: 25px;
	width: 1px;
	margin: 0 10px;
}
/* 枚数 */
.p-canvasController__num {
	width: 140px;
}
.p-canvasController__num__input {
	width: 35px;
}
/* コントローラー内セレクト */
.p-canvasController .p-select--pd {
	height: 25px;
}
/* コントローラー内文字寄せ */
.p-canvasController .p-richEditor__btnAlign {
	width: 94px;
}
/* p-editorCanvas */
.p-editorCanvas {
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 2px;
	/*width: 385px;*/
	/*height: 546px;*/
	box-sizing: unset;
	border: 4px solid #fff;
	-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.p-editorCanvas.js-selected {
	border: 4px solid #f99d8c;
	margin: 0;
}
/* p-canvasFooter */
.p-canvasFooter {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.p-canvasFooter--tag {
	width: 225px;
	height: 65px;
	border-radius: 10px;
}
/* グリッド */
.p-gridCanvas.js-inactive {
	display: none;
}
.p-gridCanvas {
	position: fixed;
	top: 66px;
	left: 326px;
	opacity: .1;
}
/* 招待状 */
.p-canvasController--inv {
	width: 480px;
}
/* 封筒
*/
/* 封筒 向き */
.p-envWay {
	width: 230px;
}
.p-envWay__imgWrap {
	width: 27px;
	display: flex;
	justify-content: center;
}
/*  */
.p-canvasController--envL {
	width: 270px;
}
/* 封筒 表 */
.p-canvasController--envR {
	width: 600px;
}
/* 封筒 連名ゲスト入れ替え */
.p-icSwap__num {
	color: #7DC2C9;
}
.js-inactive>.p-icSwap {
	background-color: #ccc;
}
.js-inactive>.p-icSwap__num {
	color: #ccc;
}

/* 料金別納 */
.p-ppimg{
	width: 55px;
}
.p-ppseldesign{
	margin-left: calc(((100% - 3em) - 150px) / 2);
	margin-right: calc(((100% - 3em) - 150px) / 2);
	border: 1px solid #aaa;
}
.p-ppalert{
	margin-left: calc((100% - 60%) / 2);
}
.p-ppdesignlist{
	margin-left: calc(((100% - (108px * 4)) - (1.25em * 8)) / 2);
}
.p-ppttl{
	width: 50px;
}
.p-ppselect{
	width: calc(100% - 50px);
}

/* 付箋 */
.p-canvasWrap--sticky{
	flex-wrap: wrap;
	width: 100%;
	justify-content: flex-start;
}
.p-editorItem--sticky{
/*	width: calc(33% - 50px );*/
	margin-bottom: 100px;
	margin-left: 50px;
}
.p-canvasController--sticky{
	width: 90%;
	justify-content:center;
	-wedkit-justify-content:center;
}
/* 20200128 piary yuzawa パターン追加ボタン統一 */
.p-sticky--addBtn{
	width :96px;
}
/* 席札 */
.p-canvasController--name {
	width: 465px;
}
/* タグ */
.p-canvasController--tag {
	width: 360px;
}
/* しおり */
.p-canvasController--bookmark {
	width: 480px;
}
/* 席次表プロフィール面 */
.p-canvasController--prf {
	width: 360px;
}

/* 追加画像（仮 */
.p-editorCanvas__addedImg {
	position: absolute;
	bottom: calc(-100% - 3em);
}


/* パターンコントローラー */
.p-patternController {
	width: 35px;
	position: absolute;
	top: 50%;
	left: -50px;
	transform: translateY(-50%);
}
.p-patternController--r {
	left: calc(100% + 22.5px);
}
.p-patternController>.js-inactive {
	display: none;
}
[class*="p-patternController__"] {
	width: 30px;
	height: 30px;
	display: block;
}
.p-patternController__up{ background-image: url(/my-piapri/resource/img/icon/ic_up_a.svg); }
.p-patternController__down{ background-image: url(/my-piapri/resource/img/icon/ic_down_a.svg); }
.p-patternController__trash{ background-image: url(/my-piapri/resource/img/icon/ic_trash_a.svg); }
/* パターン追加ボタン */
.p-addpattern {
	position: absolute;
	bottom: 0;
	right: 0;
	transform: translate(50%,50%);
}

/* 立体図を見る */
.p-stereogramWrap {
	position: absolute;
	top: 20px;
	z-index: 1;
}
.p-stereogram__btn {
	line-height: 20px;
}
.p-stereogram__detail {
	background-color: #edf7f7;
	border-radius: 0 0 10px 10px;
}

/* p-sizeEditorWrap */
.p-sizeEditorWrap.p-sizeEditorWrap--name {
	top: 50%;
	left: 0;
}



/* p-rightPartsWrapper */
.p-rightPartsWrapper {
	position: absolute;
	top: 1em;
	right: 2em;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	height: 235px;
}

/* scaleBar */
.p-scaleBarBase {
	border-radius: 2px;
	width: 25px;
	height: 170px;
	background-color: #e6e6e6;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
}
.p-scaleBarPuls,
.p-scaleBarMinus {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1em;
	color: #999;
}
.p-scaleBarPole {
	border-radius: 2px;
	width: 7px;
	height: 134px;
	background-color: #b3b3b3;
}
.p-scaleBarPoint {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 17px;
	height: 17px;
	transform: translate(-50%,-50%);
	border-radius: 50%;
	border: 1px solid #b3b3b3;
	background-color: #fff;
	cursor: pointer;
}
.p-scaleBarValue {
	border-radius: 2px;
	width: 25px;
	background-color: #e6e6e6;
	font-size: .8rem;
	text-align: center;
}

.p-headSaveWrapper {
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	transform: translateX(-50%);
}

.p-headerFAQ {
	position: absolute;
	/* right: 0; */
	top: 16px;
	z-index: 5;
}
.p-headerFAQ__btn {
	border-radius: 10px 0 0 10px;
	line-height: 1em;
	padding: .7em .7em .8em 1em;
}




/* モーダル
*/
/* モーダル 枠 */
.p-modalWrap {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 1000px;
	background-color: rgba(0,0,0,.5);
}
.p-modalInner {
	width: 700px;
	padding: 7.5px 5px 5px;
	border-radius: 10px;
	background-color: #fff;
}
.p-modalInnerS {
	width: 500px;
	padding: 7.5px 5px 5px;
	border-radius: 10px;
	background-color: #fff;
}
.p-modalInnerM {
	width: 800px;
	padding: 7.5px 5px 5px;
	border-radius: 10px;
	background-color: #fff;
}
.p-modalOverflow {
	width: 100%;
	max-height: calc(90vh - 50px);
	overflow-y: auto;
}
.p-modalOverflow--submitFooter {
	max-height: calc(90vh - 120px);
}
.p-modalOverflow--guest {
	/* max-height: calc(90vh - 173px - 70px); */
	height: calc(90vh - 173px - 70px);
}
/* 席次表 */
.p-modalOverflow--guest_01 {
	/* max-height: calc(90vh - 173px - 70px + 35.5px); */
	height: calc(90vh - 173px - 70px + 35.5px);
}
/* 席札 シュエット */
.p-modalOverflow--guest_02 {
	/* max-height: calc(90vh - 173px - 70px - 12px); */
	height: calc(90vh - 173px - 70px - 12px);
}
/* 付箋 */
.p-modalOverflow--stickynote {
	height: 70vh;
}
/* 本状 例文選択 */
.p-modalOverflow--invitation_01 {
	width: 100%;
	max-height: calc(90vh - 85px);
	overflow-y: auto;
}

/* モーダル ヘッダー */
.p-modalHeader {
	width: 100%;
	padding: 5px;
	min-height: 50px;
}
.p-modalTitle {
	line-height: 3.9rem;
}
.p-modalTitle_2line {
	line-height: 2.5rem;
	padding: 1em 0;
}
.p-modalCloseBtn {
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 0;
	background-color: #505050;
	width: 39px;
	height: 39px;
}
.p-modalCloseBtn__inner {
	position: absolute;
	display: block;
	top: 2px;
	left: 2px;
	width: 35px;
	height: 35px;
	transform: rotate(45deg);
}
.p-modalCloseBtn__inner::before {
	content: '';
	display: block;
	position: absolute;
	background-color: #fff;
	width: 1px;
	height: 100%;
	top: 0;
	left: 17px;
}
.p-modalCloseBtn__inner::after {
	content: '';
	display: block;
	position: absolute;
	background-color: #fff;
	width: 100%;
	height: 1px;
	top: 17px;
	left: 0;
}
/* モーダル フッター */
.p-modalFooter {
	height: 70px;
}


/* モーダル内画像編集 p-modalImgEditor */
.p-modalImgEditor {
	/* width: 700px; */
	width: 100%;
  /* height: 700px; */
	height: 100%;
  /* margin: 150px 0 150px 300px; */
	margin-left: 300px;
	/*background-color: rgba(0,0,0,.5);*/
}
.p-modalImgEditor.p-modalImgEditor--past {
	position: absolute;
	top: 65px;
	left: 300px;
	right: 0;
	margin: auto;
	height: 650px;
	pointer-events: none;
}
.p-sizeEditorWrap {
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	margin: auto;
	transform: translateY(-50%);
	border: 1px dashed #22a4dd;
}
.p-sizeEditorWrap.js-selected {
	border: 1px dashed #ed58a6;
}
.p-modalImgEditor--past .p-sizeEditorWrap {
	background-position: center;
	pointer-events: auto;
}
.p-modalImgEditor__typeList {
	position: absolute;
	bottom: 10%;
	left: 0;
	right: 0;
}
.p-modalImgEditor__typeList__item {
	border: 1px solid #ccc;
	display: block;
	width: 80px;
	height: 80px;
	background-color: #fff;
}
.p-modalImgEditor__typeList__item.js-selected {
	border: 1px solid #f99d8c;
	background-color: #fbeee8;
}

/* PIARY_PIAPRI-313の対応 2023/06/15 K.Okui start edit */
.p-modalImgEditor__colorFilterList {
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
}
.p-modalImgEditor__colorFilterList__item {
    border: 1px solid #ccc;
    display: block;
    width: 155px;
    height: 80px;
    background-color: #fff;
}
.p-modalImgEditor__colorFilterList__item.js-selected {
    border: 1px solid #f99d8c;
    background-color: #fbeee8;
}
/* PIARY_PIAPRI-313の対応 2023/06/15 K.Okui end edit */

/* 編集領域サイズ変更 */
[class*="p-sizeEditorWrap__arw__"] {
	position: absolute;
	background-repeat: no-repeat;
	width: 13px;
	height: 13px;
	background-image: url(/my-piapri/resource/img/icon/ic_wrap_arw_p.svg);
}
.p-sizeEditorWrap:not(.js-selected) [class*="p-sizeEditorWrap__arw__"] {
	display: none;
}
.p-sizeEditorWrap__arw__lu {
	top: -13px;
	left: -13px;
	/*background-image: url(/my-piapri/resource/img/icon/ic_bountyarw_lu.svg);*/
}
.p-sizeEditorWrap__arw__ru {
	top: -13px;
	right: -13px;
	transform: rotate(90deg);
	/*background-image: url(/my-piapri/resource/img/icon/ic_bountyarw_ru.svg);*/
}
.p-sizeEditorWrap__arw__ld {
	bottom: -13px;
	left: -13px;
	transform: rotate(-90deg);
	/*background-image: url(/my-piapri/resource/img/icon/ic_bountyarw_ld.svg);*/
}
.p-sizeEditorWrap__arw__rd {
	bottom: -13px;
	right: -13px;
	transform: rotate(180deg);
	/*background-image: url(/my-piapri/resource/img/icon/ic_bountyarw_rd.svg);*/
}
.p-sizeEditorWrap__arw__d {
	bottom: -51px;
	left: 50%;
	width: 28px;
	height: 51px;
	background-image: url(/my-piapri/resource/img/icon/ic_wrap_arw_pc.svg);
	transform: translateX(-50%);
}

.p-wrapArw {
	position: absolute;
	background-repeat: no-repeat;
	width: 8px;
	height: 8px;
}
.p-wrapArw--lu {
	top: -8px;
	left: -8px;
	background-image: url(/my-piapri/resource/img/icon/ic_wrap_arw_a.svg);
}
.p-wrapArw--cu {
	top: -8px;
	left: calc(50% - 4px);
	background-image: url(/my-piapri/resource/img/icon/ic_wrap_arw_b.svg);
}
.p-wrapArw--ru {
	top: -8px;
	right: -8px;
	transform: rotate(90deg);
	background-image: url(/my-piapri/resource/img/icon/ic_wrap_arw_a.svg);
}
.p-wrapArw--lc {
	top: calc(50% - 4px);
	left: -8px;
	transform: rotate(90deg);
	background-image: url(/my-piapri/resource/img/icon/ic_wrap_arw_b.svg);
}
.p-wrapArw--rc {
	top: calc(50% - 4px);
	right: -8px;
	transform: rotate(90deg);
	background-image: url(/my-piapri/resource/img/icon/ic_wrap_arw_b.svg);
}
.p-wrapArw--ld {
	bottom: -8px;
	left: -8px;
	transform: rotate(90deg);
	background-image: url(/my-piapri/resource/img/icon/ic_wrap_arw_a.svg);
}
.p-wrapArw--cd {
	width: 12px;
	height: 30px;
	bottom: -30px;
	left: calc(50% - 6px);
	background-image: url(/my-piapri/resource/img/icon/ic_wrap_arw_e.svg);
}
.p-wrapArw--rd {
	bottom: -8px;
	right: -8px;
	background-image: url(/my-piapri/resource/img/icon/ic_wrap_arw_a.svg);
}


.p-modalImgEditor__fill {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
}
.p-modalImgEditor__fill__inner {
	width: 100px;
	height: 100px;
	background-color: transparent;
}
.p-modalImgEditor .p-modalFooter {
	position: absolute;
	bottom: 0;
}
.p-icEditType {
	background-color: #fff;
	border: 1px dashed #ccc;}
.p-icEditType--11 {
	width: 20px;
	height: 20px;
}
.p-icEditType--32 {
	width: 30px;
	height: 20px;
}
.p-icEditType--43 {
	width: 26.6px;
	height: 20px;
}
.p-icEditType--169 {
	width: 27.2px;
	height: 20px;
}
.p-icEditType--c11 {
	border-radius: 50%;
	width: 20px;
	height: 20px;
}
.p-icEditType--c32 {
	border-radius: 50%;
	width: 30px;
	height: 20px;
}

/* ゲスト一覧（モーダル内 */
.p-eachItemWrap--2col {
	width: calc(50% - .5em);
}
.p-eachItemWrap--w284.js-selected {
	border-width: 3px;
}
.p-eachItemWrap--w284 {
	justify-content: center;
}
.p-eachItemWrap--w284 .p-eachItemWrap__txt {
	width: 240px;
}
.p-eachItemWrap.js-inactive {
	background-color: #e6e6e6;
}
.p-modalOverflow--guest .p-eachItemWrap.js-selected {
	background-color: #e4efef;
	border-color: #646464;
}



/* 新注文追加 */
.p-newItem__imgWrap {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	overflow: hidden;
}
.p-newItem__detail {
	width: calc(100% - 60px);
}


/* p-makeItemList */
.p-makeItemList {
	display: inline-flex;
	flex-wrap: wrap;
	max-width: 100%;
}
.p-makeItemList__item {
	width: 20%;
}
.p-makeItemList__item:nth-child(-n + 5) {
	flex-grow: 1;
	max-width: 200px;
}
.p-makeItemList__item__a {
	max-width: 120px;
}


/* 基本情報
*/
.p-basicInfo__t01 {width: 170px;}
.p-basicInfo__t02 {width: 380px;}

.p-terms_wrap {
	overflow-y: scroll;
  max-height: 60vh;
}


/* ゲスト情報
*/
.p-guestList__item {
	width: calc(50% - .25em);
}
/* ゲスト情報 新規登録 */
.p-guestForm__subTit {
	width: 70px;
	line-height: 35px;
}

/* ゲスト一覧
*/
.p-eachItemWrap.js-jointed {
	background-color: #f0f0f0;
}
.p-jointed__item {
	display: flex;
	justify-content: space-between;
	align-items: : center;
	width: calc(50% - .25em);
}
.p-backScreenButtonWrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	position: fixed;
	bottom: 0;
	left: calc(200px + 4em);
	width: calc(100% - 200px - 8em);
	max-width: calc(1080px - 8em);
	background-color: rgba(255,255,255,.7);
	border-top: solid 1px #F99D8C;
	padding: 1em 0;
	box-sizing: border-box;
}
/* ゲスト情報 ヒキタクからの取り込みリスト*/
.k-addHikitakuItem__check {
	width: 30px;
}
.k-addHikitakuItem__name {
	width: 80px;
}
.k-addHikitakuItem__honorific {
	width: 90px;
}
.k-addHikitakuItem__title {
	width: 100px;
}
.k-addHikitakuItem__post {
	width: 80px;
}
.k-addHikitakuItem__address {
	width: calc(100% - 380px);
}

/* ゲスト情報 myヒキタク 活性、非活性 */
.p-hikitaku-gst.js-active {
	background-color: #b4d3d8;
}
.p-hikitaku-gst.js-inactive {
	background-color: #e1edef;
}

/* 非活性の時にアイコンの動きを止める */
.p-hikitaku-gst.js-inactive .p_anim--scale01 {
	animation: animationTest 0s ease-in-out 0s infinite normal;
	-webkit-animation: animationTest 0s ease-in-out 0s infinite normal;
}

/* #返信ハガキ
*/
.p-canvasWrap--post {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
}
.p-editorCanvas__editItem {
	margin-top: 5em;
	margin-bottom: 5em;
}
.p-canvasController--post {
	top: calc(100% + 1.5em);
}
.p-editorCanvas__up.js-active {
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 56px;
	height: 23px;
	background-image: url(/my-piapri/resource/img/icon/ic_up2.svg);
	font-size: 0;
}
.p-editorCanvas__down.js-active {
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 56px;
	height: 23px;
	background-image: url(/my-piapri/resource/img/icon/ic_down2.svg);
	font-size: 0;
}
.p-editorCanvas__up.js-inactive,
.p-editorCanvas__down.js-inactive {
	display: none;
}
/* 返信ハガキ向き */
.k-postAngle--h {
	width: 75px;
}
.k-postAngle--v {
	width: 52px;
	margin: 2em 4em;
}

/* 返信ハガキ 記入項目 */
.p-replayCardEntry {
	position: relative;
	height: 100%;
}
.p-replayCardEntry__txt {
	font-size: 1rem;
}
.p-replayCardEntry__img {
	position: absolute;
  top: 1em;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  margin: auto 0;
}

/* # 座席表
*/
.p-canvasController--rece {
	width: 83%;
}
.p-guestSpace--wideH,.p-guestSpace--wideV,
.p-guestSpace--narrowV,.p-guestSpace--narrowH{
	background-position: center;
	background-repeat: no-repeat;
}
.p-guestSpace--wideH,.p-guestSpace--narrowH{
	width: 100px;
	height: 40px
}
.p-guestSpace--wideV,.p-guestSpace--narrowV{
	width: 40px;
	height: 100px
}
.p-guestSpace--wideH.js-active{ background-image: url(/my-piapri/resource/img/icon/ic_guest_wide_h_a.svg); }
.p-guestSpace--wideH.js-inactive{ background-image: url(/my-piapri/resource/img/icon/ic_guest_wide_h_i.svg); }
.p-guestSpace--wideV.js-active{ background-image: url(/my-piapri/resource/img/icon/ic_guest_wide_v_a.svg); }
.p-guestSpace--wideV.js-inactive{ background-image: url(/my-piapri/resource/img/icon/ic_guest_wide_v_i.svg); }
.p-guestSpace--narrowV.js-active{ background-image: url(/my-piapri/resource/img/icon/ic_guest_narrow_v_a.svg); }
.p-guestSpace--narrowV.js-inactive{ background-image: url(/my-piapri/resource/img/icon/ic_guest_narrow_v_i.svg); }
.p-guestSpace--narrowH.js-active{ background-image: url(/my-piapri/resource/img/icon/ic_guest_narrow_h_a.svg); }
.p-guestSpace--narrowH.js-inactive{ background-image: url(/my-piapri/resource/img/icon/ic_guest_narrow_h_i.svg); }
.p-select--pd--sizeAdj{
	padding-left: calc(50% - 1.5em);
}
.p-receGuest,
.p-receTableEdit{
	position: relative;
}
.p-receGuest.is-disabled:after,
.p-receTableEdit.is-disabled:after{
	display: block;
	content: "";
	position: absolute;
	background-color: rgba(170,170,170,0.5);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

/* # 席札
*/
/* ゲスト選択 デザイン選択タブ */
.p-nameDesignTab
.p-nameDesignTab__item {
	width: calc((100% - 15px) / 4);
	border: 1px solid #ccc;
	border-bottom: none;
	padding-top: 10px;
}
.p-nameDesignTab__item.js-selected {
	border-width: 2px;
	border-color: #F99D8C;
	background-color: #FBEEE8;
	padding-top: 9px;
	border-bottom: solid 1px #fff;
	margin-bottom: -1px;
	z-index: 2;
}



/* ●画像
*/
.p-circlImg {
	border-radius: 50%;
	overflow: hidden;
}
.p-circlImg--editorside {
	width: 75px;
	height: 75px;
}
.p-circlImg--editorside2 {
	width: 40px;
	height: 40px;
}


/* NUMリスト */
.u-liNum {
	list-style: decimal;
}

/* p-inputFile */
.p-inputFile {
	height: 45px;
}
.p-inputFile::after {
	content: '';
	display: block;
	background-image: url(/my-piapri/resource/img/icon/ic_input_file.svg);
	background-repeat: no-repeat;
	width: 37px;
	height: 29px;
}
.p-inputFile--w300 {
	width: 300px;
}

/* ボタン */
.p-changeClrBtn--01 .p-button{
	border: 1px solid;
}
.p-changeClrBtn--01 .p-button.js-inactive{
	background-color: #b3b3b3;
	border-color: #b3b3b3;
	color: #FFF;
}
.p-changeClrBtn--01 .p-button.js-active{
	background-color: #FFF;
	border-color: #7dc2c9;
	color: #7dc2c9;
}


/* p-eachItemWrap
*/
.p-eachItemWrap {
	min-height: 45px;
}

/* 印刷申込
*/
/* 申込商品の指定 */
.p-applyItem__partCheck {
	width: 3em;
}
.p-applyItem__partType {
	width: 10em;
	padding-right: 2em
}
.p-applyItem__partItem {
	width: calc(100% - 13em);
}
/* お届け先・日時 */
/* お届け先リスト */
.p-editDeli__check {
	width: 3em;
}
.p-editDeli__name {
	width: 12em;
}
.p-editDeli__post {
	width: 6em;
}
.p-editDeli__address {
	width: 18em;
}
.p-editDeli__phone {
	width: 8em;
}
.p-editDeli__btn {
	width: calc(100% - 47em);
}
.js-noPointerEve {
	pointer-events: none!important;
	color: #ccc;
}
/*  */
.k-lastImgAnim {
	position: absolute;
	top: 0;
	left: -40%;
}
/* お届け日時非活性　piary_yuzawa_20200113 */
.p-editDeliTime--item.is-disabled{
	color: #ccc;
}


/* 一旦pia.cssに移動 ↓ */

/* # ガイド表示枠
*/
/*.guide-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	z-index: 200;
	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;
}*/

/* 一旦pia.cssに移動 ↑ */

.guide-balloonWrap--outer {
	background-color: #666;
	border-radius: 20px;
	padding: 2px;
	width: 500px;
}


/* 一旦pia.cssに移動 ↓ */

/*
#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;
	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;
	z-index: 0;
}


.guide-balloonWrap--inner {
	background-color: #fff;
	border-radius: 18px;
	padding: 2em;
	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;
}
*/

/* 一旦pia.cssに移動 ↑ */


/* 一旦pia.cssに移動 ↓ */

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

/* 一旦pia.cssに移動 ↑ */



/* 吹き出しパターン */
.guide-overlay--b1 .guide-balloon {
	top: 140px;
	left: -110px;
}
.guide-overlay--b1 .guide-balloonWrap--outer::before {
	transform: rotate(10deg) skew(35deg,20deg);
  left: 80px;
  top: -10px;
}
.guide-overlay--b1 .guide-balloonWrap--outer::after {
	transform: rotate(10deg) skew(35deg,20deg);
	left: 95px;
	top: -3px;
}
.guide-overlay--b2 .guide-balloon {
	top: 140px;
	left: -308px;
}
.guide-overlay--b2 .guide-balloonWrap--outer::before {
	transform: rotate(85deg) skew(35deg,20deg);
  left: -20px;
  top: -8px;
}
.guide-overlay--b2 .guide-balloonWrap--outer::after {
	transform: rotate(85deg) skew(35deg,20deg);
	left: -34px;
	top: 1px;
}
.guide-overlay--b3 .guide-balloon {
	top: 120px;
	left: -200px;
}
.guide-overlay--b3 .guide-balloonWrap--outer::before {
	transform: rotate(85deg) skew(35deg,20deg);
	left: -178px;
	top: -18px;
}
.guide-overlay--b3 .guide-balloonWrap--outer::after {
	transform: rotate(85deg) skew(35deg,20deg);
	left: -190px;
	top: -9px;
}
.guide-overlay--l1 .guide-balloon {
	top: -12px;
	left: -535px;
}
.guide-overlay--l1 .guide-balloonWrap--outer::before {
	transform: rotate(-75deg) skew(20deg,35deg);
	left: 455px;
	top: 60px;
}
.guide-overlay--l1 .guide-balloonWrap--outer::after {
	transform: rotate(-75deg) skew(20deg,35deg);
	left: 439px;
	top: 63px;
}
.guide-overlay--l2 .guide-balloon {
	top: 110px;
	left: -300px;
}
.guide-overlay--l2 .guide-balloonWrap--outer::before {
	transform: rotate(-83deg) skew(35deg,20deg);
	left: -52px;
	top: -15px;
}
.guide-overlay--l2 .guide-balloonWrap--outer::after {
	transform: rotate(-83deg) skew(35deg,20deg);
	left: -67px;
	top: -9px;
}
.guide-overlay--l3 .guide-balloon,
.guide-overlay--l5 .guide-balloon {
	bottom: 10px;
	right: -130px;
}
.guide-overlay--l3 .guide-balloonWrap--outer::before,
.guide-overlay--l5 .guide-balloonWrap--outer::before {
	transform: rotate(-20deg) skew(20deg,35deg);
	left: 131px;
	bottom: -13px;
}
.guide-overlay--l3 .guide-balloonWrap--outer::after,
.guide-overlay--l5 .guide-balloonWrap--outer::after {
	transform: rotate(-20deg) skew(20deg,35deg);
	left: 110px;
	bottom: -8px;
}
.guide-overlay--l4 .guide-balloon {
	bottom: 10px;
	right: -300px;
}
.guide-overlay--l4 .guide-balloonWrap--outer::before {
	transform: rotate(-100deg) skew(20deg,35deg);
	left: 97px;
	bottom: -10px;
}
.guide-overlay--l4 .guide-balloonWrap--outer::after {
	transform: rotate(-100deg) skew(20deg,35deg);
	left: 113px;
	bottom: -2px;
}
.guide-overlay--l5 .guide-balloon {
	bottom: 10px;
	right: -100px;
}

.guide-overlay--r1 .guide-balloon {
	bottom: 40px;
	left: 40px;
}
.guide-overlay--r1 .guide-balloonWrap--outer::before {
	transform: rotate(94deg) skew(35deg,20deg);
  left: -253px;
  bottom: -16px;
}
.guide-overlay--r1 .guide-balloonWrap--outer::after {
	transform: rotate(94deg) skew(35deg,20deg);
  left: -238px;
  bottom: -9px;
}
.guide-overlay--r2 .guide-balloon {
	bottom: 40px;
	left: 10px;
}
.guide-overlay--r2 .guide-balloonWrap--outer::before {
	transform: rotate(93deg) skew(35deg,20deg);
  left: -195px;
  bottom: -17px;
}
.guide-overlay--r2 .guide-balloonWrap--outer::after {
	transform: rotate(93deg) skew(35deg,20deg);
  left: -180px;
  bottom: -10px;
}
.guide-overlay--r3 .guide-balloon {
	bottom: 40px;
	left: 40px;
}
.guide-overlay--r3 .guide-balloonWrap--outer::before {
	transform: rotate(94deg) skew(35deg,20deg);
  left: -253px;
  bottom: -16px;
}
.guide-overlay--r3 .guide-balloonWrap--outer::after {
	transform: rotate(94deg) skew(35deg,20deg);
  left: -238px;
  bottom: -9px;
}
.guide-overlay--t1 .guide-balloon {
	bottom: 0;
	left: -25px;
}
.guide-overlay--t1 .guide-balloonWrap--outer::before {
	transform: rotate(95deg) skew(35deg,20deg);
	left: -130px;
	bottom: -17px;
}
.guide-overlay--t1 .guide-balloonWrap--outer::after {
	transform: rotate(95deg) skew(35deg,20deg);
  left: -115px;
  bottom: -10px;
}
.guide-overlay--t2 .guide-balloon {
	bottom: 0;
	left: -300px;
}
.guide-overlay--t2 .guide-balloonWrap--outer::before {
	transform: rotate(-15deg) skew(20deg,35deg);
  left: -12px;
  bottom: -13px;
}
.guide-overlay--t2 .guide-balloonWrap--outer::after {
	transform: rotate(-15deg) skew(20deg,35deg);
	left: -31px;
	bottom: -7px;
}
.guide-overlay--t3 .guide-balloon {
	bottom: -90px;
	left: 140px;
}
.guide-overlay--t3 .guide-balloonWrap--outer::before {
	transform: rotate(200deg) skew(-35deg,-20deg);
  left: -460px;
  bottom: 20px;
}
.guide-overlay--t3 .guide-balloonWrap--outer::after {
	transform: rotate(200deg) skew(-35deg,-20deg);
	left: -436px;
	bottom: 22px;
}
.guide-overlay--t4 .guide-balloon {
	bottom: -130px;
	left: 140px;
}
.guide-overlay--t4 .guide-balloonWrap--outer::before {
	transform: rotate(190deg) skew(-35deg,-20deg);
  left: -470px;
  bottom: 80px;
}
.guide-overlay--t4 .guide-balloonWrap--outer::after {
	transform: rotate(190deg) skew(-35deg,-20deg);
  left: -450px;
  bottom: 84px;
}

/* PIARY_MEICOM-2386の対応　2019/11/08　M.Sakuma start add */
.guide-overlay--t4_2 .guide-balloon {
	bottom: -130px;
	left: 140px;
}
.guide-overlay--t4_2 .guide-balloonWrap--outer::before {
	transform: rotate(190deg) skew(-35deg,-20deg);
  left: -470px;
  bottom: 61px;
}
.guide-overlay--t4_2 .guide-balloonWrap--outer::after {
	transform: rotate(190deg) skew(-35deg,-20deg);
  left: -450px;
  bottom: 65px;
}
/* PIARY_MEICOM-2386の対応　2019/11/08　M.Sakuma end add */

.guide-overlay--t5 .guide-balloon {
	bottom: -180px;
	left: 170px;
}
.guide-overlay--t5 .guide-balloonWrap--outer::before {
	transform: rotate(240deg) skew(-35deg,-20deg);
  left: -460px;
  bottom: 67px;
}
.guide-overlay--t5 .guide-balloonWrap--outer::after {
	transform: rotate(240deg) skew(-35deg,-20deg);
  left: -437px;
  bottom: 61px;
}

/* 基本情報登録完了時 */
.guide-balloon--regiComp{
	top: 25%;
	left: 0;
	right: 0;
	margin: auto;
}
.guide-balloonWrap--outer::before{
	left: 0;
	right: 0;
	margin: auto;
	transform: rotate(53deg) skew(35deg,20deg);
}
.guide-balloonWrap--outer::after{
	left: 0;
	right: 0;
	margin: auto;
	transform: rotate(53deg) skew(35deg,20deg);
}

.p-btnAnim {
	animation: pt01 4s infinite;
}
/*@keyframes big {
	0% {transform: scale(1);}
	40% {transform: scale(1);}
	50% {transform: scale(.95);}
	60% {transform: scale(1);}
	70% {transform: scale(.95);}
	80% {transform: scale(1);}
	100% {transform: scale(1);}
}
@keyframes rotate {
	0% {transform: rotate(0deg);}
	88% {transform: rotate(0deg);}
	89% {transform: rotate(10deg);}
	90% {transform: rotate(-10deg);}
	91% {transform: rotate(0deg);}
	0% {transform: rotate(0deg);}
}*/
@keyframes pt01 {
	0% {transform: scale(1);}
	48% {transform: scale(1);}
	50% {transform: scale(.95);}
	52% {transform: scale(1);}
	54% {transform: scale(.95);}
	56% {transform: scale(1);}
	100% {transform: scale(1);}
}

/* pia.cssへ移動
.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;}
}
*/

/* 注釈（コーディングしない */
.explanatoryNote {
	position: absolute;
	background-color: rgba(255,255,0,.8);
	padding: .2em .5em 0;
	top: 0;
	left: 0;
	z-index: 1000;
	font-size: 1rem;
}

/* 角丸枚数 */
.p-roundCount{
	position: relative;
}
.p-roundCount__cont{
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #E6E6E6;
	text-align: center;
	padding: 1rem 0;
	line-height: 1rem;
	width: 6rem;
	border-radius: 2rem;
}

/* プレビュー内 アイコン */
.p-previewIc--pos{
	position: absolute;
	bottom: 3em;
	right: auto;
	width: 50px;
	z-index: 99;
	margin-left: 610px;
}
.p-previewIc--pos .p-scrIc{
	box-shadow: 0px 0px 8px #aaa;
	border-radius: 50%;
}

/* 初回基本情報登録後のガイド表示調整 */
.guide-balloon--regiComp::before {
	left: 0;
	top: 72px;
}
.guide-balloon--regiComp::after {
	left: 0;
	top: 60px;
}

/* ポインターイベントの無効化 */
.disabled-pointer{
	pointer-events: none;
}

.envelope-design-img {
	margin-left: 5%;
	margin-top: 5%;
	margin-right: 5%;
	margin-bottom: 5%;
	height: 40%;
	width: 40%;
}

/* 郵便番号検索 */
.c-postal_code {
	margin-left: 17em;
}

.c-modal_postal_code {
	margin-left: auto;
}

.c-left_postal_code {
	margin-left: auto;
	margin-top: auto;
}

.c-postal_code,
.c-modal_postal_code,
.c-left_postal_code {
	padding-right: 1.5em;
	position: relative;
	text-decoration: none;
	cursor: pointer;
}

.c-left_postal_code {
	margin-right: -2em;
}

.c-postal_code::after,
.c-modal_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;
}

.c-left_postal_code::after {
	position: absolute;
	content: '';
	top: 0;
	bottom: 0;
	right: 0;
	margin-top: auto;
	margin-bottom: auto;
	margin-right: 1em;
	background: url(/my-piapri/resource/img/icon/ic_link.svg) top left no-repeat;
}

.c-postal_code::after {
	width: 18px;
	height: 18px;
	background-size: 16px 16px;
}

.c-modal_postal_code::after {
	width: 17px;
	height: 17px;
	background-size: 14px 14px;
}

.c-left_postal_code::after {
	width: 17px;
	height: 17px;
	background-size: 15px 15px;
}

/* エラー文微調整 */

.p-place_err {
	margin-left: 28.5em;
}

/* はみ出したテキストを省略 */
.p-txtOf--hdn {
	/* widthを個別で指定 */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

/* 記号の折り返しスタイル */
.p-wWrap--br {
	word-wrap: break-word;
}

/* 付箋追加した際のテキストの高さ */
.p-txt_height--stickynote {
	min-height: 9em;
}

/* エラーopacity */
#error-class #scene0-4-0:hover,
#error-class #scene0-5-0:hover {
	opacity: .7;
}

/* 封筒のゲスト選択 下注記 */
.p-guestSelectNote {
	padding-left: 1.5em;
  margin-top: -1em;
  font-size: 1.1rem;
}

/* alert.html */
.p-alertArea {
	width: 630px;
	border: solid 4px #F99D8C;
}
.p-alertFooter--pc {
	height: 30px;
	line-height: 30px;
}
.p-title--alert {
	font-size: 4.6rem;
}

/* TOP 申込期限と注文番号揃える */
.p-contentSec__title__shohin {
    /* PIARY_PIAPRI-269の対応 2023/03/14 K.Okui start edit */
    /*
    width: 7.6rem;
    */
    width: 10.0rem;
    /* PIARY_PIAPRI-269の対応 2023/03/14 K.Okui end edit */
}
.p-contentSec__orderNum {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.1rem;
  color: #AAA;
}
.p-contentSec__orderNum__h2 {
	width: 5.5rem;
}
.p-contentSec__orderNum__p {
	width: calc(100% - 5.5rem);
}

.cursor-default {
	cursor: default;
}

/* 禁則文字 */
.c-error,
.c-message{
	position: relative;
	z-index: 1;
	height: 0;
}
.c-error__txt,
.c-message__txt{
	position: absolute;
	padding: 0.5rem 0.8rem;
	font-size: 1.3rem;
}
.c-error__txt{
	background: #ffe0cc;
	color: #ff0000;
	border: 1px solid #ff0000;
}
.c-message__txt,
.c-message__txt2 {
	position: absolute;
	padding: 13px;
	width: 250px;
	text-align:center;
	border-radius: 6px;
	background: #FBEEE8;
	color: #E5574C;
	box-shadow: 0 0 5px 0 #666;
}
.c-message__txt::before{
	content: '';
	width: 15px;
	height: 15px;
	background: #FBEEE8;
	transform: rotate(133deg);
	position: absolute;
	top: 40%;
	left: 3px;
	margin-left: -10px;
	box-shadow: 2px 2px 2px rgba(102,102,102,0.4);
}
.c-message__txt2::before{
	content: '';
	width: 15px;
	height: 15px;
	background: #FBEEE8;
	transform: rotate(225deg);
	position: absolute;
	top: -7px;
	left: 73px;
	margin-left: -10px;
	box-shadow: 2px 2px 2px rgba(102,102,102,0.4);
}
.p-pc_prof--createdImgwrap.p-pc_prof--createdImg {
    box-shadow: 0 0 3px #808080;
}