@charset "utf-8";
/*//////////////////////////////////////////////////////////////////////////////

	お気に入り・お見積りメモ表示
	global_include/e-memo/

/////////////////////////////////////////////////////////////////////////////*/

/* ---------------------------------------------------------
	ドラッグUI設定
----------------------------------------------------------*/

/* 割り込み表示ボックス
-------------------------------------------- */
#e-memo .e-memo_list .placeholder {
	float: left;
	width: 140px;
	height: 237px;
	margin: 16px 12px 0 0;
	/*background: #DFE7F6;*/
	border: 2px dotted #C3CCEA;
	border-radius: 10px;
	text-align: center;
	font-family: arial, helvetica, meiryo, sans-serif;
	background: #f0f3fa;
}
#e-memo .e-memo_list .placeholder:after {
	content: "ここに移動";
	display: inline-block;
	line-height: 30px;/* .placeholderのheightに合わせる */
	color: #89c;
}

/* 移動中のメモ
------------------------------------------------------------------------ */
#e-memo .e-memo_list .ui-sortable-helper {
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg);
	box-shadow: none;
	opacity: 0.35;
	cursor: move;
}


/* ========================================================================
	メモボタン
=========================================================================*/

/* 表示ボタン、閉じるボタン共通
------------------------------------------------------------------------*/
#bt_e-memo {
	position: absolute;
	top: 9px;
	right: 10px;
	background-color: #fff;
}
#bt_e-memo a {
	display: block;
	height: 38px;
	width: 70px;
	border: 1px solid #bbb;
	border-radius: 0 3px 3px 0;
	box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
	color: #3d4a98;
}
#bt_e-memo a:hover {
	text-decoration: none;
}

#bt_e-memo-close {
	position: absolute;
	top: 9px;
	right: 10px;
	width: 69px; /* 134px - border */
	border: 1px solid #3d4a98;
	-webkit-border-radius: 0 3px 0 0;
	-moz-border-radius: 0 3px 0 0;
	border-radius: 0 3px 0 0;
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.3);
	background-color: #f5f7fb;
}
#bt_e-memo-close a {
	display: block;
	text-decoration: none;
	color: #3d4a98;
}
#bt_e-memo span.memo_num {
	display: table;
	margin: 3px auto 0px;
	padding-left: 21px;
	background: url("/public/img/global/main/e-memo/ico_e-memo.png") left 1px no-repeat;
	font-family: "Helvetica Neue", Helvetica, Arial, meiryo, sans-serif;
	font-size: 11px;
	line-height: 18px;
}
#bt_e-memo span.memo_num span.num {
	padding-right: 1px;
	font-size: 18px;
	line-height: 1;
}
#bt_e-memo span.memo_ttl {
	display: block;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10px;
	text-align: center;
}
#bt_e-memo-close span.memo_ttl {
	float: left;
	width: 76px; /* 105px - padding */
	height: 23px;
	padding-left: 29px;
	line-height: 23px;
	font-size: 12px;
	color: #fff;
	background: #3b4793 url("/public/img/global/main/e-memo/ico_estimate_memo.png") 6px center no-repeat;
}

/* 表示ボタン
------------------------------------------------------------------------*/
#bt_e-memo:hover {
	opacity: 0.7;
	filter: alpha(opacity: 80);
}

/* 閉じるボタン
------------------------------------------------------------------------*/
#bt_e-memo-close {/* 初期非表示 */
	display: none;
}
#bt_e-memo-close span.memo_ttl {
	float: none;
	display: block;
	width: auto;
	height: 37px;
	padding-left: 0;
	padding-right: 12px;
	background: #3b4793 url("/public/img/global/main/e-memo/ico_e-memo-close.png") no-repeat 95% 50%;
	font-family: meiryo, sans-serif;
	text-align: center;
	text-indent: 0.1em;
	/*letter-spacing: 0.1em;*/
	line-height: 38px;
}


/* ========================================================================
	メモウィンドウ
=========================================================================*/

/* ウィンドウ共通スタイル
------------------------------------------------------------------------*/
.e-memo_window {
	display: none;/* 初期非表示 */
	position: absolute;
	top: 48px;
	right: -12px;
	z-index: 53; /* 商品詳細スライダー対策 */
	border: 2px solid #3d4a98;
	border-radius: 3px;
	background-color: #dae2f1;
	-webkit-box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.24);
	-moz-box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.24);
	box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.24);
}

