@charset "utf-8";

h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; /*font-size:62.5%; font: inherit;*/}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body	{/*line-height:1.4; font-size:1.2rem; font-size:12px;*/ -webkit-text-size-adjust:100%; background:#ebebeb; color:#333333;
		font-weight:200; padding-top:55px; font-family: sans-serif; min-width:980px;}
ol, ul {list-style: none;}
/*table {border-collapse: collapse; border-spacing: 0;}*/

/*
a				{text-decoration:none; color:#2cadcb;}
a:hover		{text-decoration:underline;}
*/

div, p		{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

/*clearfix*/
.clearfix:after {content: "."; display:block; clear:both; height:0; visibility:hidden;}
.clearfix {min-height:1px;}
* html .clearfix {height: 1px; /*\*//*/ height:auto; overflow:hidden; /**/}

/*フロート解除*/
.clear			{clear:both;}



#header				{width:100%; height:55px; position:fixed; left:0; top:0; padding-top:3px; min-width:980px;
							background:url(../img/ver2/header_bg.png) repeat-x center top; z-index:1000; border-bottom:1px solid #e6e6e6;
							-moz-box-shadow:0px 0px 6px rgba(0,0,0, 0.05);
							-webkit-box-shadow:0px 0px 6px rgba(0,0,0, 0.05);
							box-shadow:0px 0px 6px rgba(0,0,0, 0.05);
							-webkit-transition: all 0.1s linear;
							-moz-transition: all 0.1s linear;
							-o-transition: all 0.1s linear;}
#header:hover		{background-image:url(../img/ver2/header_bg100.png);}

