@keyframes zoomIn {
    from {
        transform: scale(0);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes zoomOut {
    from {
        transform: scale(1);
        opacity: 1;
    }
    to {
        transform: scale(0.9);
        opacity: 0;
    }
}
.zoomIn {
    animation: zoomIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
.zoomOut {
    animation: zoomOut 0.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
    will-change: transform, opacity; 
}

/* 代理ポップアップhtml */

.ui-draggable .dairiPopup {
	background-color: white ;
}

.dairiDialog{
	border: none !important;
    padding: 0px;
}
.ui-dialog .ui-dialog-title{
    font-size: 15px;
}
#dairiPopup{
    padding: .5em 1em 2.5em 1em !important;
}


/* タイトル */
#dairiPopup .dairiTitleArea {
	background: #144e94;
    width: 96%;
	margin: 0 5px;
    padding: 5px;
}
/* ダイアログのタイトル */
#dairiPopup .dairiTitle {
	font-family: hiragino kaku gothic w7 jis2004;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
}
/* ダイアログ中身 */
#dairiPopupInner{
	margin: 0 35px;
}

#dairiPopupInner .dairiSend{
	padding: 5px 15px;
}

.dairiSendInfo th{
	font-size: 14px;
	width: 150px;
	height: 35px;
}
.dairiSendInfo span{
	font-size: 11px;
    font-weight: 300;
}
.dairiSendInfo td{
	text-align: left;
    padding: 5px 10px;
}
.dairiSendInfo input{
	height: 21px;
	font-size: 14px;
}
/* ダイアログ中身 納品先 */
.deliveryInfo{
    background: #144e941A;
    padding: 10px 15px;
    margin: 0 auto;
    width: 90%;
}
.deliveryTarget{
    font-family: hiragino kaku gothic w7 jis2004;
    font-weight: bold;
    font-size: 18px;
    text-align: left;
}
.deliveryTable th{
    font-size: 14px;
    width: 115px;
    padding-left: 20px;
}
.deliveryTable span{
    font-size: 11px;
    font-weight: 300;
}
.deliveryTable td{
    text-align: left;
    padding: 5px 10px;
}
.deliveryTable input{
    font-family: ヒラギノ角ゴ w3 jis2004, hiragino kaku gothic w3 jis2004, ヒラギノ角ゴ pron w3, hiragino kaku gothic pron, メイリオ, Meiryo, Helvetica, Arial, sans-serif;
    height: 20px;
    font-size: 14px;
}
textarea{
    font-size: 14px !important;
}
.msgReception{
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 3px;
    padding: 5px 15px;
}
.dairiSubmit{
    margin: 0 0 0 40px;
}
.btnSend {
    margin-top: 15px;
    background-color: #144e94;
    color: #fff;
    border: none;
    border-radius: 3px;
    padding: 5px;
    width: 100px;
    font-size: 16px !important;
    margin-left: 100px;
}
.btnSend:hover{
    opacity: 0.6;
	cursor: pointer;
}
.btnClose {
    margin: -34px 0 0 -140px;
    background-color: #55556688;
    color: #fff;
    border: none;
    border-radius: 3px;
    padding: 5px;
    width: 100px;
    font-size: 16px !important;
    cursor: pointer;
}
.btnClose:hover{
    opacity: 0.6;
	cursor: pointer;
}
.ui-widget-content .ui-state-hover{
    background-color: #fff !important;
}
.ui-dialog .ui-dialog-titlebar-close{
    background-color: #fff !important;
}

/* 代理ポップアップhtml */

.ui-draggable .dairiPopup {
	background-color: white ;
}

.dairiDialog{
	border: none !important;
    padding: 0px;
}
.ui-dialog .ui-dialog-title{
    font-size: 15px;
}
#dairiPopup{
    padding: .5em 1em 2.5em 1em !important;
}


/* お気に入り削除タイトル */
#deletePopup .deleteTitleArea {
	background: #144e94;
    width: 96%;
	margin: 0 5px;
    padding: 5px;
}
/* お気に入り削除のタイトル */
#deletePopup .deleteTitle {
	font-family: hiragino kaku gothic w7 jis2004;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
}
/* お気に入り削除中身 */
#deletePopupInner{
	margin: 0 35px;
}

#deletePopupInner .deleteSend{
	padding: 5px 15px;
}

.deleteSendInfo th{
	font-size: 14px;
	width: 150px;
	height: 35px;
}
.deleteSendInfo td{
	text-align: left;
    padding: 5px 10px;
}
.deleteSendInfo input{
	height: 21px;
	font-size: 14px;
}

.deleteSubmit{
    margin: 0 0 0 40px;
}
.deleteBtn {
    margin-top: 15px;
    background-color: #144e94;
    color: #fff;
    border: none;
    border-radius: 3px;
    padding: 5px;
    width: 100px;
    font-size: 16px !important;
    margin-left: 100px;
}
.btnSend:hover{
    opacity: 0.6;
	cursor: pointer;
}
.btnClose {
    margin: -34px 0 0 -140px;
    background-color: #55556688;
    color: #fff;
    border: none;
    border-radius: 3px;
    padding: 5px;
    width: 100px;
    font-size: 16px !important;
    cursor: pointer;
}
.btnClose:hover{
    opacity: 0.6;
	cursor: pointer;
}
.ui-widget-content .ui-state-hover{
    background-color: #fff !important;
}
.ui-dialog .ui-dialog-titlebar-close{
    background-color: #fff !important;
}
/* お気に入り削除html */
.ui-draggable .deletePopup {
	background-color: white ;
}

.deleteDialog{
	border: none !important;
    padding: 0px;
}
.ui-dialog .ui-dialog-title{
    font-size: 15px;
}
#deletePopup{
    padding: .5em 1em 2.5em 1em !important;
}

/* ×ボタン */
.closeBtn{
    position: relative;
    border: none;
}
.closeIcon{
    font-size: 34px;
    font-weight: 700;
    position: absolute;
    right: 5px;
    top: -10px;
    color: #464646;
}
.closeIcon:hover{
    opacity: 0.6;
    cursor: pointer;
}
.ui-state-hover {
    border: none !important;
}
.ui-widget-overlay{
    background: #000000  !important;
	opacity: .7 !important;
	filter: Alpha(Opacity=50); 
}