/* メモ一覧画面
------------------------------------------------------------------------*/
#e-memo {
	position: absolute;
	width: 806px; /* 830px - padding - border */
	padding: 7px 10px 10px;
}

/* メモ0件・ログイン画面
------------------------------------------------------------------------*/
#e-memo_nolist {
	position: absolute;
	z-index: 2;
	width: 220px;
	padding: 10px;
}
#e-memo_nolist .e-memo_register p.no_memo {/* メモ0件メッセージ */
	margin: 5px auto 15px;
	text-align: center;
	font-size: 11px;
	color: #415ca6;
	font-family: "meiryo ui", sans-serif;
	*font-size: 10px;/* IE7 */
}


/* -----------------------------------------------------------------------------------------------
	ヘッダー
------------------------------------------------------------------------------------------------*/
#e-memo .e-memo_registered_num {
	float: left;
	margin-top: 2px;
}

/* 登録件数
------------------------------------------------------------------------*/
#e-memo .e-memo_registered_num p.registered_num {
	float: left;
	position: relative;
	height: 24px;
	margin-right: 8px;
	padding: 0 13px;
	line-height: 24px;
	text-align: center;
	font-size: 12px;
	color: #435fa8;
	background-color: #fff;
	border: 1px solid #a9b2e7;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
#e-memo .e-memo_registered_num p.registered_num:after {/* フキダシ */
 	position: absolute;
	bottom: -8px;
	left: 66px;
	width: 12px;
	height: 8px;
	content: url("/public/img/global/main/e-memo/img_balloon_triangle.png");
}
#e-memo .e-memo_registered_num p.registered_num span.num {/* 登録数 */
	margin-right: 1px;
	font-size: 20px;
	font-weight: bold;
}
#e-memo .e-memo_registered_num p.registered_num span.txt {
	vertical-align: top;
	*display: inline; /* IE7 */
	*zoom: 1; /* IE7 */
}

/* 登録可能件数の注釈
------------------------------------------------------------------------*/
#e-memo .e-memo_registered_num p.registrable_num {
	float: left;
	line-height: 26px;
	font-size: 11px;
	color: #435fa8;
}

/* ドラッグ移動の表記
------------------------------------------------------------------------*/
#e-memo p.info_draggable {
	float: right;
	height: 32px; /* 34px - padding */
	margin-bottom: 4px;
	padding: 2px 0 0 41px;
	font-size: 10px;
	color: #3d4a98;
	background: url("/public/img/global/main/e-memo/ico_draggable02.png") left center no-repeat;
}


/* -----------------------------------------------------------------------------------------------
	フッター
------------------------------------------------------------------------------------------------*/
#e-memo .e-memo_register {
	float: left;
	width: 455px; /* 475px - padding - border */
	padding: 4px 9px 4px;
	border: 1px solid #c3ccea;
}
#e-memo .auth_login {
	width: 446px; /* 475px - padding - border */
	padding-left: 18px;
	background-color: #f5f7fb;
}

/* ユーザー登録ボタン
------------------------------------------------------------------------*/
#e-memo .e-memo_register a.bt_register_user {
	float: left;
	display: block;
	width: 123px; /* 152px - padding */
	height: 22px;
	margin: 3px 16px 0 0;
	padding-left: 29px;
	line-height: 22px;
	text-align: left;
	font-size: 10px;
	color: #fff;
	text-decoration: none;
	background: url("/public/img/global/main/e-memo/bt_register_user.png") left top no-repeat;
}
#e-memo .e-memo_register p.txt_register_user {
	float: left;
	width: 285px;
	font-size: 10px;
	color: #3d4a98;
}

/* -----------------------------------------------------------------------------------------------
	ログイン時　フッター
------------------------------------------------------------------------------------------------*/

/* パスワード変更
------------------------------------------------------------------------*/
#e-memo_nolist .e-memo_register .logout_chpass {
	text-align: center;
}

/* メモあり　ログアウト・パスワード変更　共通
------------------------------------------------------------------------*/
#e-memo .e-memo_register p.logout a,
#e-memo .e-memo_register p.chpass a {
	float: left;
	margin-top: 6px;
	padding-left: 8px;
	font-size: 12px;
	color: #3552af;
	background: url("/public/img/global/main/e-memo/ico_link.png") left 43% no-repeat;
}