.ie8	.hd	{border-bottom:1px solid #ececec !important;}

#footer			{width:100%; height:86px; line-height:86px; text-align:center; font-size:8.6pt; color:#666666; /*margin:30px 0;*/}
#footer a		{color:#999999; margin:0 5px;}
#footer .ft_link, #footer .ft_copyright, #footer .ft_sns		{display:inline-block; margin:0 10px;}
#footer .ft_sns a		{font-size:26px; display:inline-block; text-decoration:none; margin:0 8px;}
#footer .ft_sns a.twitter:hover		{color:#1bb6ec;}
#footer .ft_sns a.facebook:hover		{color:#355294;}


#site_id	{width:140px; height:52px; float:left; background:url(../img/ver2/id_crypton2.png) no-repeat center; display:block; margin-left:25px;}

#g_menu					{float:left; margin-left:20px;}
.g_menu_list				{display:inline-block; position:relative;}
.g_menu_list > a		{color:#333333; text-decoration:none; display:inline-block; line-height:52px;  text-align:center; padding:0 15px; font-size:13px;}

.g_submenu				{width:300px; position:absolute; top:51px; left:-10px; background:#ffffff; display:none; padding-bottom:10px;
								-moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; overflow:hidden;
								border:1px solid #ededed; border-top:none;}
.g_submenu_list		{display:block;}
.g_submenu_list > a	{color:#333333; text-decoration:none; display:block; padding:0 15px; line-height:36px;}
.g_submenu_list > a:hover	{background:#f5f5f5;}
.g_submenu_list ul a		{padding-left:40px;}
.g_submenu_list > p		{padding: 10px 15px; color: #333333;}

#g_menu_user							{float:right; width:125px; margin-right:5px;}
#g_menu_user .account_txt		{text-align:left; width:100px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; float:left; padding:0; margin:0; line-height:52px;}
#g_menu_user .account_btn		{width:25px; display:block; text-align:center; float:right; cursor:pointer;}
#g_menu_user .account_btn i	{line-height:52px; height:52px;}
#g_menu_user hr					{margin:10px 15px; background-color: #e9e9e9; color:#ccc; border:0; height:1px;}
.g_submenu_user		{left:-20px;}

.g_menu_btn	{position:relative; font-size:1.7rem; font-size:17px; width:40px; line-height:32px; height:32px; margin-top:10px; padding:0; float:right; text-align:center; display:block; text-decoration:none !important; color:#333333;}
.g_menu_btn i	{font-size:1.7rem; font-size:17px; line-height:32px; text-align:center; display:inline-block;}
.g_menu_btn .icon-question	{color:#999999;}
.g_menu_btn:hover, .g_menu_btn .icon-question:hover		{color:#ce4e0f;}
.g_menu_help	{margin-right:10px;}

.g_menu_btn_tips					{width:100px; background:#999999; text-align:center; color:#ffffff; font-size:9pt; line-height:1.4; position:absolute; top:35px; left:50%; margin-left:-50px; padding:12px 10px;
											-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; display:none;}
.g_menu_btn_tips:before		{content:""; display:block; width:0; height:0;
											position:absolute; top:-6px; left:50%; margin-left:-3px;
											border-bottom:6px solid #999999; 
											border-left:6px solid transparent; 
											border-right:6px solid transparent;}
.g_menu_btn_tips_help					{left:-68px; margin-left:0;}
.g_menu_btn_tips_help:before		{left:80px; margin-left:0;}

#g_menu li i, #g_menu_user li i		{color:#999999; margin-left:3px; font-size:16px;}
.g_submenu_list i								{color:#beb419 !important; margin-left:3px;}

#g_menu_search										{float:right; margin:0 15px; width:100px; height:52px; position:relative; }
#g_menu_search .search_input				{width:100px; position:absolute; top:10px; right:0; color:#cccccc; padding:2px 25px 2px 5px; z-index:1; border:1px solid #dddddd;
																-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
																-moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; background:#f1f1f1; line-height:25px; height:31px; margin:0;
																-webkit-transition: all 0.3s ease-out;
																-moz-transition: all 0.3s ease-out;
																-o-transition: all 0.3s ease-out;}
#g_menu_search .search_input:focus		{background:#ffffff; width:320px;  color:#333333; outline: 2px #ce4e0f solid;}
#g_menu_search .search_btn					{width:20px; position:absolute; right:2px; top:11px; text-align:center; color:#666666; cursor:pointer; z-index:2;}
#g_menu_search .search_btn i					{line-height:29px; height:29px; display:inline-block;}

.btn_signin		{float:right; width:90px; margin-right:10px; color:#ffffff !important; display:block;  line-height:28px !important; padding:0; margin-top:10px;}



/*　ページタイトル　*/
#title_pass					{width:950px; margin:30px auto -5px auto; text-align:center; position:relative; z-index:10;}
#page_title					{width:450px; float:left; text-align:left;}
#page_title a:hover			{text-decoration:none;}
#page_pass					{width:500px; float:right; text-align:right; color:#666666; padding-top:10px;}
#page_pass a				{color:#999999;}
#page_pass a:hover		{color:#ff6600; text-decoration:underline;}
.page_title						{font-size:13pt; line-height:30px; color:#aaa; font-weight:bold; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;}
.page_title .en				{color:#f36507;padding-right: 5px;}
.page title .ja					{padding-left:5px;}


/*ボタン*/

.button_s							{font-weight:bold; text-align:center; border-style:solid; border-width:1px; cursor:pointer;
											display:inline-block; padding:1px 10px 0 10px; line-height:24px;
											-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.button_s i						{color:#000000; line-height:24px; font-size:1.4rem; font-size:14px; top:1px; position:relative;}

.button_m							{font-weight:bold; text-align:center; border-style:solid; border-width:1px; cursor:pointer;
											display:inline-block; padding:1px 15px 0 15px; line-height:32px; font-size:1.2rem; font-size:12px;
											-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.button_m i						{margin-right:8px; color:#000000; font-size:1.6rem; font-size:16px; top:2px; position:relative;}

.button_long					{padding-left:40px; padding-right:40px;}
.button_longer				{width:70%; padding-left:0; padding-right:0;}

.button_s:hover, .button_m:hover			{text-decoration:none;}

.button_group					{display:inline-block;}

.button_m_group_l			{-moz-border-radius:2px 0 0 2px; -webkit-border-radius:2px 0 0 2px; border-radius:2px 0 0 2px; margin-right:0 !important;}
.button_m_group_r			{padding:1px 10px 0 10px; -moz-border-radius:0 2px 2px 0; -webkit-border-radius:0 2px 2px 0; border-radius:0 2px 2px 0; border-left:none; margin-left:0 !important;}
.button_m_group_r i		{margin-right:0; color:#000000; font-size:1.4rem; font-size:14px;}

.button_s_group_l			{-moz-border-radius:2px 0 0 2px; -webkit-border-radius:2px 0 0 2px; border-radius:2px 0 0 2px; margin-right:0 !important;}
.button_s_group_r			{padding:0 10px; -moz-border-radius:0 2px 2px 0; -webkit-border-radius:0 2px 2px 0; border-radius:0 2px 2px 0; border-left:none; margin-left:0 !important;}
.button_s_group_r i		{margin-right:0; color:#000000; font-size:1.4rem; font-size:14px;}


.button_darkgray			{color:#ffffff; border-color:#4e4d4d; background:#5f5f5f;
											background-image: -webkit-gradient(linear, left top, left bottom, from(#5f5f5f), to(#565656));
											background-image: -webkit-linear-gradient(top, #5f5f5f, #565656);
											background-image: -moz-linear-gradient(top, #5f5f5f, #565656);
											background-image: -ms-linear-gradient(top, #5f5f5f, #565656);
											background-image: -o-linear-gradient(top, #5f5f5f, #565656);
											background-image: linear-gradient(top, #5f5f5f, #565656);
											text-shadow: 0 -1px 0 #3f3f3f;}

.button_darkgray:hover{background:#414040;
											background-image: -webkit-gradient(linear, left top, left bottom, from(#5f5f5f), to(#4a4a4a));
											background-image: -webkit-linear-gradient(top, #5f5f5f, #4a4a4a);
											background-image: -moz-linear-gradient(top, #5f5f5f, #4a4a4a);
											background-image: -ms-linear-gradient(top, #5f5f5f, #4a4a4a);
											background-image: -o-linear-gradient(top, #5f5f5f, #4a4a4a);
											background-image: linear-gradient(top, #5f5f5f, #4a4a4a);
											-moz-box-shadow:0 0px 4px rgba(0,0,0, 0.2);
											-webkit-box-shadow:0 0px 4px rgba(0,0,0, 0.2);
											box-shadow:0 0px 4px rgba(0,0,0, 0.2);}

.button_gray					{color:#111111; border-color:#c9c6c6; background:#e3e1e1;
											background-image: -webkit-gradient(linear, left top, left bottom, from(#e3e1e1), to(#dbd9d9));
											background-image: -webkit-linear-gradient(top, #e3e1e1, #dbd9d9);
											background-image: -moz-linear-gradient(top, #e3e1e1, #dbd9d9);
											background-image: -ms-linear-gradient(top, #e3e1e1, #dbd9d9);
											background-image: -o-linear-gradient(top, #e3e1e1, #dbd9d9);
											background-image: linear-gradient(top, #e3e1e1, #dbd9d9);
											text-shadow: 0 1px 0 #ececec;}

.button_gray:hover		{background:#cfcdcd;
											background-image: -webkit-gradient(linear, left top, left bottom, from(#e3e1e1), to(#cfcdcd));
											background-image: -webkit-linear-gradient(top, #e3e1e1, #cfcdcd);
											background-image: -moz-linear-gradient(top, #e3e1e1, #cfcdcd);
											background-image: -ms-linear-gradient(top, #e3e1e1, #cfcdcd);
											background-image: -o-linear-gradient(top, #e3e1e1, #cfcdcd);
											background-image: linear-gradient(top, #e3e1e1, #cfcdcd);
											-moz-box-shadow:0 0px 4px rgba(0,0,0, 0.1);
											-webkit-box-shadow:0 0px 4px rgba(0,0,0, 0.1);
											box-shadow:0 0px 4px rgba(0,0,0, 0.1);}

.button_green					{color:#ffffff !important; border-color:#588e2c; background:#67a337;
											background-image: -webkit-gradient(linear, left top, left bottom, from(#67a337), to(#609932));
											background-image: -webkit-linear-gradient(top, #67a337, #609932);
											background-image: -moz-linear-gradient(top, #67a337, #609932);
											background-image: -ms-linear-gradient(top, #67a337, #609932);
											background-image: -o-linear-gradient(top, #67a337, #609932);
											background-image: linear-gradient(top, #67a337, #609932);
											text-shadow: 0 -1px 0 #355d15;}

.button_green:hover		{background:#5b922e;
											background-image: -webkit-gradient(linear, left top, left bottom, from(#67a337), to(#5b922e));
											background-image: -webkit-linear-gradient(top, #67a337, #5b922e);
											background-image: -moz-linear-gradient(top, #67a337, #5b922e);
											background-image: -ms-linear-gradient(top, #67a337, #5b922e);
											background-image: -o-linear-gradient(top, #67a337, #5b922e);
											background-image: linear-gradient(top, #67a337, #5b922e);
											-moz-box-shadow:0 0px 4px rgba(0,0,0, 0.2);
											-webkit-box-shadow:0 0px 4px rgba(0,0,0, 0.2);
											box-shadow:0 0px 4px rgba(0,0,0, 0.2);}

.button_red						{color:#ffffff !important; border-color:#aa2e2e; background:#bd3737;
											background-image: -webkit-gradient(linear, left top, left bottom, from(#bd3737), to(#b63434));
											background-image: -webkit-linear-gradient(top, #bd3737, #b63434);
											background-image: -moz-linear-gradient(top, #bd3737, #b63434);
											background-image: -ms-linear-gradient(top, #bd3737, #b63434);
											background-image: -o-linear-gradient(top, #bd3737, #b63434);
											background-image: linear-gradient(top, #bd3737, #b63434);
											text-shadow: 0 -1px 0 #7d1616;}

.button_red:hover			{background:#ad3131;
											background-image: -webkit-gradient(linear, left top, left bottom, from(#bd3737), to(#ad3131));
											background-image: -webkit-linear-gradient(top, #bd3737, #ad3131);
											background-image: -moz-linear-gradient(top, #bd3737, #ad3131);
											background-image: -ms-linear-gradient(top, #bd3737, #ad3131);
											background-image: -o-linear-gradient(top, #bd3737, #ad3131);
											background-image: linear-gradient(top, #bd3737, #ad3131);
											-moz-box-shadow:0 0px 4px rgba(0,0,0, 0.2);
											-webkit-box-shadow:0 0px 4px rgba(0,0,0, 0.2);
											box-shadow:0 0px 4px rgba(0,0,0, 0.2);}


/*back to TOP*/
#backtotop								{position:fixed; right:0; bottom:20px; width:40px; height:40px; display:none;
												background:url(../img/ver2/backtotop_bg.png) repeat center; cursor:pointer; z-index:999;
												text-align:center; font-size:2.0rem; font-size:20px; color:#ffffff;
												-moz-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px;}
#backtotop i								{line-height:40px; height:40px;}





/*141218_top*/
#top_topic a							{margin-top:10px; background-color:#e0e0e0; color:#333; text-decoration:none; display:block;}
#top_topic a:hover					{filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; text-decoration:none;color:#333;}
.topic_b									{margin-bottom:10px;}
.topic_b .topic_copy				{font-size:18px; font-weight:bold; line-height:1.4;}
.topic_s .topic_copy , #top_cmp .topic_copy				{font-size:14px; font-weight:bold; line-height:1.4;}
.topic_date							{font-size:10px; margin-top:5px;}
.topic_b .topic_box					{padding:15px;}
.topic_s									{position:relative;}
.topic_s a								{width:100%; float:left;}
.topic_s a:nth-child(even)		{float:right;}
.topic_s .topic_img					{float:left; width: 44%; max-width: 300px; padding-right: 10px; overflow: hidden;}
.topic_txt								{padding: 10px;}
.img100								{width:100%;}



/*contact*/
.contact_title			{width:200px; display:table-cell; vertical-align:middle; font-weight:bold; line-height:1.5; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:#c8c8c8 solid 2px; cursor:pointer;}
.contact_title a		{display:block; color:#929292; text-decoration:none; padding:0 12px;}
.contact_title:hover	{background-color:#ececec; color:#7d7d7d; border:#ababab solid 2px;}
.contact_rbox			{width:670px; display:table-cell; padding-left:15px;}
.contact_2line			{vertical-align: middle !important;  display:table-cell !important; height: 76px !important;}
.contact_rboxs			{width:440px; display:table-cell; padding-left:15px;}


/*150108*/
#license_list							{/*border-bottom:#ddd solid 1px;*/ font-size:14px;}
#license_list .img					{width:100px; float:left; padding:5px; text-align:center;}
#license_list .title					{width:534px; float:left; padding:5px;}
#license_list .title .cp				{padding-top:20px; font-size:12px;}
#license_list .title .title_b		{font-size:16px;}
#license_list .date					{width:100px; float:left; padding:5px; line-height:80px; font-size: 12px;}
#license_list .date img					{margin: 31px 3px 31px 3px;}
#license_list .support				{width:100px; float:left; padding:5px; line-height:80px; text-align:center;}
#license_list .faq					{width:50px; float:left; padding:5px; line-height:80px; text-align:center;}
#license_list .txt						{display:none; margin:5px 5px 0 80px; background:#DADADA;}
#license_list .list_h					{background:#adadab; color:#fff; font-weight:bold; line-height:30px;}
#license_list .down a:nth-child(even)	{margin-top:5px;}
.license_data							{padding: 12px 0; border-bottom: #999 solid 1px;}
#license_list  div:nth-last-child(3)			{border-bottom:none !important;}
.license_add							{background:#ADADAB;}
.license_add .add_btn				{line-height:50px; width:250px; margin:23px 20px; color:#000; font-size:16px;}
.license_add .add_txt				{font-size:20px; line-height:100px; padding:0 30px; color:#fff;}
.down .btn_orange					{line-height:1.2; padding:8px 10px; margin-right: 10px;}
#superbox-innerbox .txt		{padding: 30px 50px !important;}
#license_list .instdl					{margin-left:100px; border-top:#DDD solid 1px; padding:10px 0;}
#license_list .btn_orange		{padding:0 20px; max-width:636px;}
#license_list .instdltxt			{width:90px; float:left; font-size: 12px; margin-left:15px;}
.license_fix							{border:#FF0004 solid 1px; padding:20px; margin:30px 0; color:#FF0004; text-align:center;}




/*eccube form*/
.flex{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
}
.bgcolor_gry {
	padding:30px 30px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background-color:#f5f5f5;
}
input,textarea,select,label {
	line-height: 1.8;
/*	font-size: 12pt;*/
}
.input_m {
	width: 400px;
}
.form {
	width: 80%;
	margin: 0 auto;
	padding: 20px 0;
	border-top: #cccccc dotted 1px;
}
.form:last-child {
	border-bottom: #cccccc dotted 1px;
}
.form .title {
	width: 30%;
	font-size: 14px;
	line-height: 40px;
}
.form .title .must {
	color: #FF9933;
	font-weight: normal;
	font-size: 9px;
	padding-left: 5px;
}
#form .form_box {
	width: 70%;
}
.input80 {
	width: 80px;
}
.input120 {
	width: 120px;
}
.input200 {
	width: 200px;
}
.input420 {
	width: 420px;
}
.form_box p {
	line-height: 40px;
	font-size: 14px;
	margin: 0 5px;
}
.form_box p:first-child {
	margin: 0 5px 0 0;
}
.form_box .txt_s {
	font-size: 12px;
}
input::-webkit-input-placeholder {
	color: #ccc;
	font-weight: normal;
}
input:-ms-input-placeholder {
	color: #ccc;
	font-weight: normal;
}
input::-moz-placeholder {
	color: #ccc;
	font-weight: normal;
}
#form .error, .cart .error {
	background-image: none;
	margin-right: 0;
	font-weight: normal;
}
#form input.error, .cart input.error, .cart textarea.error {
	border: #fdc0c0 solid 1px;
	background: #ffecec;
	padding: 5px;
}
.cart select.error {
	border: #fdc0c0 solid 1px;
	background: #ffecec;
}
#form p.error, .cart p.error, .deli .error {
	font-size: 12px;
	color: #e65454;
	background: none;
	font-weight: normal;
	line-height: 1.8;
	margin-right: 0;
	padding: 0;
}
.form_box .select{
	position: relative;
	padding-right: 5px;
	font-size: 12pt;
}
.form_box .select:before {
	z-index: 1;
	position: absolute;
	right: 15px;
	top: 0;
	content: "\F078";
	font-family: "FontAwesome";
	line-height: 40px;
	color: #7F878C;
	pointer-events: none;
}
.form_box select {
	outline:none;
	text-indent: 0.01px;
	text-overflow: '';
	background: none transparent;
	vertical-align: middle;
	font-size: inherit;
	color: inherit;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	border: 1px solid #ddd;
	color: #828c9a;
	width: 100%;
	border-radius: 3px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
	box-sizing: border-box;
	padding: 5px;
	line-height: 1.8;
}
.form_box label {
	margin-right: 20px;
}
.form_box .btn {
	padding: 10px 20px;
	background-color: #b7b7b7;
	color: #fff;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}
.form_box .btn:hover {
	text-decoration: none;
	background-color: #ccc;
}
.btnbox {
	margin: 30px auto;
}
.btnbox button,.btnbox a {
	margin: 0 auto;
}


/*eccube cart*/
.cart_step {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
	position: relative;
	width: 70%;
	margin: 0 auto;
}
.cart_step div {
	margin: 20px auto 30px auto;
	z-index: 100;
}
.cart_step .num {
	font-size: 20px;
	text-align: center;
	line-height: 40px;
	width: 40px;
	margin: 0 auto;
	background-color: #393939;
	color: #fff;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}
.cart_step .now .num {
	background-color: #66a136 !important;
}
.cart_step .now .sub {
	color: #66a136;
}
.cart_step .sub {
	text-align: center;
}
.cart_step:after {
	content: '';
	background: #efefef;
	width:100%;
	height: 3px;
	z-index: 0;
	position: absolute;
	top: 40px;
}
.cart {
	width: 90%;
	margin: 0 auto 50px auto;
}
.content950_inner.cart {
	width: 100%;
}
.cart .hd01, .cart .box ,.cart .box .item {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
}
.cart .box {
	padding: 20px 0;
	border-bottom: #cccccc dotted 1px;
}
.cart .box:first-child {
	border-top: #cccccc dotted 1px;
}
.cart .hd01 {
	text-align: center;
}
.cart .item {
	width: 70%;
}
.main950_ref .item {
	width: 100%;
}
.cart .sup,.deli .sup {
	font-size: 12px;
	color: #999;
	margin: 5px 0;
}
.cart .img {
	margin-right: 10px;
}
.cart .num {
	width: 14%;
}
.cart .cartbtn {
	width: 14%;
}
.cart form {
	height: 100%;
}
.cart .cartbtn a,.cart .cartbtn button {
	text-align: center;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.cart i {
	color: #ccc;
	padding: 0 7px;
}
.cart a i ,.deli_deta a i {
	color: #393939;
}
.cart a:hover i,.del a:hover i  {
	color: #555;
	text-decoration: none;
}
.cart .price {
	width:12%;
}
.cart .del {
	width: 6%;
}
.deli_deta .del {
	width: 10%;
}
.cart .txt {
	display: table;
	margin-right: 90px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.cart .txt .name, .deli .name {
	font-size: 18px;
}
.cart .box>div>p ,.deli_deta .del p {
	font-size: 16px;
	text-align: center;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.cart .tre {
	font-size: 16px;
	text-align: right;
	margin: 5px 7% 10px 0;
}
.cart .tre span {
	font-size: 20px;
}
.sbg_gry_t .inbox {
	padding: 20px;
}
.hd01 {
	background-color: #adadab;
	color: #fff;
	margin: 30px 0 10px 0;
	padding: 8px;
}
.cart form p {
	margin-bottom: 10px;
}
.cart form input {
	margin-right: 5px;
}
.cart .adress {
	position: relative;
}
.cart .adress .name {
	font-size: 16px;
}
.cart .btn_red {
	width: 100%;
	font-size: 14px;
	line-height: 24px;
}
.cart .btn_lgray {
	position: absolute;
	right: 0;
	top: 0;
}
.cart .btn_lgray:hover {
	cursor: pointer;
}
.cart textarea {
	width: 100%;
	height: 5em;
	line-height: 1.6;
	box-sizing: border-box;
	border: 1px solid #ddd;
	color: #828c9a;
}
.cart textarea::-webkit-input-placeholder {
	color: #ccc;
}
.cart .total {
	text-align: right;
	border-top: #999 solid 1px;
	margin: 10px 0;
}
.cart .total span {
	font-size: 20px;
	color: #d8453e;
	margin-left: 5px;
}
.cart_tre {
	width: 300px;
	margin: 50px auto;
	font-size: 16px;
	line-height: 2;
}

.cart_cashier {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
	margin: 2px 0;
}
.cart_cashier .title {
	background-color: #eee;
	width: 20%;
	padding: 20px;
}
.cart_cashier .txt {
	width: 80%;
	padding: 20px;
}
.cart_table {
	margin-top: 10px;
}
.cart_table .flex {
	margin: 2px 0;
}
.cart_table .flex p {
	width: 100px;
	padding: 20px;
}
.cart_table .flex .title {
	background-color: #eee;
	width: 150px;
}
.cart_box {
	background-color: #b8b8b8;
	color: #fff;
	padding: 20px;
	margin-top: 50px;
}


.form select.size_s {
	width: 60px;
}

.deli {
	width: 70%;
	margin: 0 auto;
}
.deli_select {
	margin: 20px 0;
}
.deli .deli_add {
	border-top: #cccccc dotted 1px;
	padding: 20px 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
	text-align: left;
	position: relative;
}
.deli_select .deli_add:last-child{
	border-bottom: #cccccc dotted 1px;
}
.deli .deli_add input {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.deli .input {
	margin: 0 50px;
}
.deli .change {
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.deli_deta {
	display: flex;
	width:100%;
}
.deli_deta p {
	margin-bottom: 5px;
}
.btn_lgray {
	color: #393939;
	border: 1px solid #d4d4d4;
	overflow: hidden;
	display: block;
	text-align: center;
	padding: 0 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #eee;
	font-size: 12px;
	line-height: 30px;
	line-height: 2.5;
	display: inline-block;
}
.btn_lgray:hover {
	background: #e9e9e9;
	text-decoration: none;
	color: #393939;
}