/* メモ0件　ログアウト・パスワード変更　共通
------------------------------------------------------------------------*/
#e-memo_nolist .e-memo_register p.logout,
#e-memo_nolist .e-memo_register p.chpass {
	display: inline-block;
	*display: inline; /* IE7 */
	*zoom: 1; /* IE7 */
}
#e-memo_nolist .e-memo_register p.logout a,
#e-memo_nolist .e-memo_register p.chpass a {
	padding-left: 8px;
	font-size: 12px;
	color: #3552af;
	background: url("/public/img/global/main/e-memo/ico_link.png") left 43% no-repeat;
}

/* ログアウト
------------------------------------------------------------------------*/
#e-memo .e-memo_register p.logout a,
#e-memo_nolist .e-memo_register p.logout a {
	margin-right: 18px;
	padding-left: 16px;
	background: url("/public/img/global/main/e-memo/ico_logout.png") left 0 no-repeat;
}

/* メッセージ
------------------------------------------------------------------------*/
#e-memo .e-memo_register p.info_server_memo {
	float: right;
	font-size: 10px;
	color: #333;
}

/* 全メモを詳細表示ボタン
------------------------------------------------------------------------*/
#e-memo p.show_all_memo {
	float: right;
	width: 319px;
	height: 38px;
	background: url("/public/img/global/main/e-memo/bt_show_allmemo.png") left top no-repeat;
}
#e-memo p.show_all_memo:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
#e-memo p.show_all_memo a {
	display: block;
	padding: 0 0 0 70px;
	font-size: 16px;
	color: #fff;
	line-height: 37px;
	text-align: left;
	text-decoration: none;
	vertical-align: bottom;
	background: url("/public/img/global/main/e-memo/ico_allow.png") 235px 8px no-repeat;
}

/* -----------------------------------------------------------------------------------------------
	ログイン画面
------------------------------------------------------------------------------------------------*/
#e-memo_nolist .e-memo_register {
	width: 220px; /* 220px - padding */
	padding: 7px 0 8px;
	background-color: #f5f7fb;
}

/* フキダシのメッセージ
------------------------------------------------------------------------*/
#e-memo_nolist .e-memo_register p.login_message {
	position: relative;
	width: 172px;
	height: 34px; /* 42px - padding - border */
	margin: 0 auto;
	padding-top: 6px;
	text-align: center;
	font-size: 10px;
	color: #777;
	border: 1px solid #ccc;
	background-color: #fff;
}
#e-memo_nolist .e-memo_register p.login_message:after {/* フキダシ */
	position: absolute;
	bottom: -12px;
	right: 9px;
	width: 11px;
	height: 12px;
	content: url("/public/img/global/main/e-memo/img_balloon_login_triangle.png");
}
#e-memo_nolist .e-memo_register .e-memo_login {
	width: 194px;
	margin: 8px auto 0;
}

/* フォーム要素
------------------------------------------------------------------------*/
#e-memo_nolist .e-memo_register .e-memo_login label {
	font-size: 10px;
	color: #415ca6;
}
#e-memo_nolist .e-memo_register .e-memo_login input {
	width: 186px; /* 194px - padding - border */
	height: 15px; /* 23px - padding - border */
	padding: 3px;
	border: 1px solid #b2bdd3;
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1) inset;
}
#e-memo_nolist .e-memo_register .e-memo_login input.input_login_id {
	margin-bottom: 5px;
}
#e-memo_nolist .e-memo_register .e-memo_login p.label {
	margin-bottom: 3px;
}

/* ログインボタン
------------------------------------------------------------------------*/
#e-memo_nolist .e-memo_register .e-memo_login p.bt_login {
	float: right;
	margin: 8px 0 5px;
}
#e-memo_nolist .e-memo_register .e-memo_login p.bt_login a {
	display: block;
	width: 75px; /* 88px - padding */
	height: 22px;
	line-height: 22px;
	padding-left: 13px;
	text-align: left;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	background: url("/public/img/global/main/e-memo/bt_login.png") left top no-repeat;
}

/* パスワードをお忘れの方
------------------------------------------------------------------------*/
#e-memo_nolist .e-memo_register .e-memo_login p.forget_password a {
	clear: both;
	float: right;
	padding-left: 5px;
	font-size: 10px;
	color: #415ca6;
	background: url("/public/img/global/main/e-memo/ico_link.png") left center no-repeat;
}


/* ========================================================================
	メモ設定
=========================================================================*/

#e-memo .e-memo_list {
	clear: both;
	margin-bottom: 11px;
	padding: 0 7px 11px 19px;
	background-color: #f5f7fb;
}
#e-memo .e-memo_list .per_memo {
	float: left;
	margin: 16px 12px 0 0;
	cursor: move;
}
#e-memo .e-memo_list .per_memo dl {
	width: 142px;
	border: 1px solid #b2bdd3;
	box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.07);
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.07);
}

/* ホバー設定
------------------------------------------------------------------------*/
#e-memo .e-memo_list .per_memo dl:hover {
	border-radius: 10px 0 0 0;
	box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
}
#e-memo .e-memo_list .per_memo dl:hover dt {
	border-radius: 10px 0 0 0;
}
#e-memo .e-memo_list .per_memo dl:hover dt:before {
	display: none;
}
#e-memo .e-memo_list .per_memo dl:hover dd.btn {
}

/* 日付
------------------------------------------------------------------------*/
#e-memo .e-memo_list .per_memo dl dt {
	position: relative;
	width: 127px;
	height: 15px;
	padding-left: 15px;
	line-height: 15px;
	text-align: left;
	color: #777;
	font-size: 10px;
	background-color: #eee;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {/* Safari用 CSSハック*/
    /* Safari only override */
    ::i-block-chrome,#e-memo .e-memo_list .per_memo dl dt {
    	font-size: 9px;
    }
}
@media screen and(-webkit-device-pixel-ratio:2) and (max-device-width: 1024px){/* for ipad */
	#e-memo .e-memo_list .per_memo dl dt {
		font-size: 9px;
	}
}
#e-memo .e-memo_list .per_memo dl dt:before {/* クリップ */
	position: absolute;
	top: -5px;
	left: 3px;
	width: 14px;
	height: 22px;
	content: url("/public/img/global/main/e-memo/bg_memo_clip.png");
}
#e-memo .e-memo_list .per_memo dl dd {
	width: 121px;
	padding: 4px 12px 0 9px;
	font-size: 10px;
	background-color: #fff;
	border: none;
	border-top: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

/* 商品名
------------------------------------------------------------------------*/
#e-memo p.item_name,
#e-memo dd.spec {/* クリアタイプ指定 */
	font-family: arial, helvetica, "meiryo ui", sans-serif;
}
#e-memo .e-memo_list .per_memo dl dd.item p.item_name {
	margin: 1px 0 0 1px;
	font-weight: bold;
	color: #333;
}

/* 商品画像
------------------------------------------------------------------------*/
#e-memo .e-memo_list .per_memo dl dd.item p.item_image {
	margin-top: 6px;
	text-align: center;
}

/* 価格
------------------------------------------------------------------------*/
#e-memo .e-memo_list .per_memo dl dd.item p.price {
	height: 18px;
	margin-top: 3px;
	text-align: right;
	font-size: 10px;
	color: #c00;
}
#e-memo .e-memo_list .per_memo dl dd.item p.price span.txt {
	float: left;
	padding: 1px 0 0 3px;
}
#e-memo .e-memo_list .per_memo dl dd.item p.price span.yen {
	float: right;
	font-size: 12px;
	font-weight: bold;
}

/* 商品スペック
------------------------------------------------------------------------*/
#e-memo .e-memo_list .per_memo dl dd.spec {
	width: 119px;
	padding: 0px 11px 0px 12px;
	color: #555;
}
#e-memo .e-memo_list .per_memo dl dd.spec ul {
	width: 100%;
	height: 69px;
	border-top: 1px dotted #bbb;
	overflow: hidden;
}
#e-memo .e-memo_list .per_memo dl dd.spec ul li {
	padding: 1px 0;
	line-height: 1.2;
	border-bottom: 1px dotted #bbb;
}

/* ボタン
------------------------------------------------------------------------*/
#e-memo .e-memo_list .per_memo dl dd.btn {
	width: 128px;
	padding: 7px 7px 6px;
}
#e-memo .e-memo_list .per_memo dl dd.btn p.memo_detail {
	float: left;
}
#e-memo .e-memo_list .per_memo dl dd.btn p.memo_delete {
	float: right;
}
#e-memo .e-memo_list .per_memo dl dd.btn p.memo_detail a,
#e-memo .e-memo_list .per_memo dl dd.btn p.memo_delete a {
	display: block;
	height: 17px;
	line-height: 17px;
	font-size: 10px;
	color: #fff;
	text-decoration: none;
}
#e-memo .e-memo_list .per_memo dl dd.btn p.memo_detail a {
	width: 66px; /* 81px - padding-left */
	padding-left: 15px;
	background: url("/public/img/global/main/e-memo/bt_memo_detail.png") left top no-repeat;
}
#e-memo .e-memo_list .per_memo dl dd.btn p.memo_delete a {
	width: 37px; /* 43px - padding-left */
	padding-left: 6px;
	background: url("/public/img/global/main/e-memo/bt_memo_delete.png") left top no-repeat;
}

/* ========================================================================
	お気に入り商品
=========================================================================*/

/* 一覧へのリンクボタン
------------------------------------------------------------------------*/
#wishlist_link {
	position: absolute;
	top: 9px;
	right: 81px;
}
#wishlist_link a {
	display: block;
	height: 38px;
	width: 70px;
	border: 1px solid #bbb;
	border-radius: 3px 0 0 3px;
	box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
	background-color: #fff;
	color: #ff6c2b;
	text-decoration: none;
}
#wishlist_link span.wish_num {
	display: table;
	height: 18px;
	margin: 3px auto 0px;
	padding-left: 22px;
	background: url("/public/img/global/main/wishlist/ico_wishlist.png?2017072700") left 1px no-repeat;
	font-family: "Helvetica Neue", Helvetica, Arial, meiryo, sans-serif;
	font-size: 11px;
	line-height: 18px;
}
#wishlist_link span.wish_num span.num {
	padding-right: 1px;
	font-size: 18px;
	line-height: 1;
}
#wishlist_link span.wish_ttl {
	display: block;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10px;
	text-align: center;
}
#wishlist_link:hover {
	opacity: 0.7;
	filter: alpha(opacity: 70);
}

/* 登録ボタン 旧型商品詳細（３カラム版）
------------------------------------------------------------------------*/
.box_old_input_wishlist {
	margin: 20px 3px 16px 0;
}
.box_old_input_wishlist .bt_wishlist_register {
	margin-top: 0px;
	padding-left: 47px;
	background-position: 12px center;
}
.box_old_input_wishlist .bt_wishlist_register .txt {
	padding: 0 0 0 13px;
	border-radius: 0 2px 2px 0;
	font-size: 13px;
}
.box_old_input_wishlist .bt_wishlist_register .txt::before {
	left: -12px;
}
/* 登録済み 旧型商品詳細（３カラム版）
--------------------------------*/
.box_old_input_wishlist .bt_wishlist_registered {
	padding-left: 48px;
	background-position: 13px center;
}

/* ========================================================================
	右カラム
=========================================================================*/
/* アクセスカウンター
--------------------------------*/
#dlpo-access-counter {
	border-bottom: none;
	padding-bottom: 0;
}
/* 大枠
--------------------------------*/
.right_column_ememo {
	position: relative;
	margin-bottom: 10px;
	border: 1px solid #bbb;
	border-radius: 3px;
	box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
}
/* お気に入り
--------------------------------*/
.right_column_ememo #wishlist_link {
	position: static;
	float: left;
}
.right_column_ememo #wishlist_link a {
	width: 85px;
	height: 48px;
	border: none;
	box-shadow: none;
}
.right_column_ememo #wishlist_link span.wish_num {
	margin: 8px auto 5px;
}
/* お見積メモ
--------------------------------*/
.right_column_ememo #e-memo {
	display: none !important;
}
.right_column_ememo #bt_e-memo {
	position: static;
	float: left;
	border-radius: 0 4px 4px 0;
}
.right_column_ememo #bt_e-memo::before {
	content: "";
	position: absolute;
	top: 5px;
	left: 85px;
	display: block;
	width: 1px;
	height: 38px;
	background-color: #bbb;
}
.right_column_ememo #bt_e-memo a {
	width: 85px;
	height: 48px;
	border: none;
	box-shadow: none;
	text-decoration: none;
}
.right_column_ememo #bt_e-memo span.memo_num {
	margin: 8px auto 5px;
}