@charset "UTF-8";

/* Mypage */
#main.page_menu .common_headline1_ { background-size: auto 35px;}
#main.page_menu .mypage-logout   { padding: 0 4.68%;  text-align: right; margin: 0 0 20px 0;}
#main.page_menu .mypage-logout a { font-size: 12px; text-decoration: underline; color: #0064B4;}
#main.page_menu .mypage-banner    { margin: 0 10px 70px;}
#main.page_menu .mypage-banner li { margin: 0 0 10px 0; text-align: center;}
#main.page_menu .mypage-banner li a { display: block;}
#main.page_menu .mypage-banner li img { max-width: 100%;}

#main.page_menu .mypage-recommend { max-width: 600px; margin: 0 auto 70px; padding: 0 10px;}
#main.page_menu .bx-wrapper { margin: 0 30px; position: relative;}
#main.page_menu .bx-wrapper .bx-prev { padding: 0; margin: 0; border: none; outline: none; background: none; left: -30px;}
#main.page_menu .bx-wrapper .bx-prev::after {
  content: ''; width: 16px; height: 16px; margin-top: -6px; margin-left: -8px; border-right: 1px solid #666; border-top: 1px solid #666;
  display: block; position: absolute; left: 50%; top: 50%; transform: rotate(-135deg);
}
#main.page_menu .bx-wrapper .bx-next { padding: 0; margin: 0; border: none; outline: none; background: none; right: -30px;}
#main.page_menu .bx-wrapper .bx-next::after {
  content: ''; width: 16px; height: 16px; margin-top: -6px; margin-left: -8px; border-right: 1px solid #666; border-top: 1px solid #666;
  display: block; position: absolute; left: 50%; top: 50%; transform: rotate(45deg);
}
#main.page_menu .bx-wrapper .bx-controls-direction a {
  width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -40px; outline: 0; text-indent: -9999px; z-index: 100;
}
#main.page_menu h2.ttl-mypage-recommend { padding: 0 0 15px 0; margin: 0 0 20px 0; border-bottom: #D8D8D8 1px solid; font-size: 15px; font-weight: bold; color: #0064B4;}
#main.page_menu .mypage-recommend .mypage-recommend-items { width: 100%; overflow: hidden;}
#main.page_menu .mypage-recommend .mypage-recommend-item  { width: calc((100vw - 40px)/ 2); max-width: 280px; margin-right: 10px; float: left;}
#main.page_menu .mypage-recommend .mypage-recommend-item  a          { display: block; text-decoration: none;}
#main.page_menu .mypage-recommend .mypage-recommend-item figure      { width: calc((100vw - 40px)/ 2); height: calc((100vw - 40px)/ 2); max-width: 280px; max-height: 280px; margin: 0 0 10px 0; text-align: center; display: flex; justify-content: center;}
#main.page_menu .mypage-recommend .mypage-recommend-item figure img  { width: calc((100vw - 40px)/ 2); height: auto; max-width: 280px; display: inline; align-self: center;}
#main.page_menu .mypage-recommend .mypage-recommend-item .name       { max-width: 184px; margin: 0 auto; font-size: 14px; line-height: 1.4; text-align: center;}
#main.page_menu .mypage-recommend .bx-wrapper .mypage-recommend-item { width: calc((100vw - 90px)/ 2); max-width: 255px; margin-right: 10px; float: left;}
#main.page_menu .mypage-recommend .bx-wrapper .mypage-recommend-item figure { width: calc((100vw - 90px)/ 2); height: calc((100vw - 90px)/ 2); max-width: 255px; max-height: 255px; display: flex; justify-content: center;}
#main.page_menu .mypage-recommend .bx-wrapper .mypage-recommend-item figure img { width: calc((100vw - 90px)/ 2); height: auto; max-width: 255px; max-height: 255px; display: inline; align-self: center;}

#main.page_menu .mypage-menu-frame { width: 100%; padding: 45px 10px; margin-bottom: 80px; background: rgba(0, 100, 180, 0.05);}
#main.page_menu h2.ttl-mypage-menu { padding: 0; margin: 0 0 25px 0; text-align: center; font-size: 23px; font-weight: bold; color: #0064B4;}
#main.page_menu .pickup-menu       { margin-bottom: 10px;}
#main.page_menu .pickup-menu li    { border: #e2e2e2 1px solid; margin: 0 0 10px 0; background: #fff; box-sizing: border-box;}
#main.page_menu .pickup-menu li:nth-child(4n) { margin: 0 0 30px 0;}
#main.page_menu .pickup-menu li a {
  padding: 35px 0 35px 110px;
  text-align: left;
  font-size: 19px;
  text-decoration: none;
  color: #0064B4;
  display: block;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: 20px center;
	-webkit-background-size: 70px 70px;
	background-size: 70px 70px;
}
#main.page_menu .pickup-menu li a:hover    { opacity: 0.6;}
#main.page_menu .pickup-menu li.history a  { background-image: url("../images/mypage/mypage_ico_history.png");}
#main.page_menu .pickup-menu li.line a     { background-image: url("../images/mypage/mypage_ico_line.png");}
#main.page_menu .pickup-menu li.regular a  { background-image: url("../images/mypage/mypage_ico_regular.png");}
#main.page_menu .pickup-menu li.bookmark a { background-image: url("../images/mypage/mypage_ico_bookmark.png");}
#main.page_menu .customer-menu-custdest { padding: 0 0 0 45px; font-size: 14px;}
#main.page_menu .mypage-menu-frame .other-menu { padding: 15px; border: #e2e2e2 1px solid; margin: 0 0 10px 0; background: #fff; box-sizing: border-box;}
#main.page_menu .mypage-menu-frame .other-menu h2.switch { padding: 18px; margin: 0; font-size: 17px; font-weight: bold; letter-spacing: 0.5px; cursor: pointer; position: relative;}
#main.page_menu .mypage-menu-frame .other-menu h2.switch::before,
#main.page_menu .mypage-menu-frame .other-menu h2.switch::after { content: ''; position: absolute; top: 24px; right: 20px; width: 12px; height: 2px; background: #0064B4; transition: .3s;}
#main.page_menu .mypage-menu-frame .other-menu h2.switch::after { transform: rotate(90deg);}
#main.page_menu .mypage-menu-frame .other-menu h2.switch.open::before { display: none;}
#main.page_menu .mypage-menu-frame .other-menu h2.switch.open::after  { transform: rotate(360deg);}
#main.page_menu .mypage-menu-frame .other-menu ul li { border-bottom: #e2e2e2 1px solid; font-size: 15px;}
#main.page_menu .mypage-menu-frame .other-menu ul li:last-child { border-bottom: none;}
#main.page_menu .mypage-menu-frame .other-menu ul li a { padding: 18px 0 18px 30px; color: #666666; font-size: 15px; text-decoration: none; display: block; position: relative;}
#main.page_menu .mypage-menu-frame .other-menu ul li a::before {
  content: ''; width: 6px; height: 6px; margin-top: -4px; border-right: 1px solid #0064B4; border-top: 1px solid #0064B4;
  display: block; position: absolute; left: 5px; top: 50%; transform: rotate(45deg);
}
#main.page_menu .mypage-menu-frame .other-menu .customer-menu { margin: 15px 0 0 0; display: none;}
#main.page_menu .mypage-menu-frame .other-menu ul li p { margin-bottom: 10px;}
#main.page_menu .mypage-menu-frame .other-menu ul li .customer-menu-custdest p a { padding: 0; color: #0064B4; text-decoration: underline;}
#main.page_menu .mypage-menu-frame .other-menu ul li .customer-menu-custdest p a:before { display: none;}

#main.page_menu .mypage-bottom-nav { margin: 0 10px 40px;}
#main.page_menu .mypage-bottom-nav li { border: #e2e2e2 1px solid; margin: 0 0 10px 0; background: #fff; box-sizing: border-box;}
#main.page_menu .mypage-bottom-nav li a  { height: 70px; text-indent: -9999px; text-decoration: none; display: block;}
#main.page_menu .mypage-bottom-nav li.nav_bnr_regular a { 
  background: url("../images/sp/mypage/mypage_bt_bnr_regular.jpg") center center no-repeat;
  -webkit-background-size: auto 32px; background-size: auto 32px;
}
#main.page_menu .mypage-bottom-nav li.nav_bnr_sample a  { 
  background: url("../images/sp/mypage/mypage_bt_bnr_sample.jpg") center center no-repeat;
  -webkit-background-size: auto 32px; background-size: auto 32px;
}
#main.page_menu .mypage-bottom-nav li.nav_bnr_first a   { 
  background: url("../images/sp/mypage/mypage_bt_bnr_first.jpg") center center no-repeat;
  -webkit-background-size: auto 32px; background-size: auto 32px;
}

/* History */
#main.page_history .common_headline1_ { background-size: auto 35px;}
#main.page_history .customer_status_ .brown { padding: 0 10px;}
#main.page_history .history-formlist-item  { margin-bottom: 75px;}
#main.page_history .history-span-top       { margin: 0 0 30px 0;}
#main.page_history .spandual-inner .desc   { padding: 8px 10px; margin: 0 0 20px 0; background: #f1f1f1;}
#main.page_history .spandual-inner dl         { width: 100%; padding: 6px 0; display: flex; align-items: center;}
#main.page_history .spandual-inner dt         { width: 120px; font-size: 14px; font-weight: bold;}
#main.page_history .spandual-inner dt::before { content: '['; display: inline;}
#main.page_history .spandual-inner dt::after  { content: ']'; display: inline;}
#main.page_history .spandual-inner dd         { width: calc(100% - 120px); font-size: 14px; font-weight: normal !important; color: #666;}
#main.page_history .spandual-inner .btn-detail { margin-left: 20px;}
#main.page_history .spandual-inner .btn-detail a { text-decoration: underline; font-size: 14px; font-weight: normal; color: #0064B4;}
#main.page_history .history-span-bottom        { margin: 0 10px;}
#main.page_history .history-order-processimage { margin: 0 0 20px 0; text-align: center;}
#main.page_history .history-order-goods        { margin-bottom: 20px;}
#main.page_history .history-order-goods-detail { margin-bottom: 10px; display: flex; align-items: center;}
#main.page_history .history-order-goods-detail .image { max-width: calc(35% - 20px); margin-right: 20px;}
#main.page_history .history-order-goods-detail .image img { max-height: 100%;}
#main.page_history .history-order-goods-detail .desc  { min-width: 65%; font-size: 14px;}
#main.page_history .history-order-goods-detail .desc .name1_ { font-size: 14px; font-weight: normal;}
#main.page_history .history-span-bottom .button { margin: 0 20px; text-align: center;}
#main.page_history .history-span-bottom .button img { width: 100%; max-width: 320px;}
#main.page_history .history-span-bottom .btn-detail { margin: 15px 0 0 0; text-align: center;}
#main.page_history .history-span-bottom .btn-detail a { font-size: 14px; text-decoration: underline; color: #0064B4;}

#main.page_history .navipage_.top_ { display: none;}
#main.page_history .navipage_ .qty-comment   { margin: 0 0 30px 0; text-align: center; display: block;}
#main.page_history .navipage_ .navipage-wrap { text-align: center;}
#main.page_history .navipage_now_ { margin: 0 4px 4px; padding: 7px 9px; border: 1px solid #0064B4; font-weight: bold; line-height: 1.0; text-decoration: none; background: #0064B4; color: #ffffff; display: inline-block;}
#main.page_history .navipage_ .navipage_reverse_ { margin-right: 0;}
#main.page_history .navipage_ .navipage_forward_ { margin-left: 0;}
#main.page_history .navipage_ a { padding: 8px 9px; margin: 0 4px 4px; border: 1px solid #e2e2e2; font-size: 12px; line-height: 1.0; text-decoration: none; color: #666; background-color: #FFF; display: inline-block;}
#main.page_history .navipage_ a:hover { text-decoration: none; background-color: #0064B4; border: 1px solid #0064B4; color: #fff;}
#main.page_history .navipage_ .navipage_first_ a { padding-left: 18px; background: url(../img/sys/navifirst.gif) left center no-repeat;}
#main.page_history .navipage_ .navipage_prev_ a  { padding-left: 12px; background: url(../img/sys/naviprev.gif) left center no-repeat;}
#main.page_history .navipage_ .navipage_next_ a  { padding-right: 12px; background: url(../img/sys/navinext.gif) right center no-repeat;}
#main.page_history .navipage_ .navipage_last_ a  { padding-right: 18px; background: url(../img/sys/navilast.gif) right center no-repeat;}
#main.page_history .navipage_ .navipage_first_ a:hover { background: #0064B4 url(../img/sys/navifirst_on.gif) left center no-repeat;}
#main.page_history .navipage_ .navipage_prev_ a:hover  { background: #0064B4 url(../img/sys/naviprev_on.gif) left center no-repeat;}
#main.page_history .navipage_ .navipage_next_ a:hover  { background: #0064B4 url(../img/sys/navinext_on.gif) right center no-repeat;}
#main.page_history .navipage_ .navipage_last_ a:hover  { background: #0064B4 url(../img/sys/navilast_on.gif) right center no-repeat;}

/* History Detail */
#main.page_historydetail .common_headline1_ { background-size: auto 35px;}
#main.page_historydetail .historydetail-top-spandual { padding: 8px 10px; margin: 0; background: #f1f1f1;}
#main.page_historydetail .spandual-inner dl          { width: 100%; padding: 6px 0; display: flex; align-items: center;}
#main.page_historydetail .spandual-inner dt          { width: 120px; font-size: 14px; font-weight: bold;}
#main.page_historydetail .spandual-inner dt::before  { content: '['; display: inline;}
#main.page_historydetail .spandual-inner dt::after   { content: ']'; display: inline;}
#main.page_historydetail .spandual-inner dd          { width: calc(100% - 120px); font-size: 14px; font-weight: normal !important; color: #666;}

#main.page_historydetail .historydetail-middle-spandual    { padding: 10px; margin: 0 0 70px 0; background: #fff;}
#main.page_historydetail .historydetail-middle-spandual dl { width: 100%; padding: 12px 0 18px; display: flex; align-items: center;}
#main.page_historydetail .historydetail-middle-spandual dt { width: 120px; font-size: 14px; font-weight: bold;}
#main.page_historydetail .historydetail-middle-spandual dd { width: calc(100% - 120px); font-size: 14px; font-weight: normal !important; color: #666;}
#main.page_historydetail .processimage_ { margin: 0 0 30px 0; text-align: center;}
#main.page_historydetail .historydetail-middle-spandual table { width: 100%; margin-bottom: 20px; border-top: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2;}
#main.page_historydetail .historydetail-middle-spandual th { width: 30%; padding: 15px 10px; font-size: 14px; vertical-align: middle; font-weight: bold; text-align: center; color: #666; background: #f7f7f7;}
#main.page_historydetail .historydetail-middle-spandual td { width: 70%; padding: 15px 10px; font-size: 14px; vertical-align: middle;}
#main.page_historydetail .historydetail-middle-spandual th.name_ { padding: 10px;}
#main.page_historydetail .historydetail-middle-spandual td.name_ { padding: 10px;}
#main.page_historydetail .goodslist_ .in-box { width: 100%; display: flex; justify-content: space-between; align-items: center;}
#main.page_historydetail .goodslist_ .in-box .image  { width: 65px;}
#main.page_historydetail .goodslist_ .in-box .image img { width: 65px; vertical-align: top;}
#main.page_historydetail .goodslist_ .in-box .desc   { width: calc(100% - 85px);}
#main.page_historydetail .goodslist_ .in-box .link   { margin-top: 5px;}
#main.page_historydetail .goodslist_ .in-box .link a { text-decoration: underline; font-weight: normal; color: #0064B4;}
#main.page_historydetail .btn-re-order     { margin: 0 20px; text-align: center;}
#main.page_historydetail .btn-re-order img { width: 100%; max-width: 320px;}

#main.page_historydetail .historydetail-bottom-spandual { margin: 0; background: #fff;}
#main.page_historydetail .historydetail-bottom-spandual table th,
#main.page_historydetail .historydetail-bottom-spandual table td { box-sizing: border-box; font-size: 14px;}
#main.page_historydetail table.sales_    { width: 100%; margin: 0 0 50px 0; border-top: none; display: table; border-bottom: 1px solid #E2E2E2;}
#main.page_historydetail table.sales_ th { width: 40%; padding: 15px 20px;}
#main.page_historydetail table.sales_ td { width: 60%; padding: 15px 20px; text-align: right;}
#main.page_historydetail table.sales_ .order-total th,
#main.page_historydetail table.sales_ .order-total td { background: #eff8fc !important;}
#main.page_historydetail table.method_    { width: 100%; margin: 0 0 50px 0; border-top: none; display: table; border-bottom: 1px solid #E2E2E2;}
#main.page_historydetail table.method_ th { width: 150px; padding: 15px 20px; vertical-align: middle;}
#main.page_historydetail table.method_ td { width: calc(100% - 150px); padding: 15px 20px;}
#main.page_historydetail table.sender_    { width: 100%; margin: 0 0 20px 0; border-top: none; display: table; border-bottom: 1px solid #E2E2E2;}
#main.page_historydetail table.sender_ th { padding: 15px 20px; font-weight: bold; color: #666; background: #f7f7f7;}
#main.page_historydetail table.sender_ td { padding: 15px 20px;}
#main.page_historydetail table.send_addr_ { width: 100%; margin: 0 0 80px 0; border-top: none; display: table; border-bottom: 1px solid #E2E2E2;}
#main.page_historydetail table.send_addr_ th { padding: 15px 20px; font-weight: bold; color: #666; background: #f7f7f7;}
#main.page_historydetail table.send_addr_ td { padding: 15px 20px; text-align: left;}
#main.page_historydetail table.send_addr_ td.head_ { min-width: 110px; max-width: 110px; width: 110px !important;}

/* Regular History */
#main.page_regularhistory .customer_status_ + .navipage_,
#main.page_regularhistory .navipage_.top_ { display: none;}
#main.page_regularhistory .navipage_ .qty-comment   { margin: 0 0 30px 0; text-align: center; display: block;}
#main.page_regularhistory .navipage_ .navipage-wrap { text-align: center;}
#main.page_regularhistory .navipage_now_ { margin: 0 4px 4px; padding: 7px 9px; border: 1px solid #0064B4; font-weight: bold; line-height: 1.0; text-decoration: none; background: #0064B4; color: #ffffff; display: inline-block;}
#main.page_regularhistory .navipage_ .navipage_reverse_ { margin-right: 0;}
#main.page_regularhistory .navipage_ .navipage_forward_ { margin-left: 0;}
#main.page_regularhistory .navipage_ a { padding: 8px 9px; margin: 0 4px 4px; border: 1px solid #e2e2e2; font-size: 12px; line-height: 1.0; text-decoration: none; color: #666; background-color: #FFF; display: inline-block;}
#main.page_regularhistory .navipage_ a:hover { text-decoration: none; background-color: #0064B4; border: 1px solid #0064B4; color: #fff;}
#main.page_regularhistory .navipage_ .navipage_first_ a { padding-left: 18px; background: url(../img/sys/navifirst.gif) left center no-repeat;}
#main.page_regularhistory .navipage_ .navipage_prev_ a  { padding-left: 12px; background: url(../img/sys/naviprev.gif) left center no-repeat;}
#main.page_regularhistory .navipage_ .navipage_next_ a  { padding-right: 12px; background: url(../img/sys/navinext.gif) right center no-repeat;}
#main.page_regularhistory .navipage_ .navipage_last_ a  { padding-right: 18px; background: url(../img/sys/navilast.gif) right center no-repeat;}
#main.page_regularhistory .navipage_ .navipage_first_ a:hover { background: #0064B4 url(../img/sys/navifirst_on.gif) left center no-repeat;}
#main.page_regularhistory .navipage_ .navipage_prev_ a:hover  { background: #0064B4 url(../img/sys/naviprev_on.gif) left center no-repeat;}
#main.page_regularhistory .navipage_ .navipage_next_ a:hover  { background: #0064B4 url(../img/sys/navinext_on.gif) right center no-repeat;}
#main.page_regularhistory .navipage_ .navipage_last_ a:hover  { background: #0064B4 url(../img/sys/navilast_on.gif) right center no-repeat;}

/* Mypage BANNER */
#main.page_menu .block-adb-winter-cp { margin-bottom: 20px;}
#main.page_menu .block-adb-winter-cp img { width: 100%;}

/* ----------------------------------
 LINE CONNECT
---------------------------------- */
/* Button */
#main .button_.large_button_.line_button_,
#main input.button_.large_button_.line_button_ {
	width: 100%;
  height: 60px;
	padding: 0 0 0 25px;
  margin-bottom: 10px;
  border: #0064B4 1px solid;
  border-radius: 15px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
	text-decoration: none;
  color: #0064B4;
  display: block;
	background-color: #FFF;
	background-image: url("../img/sys/ico_line.png");
	background-repeat: no-repeat;
	background-position: calc(50% - 6em - 25px) center;
	-webkit-background-size: 40px 40px;
	background-size: 40px 40px;
	position: relative;
	cursor: pointer;
}

/* 01:login */
#main .login_.col1_ div.loginform_.type_line_ button.line_button_ {
	border: none;
	font-size: 0;
	color: #FFF;
	background-color: #06C755;
	background-image: url("../img/sys/button/line_member_sp.png");
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
}
#main .login_.col1_ div.loginform_ .form_text_ .notice_text_ { padding: 0 0 0 1em; margin-top: 5px; font-size: 13px; line-height: 1.4; text-indent: -1em; color: #F00;}

/* 02:Entry */
#main.page_entry:has(.entry-login-line) .entry-login-btn { margin-bottom: 15px;}
#main.page_entry .entry-login-line { width: 80%; margin: 0 auto 40px;}
#main.page_entry .entry-login-line .button_.large_button_.line_button_ { 
	height: 50px;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
	font-size: 0;
	color: #FFF;
	background-color: #06C755;
	background-image: url("../img/sys/button/entry_login_line_sp.png");
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
}

/* 03:Mypage Mordal */
#main.page_menu .pickup-menu-line-modal { display: none;}
#main.page_menu .pickup-menu-line-modal-contents {
  background: rgba(0, 0, 0, 0.16);
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
#main.page_menu .pickup-menu-line-modal-contents * { box-sizing: border-box;}
#main.page_menu .pickup-menu-line-modal-inner { width: calc(100% - 20px); padding: 30px 15px; background: #FFF; box-sizing: border-box; position: relative;}
#main.page_menu .pickup-menu-line-modal-inner h2 { width: 100%; padding: 15px; margin: 0 0 20px; font-size: 18px; font-weight: bold; text-align: center; color: #747474; background: #F4F7FB;}
#main.page_menu .pickup-menu-line-modal-inner .text { margin: 0 0 20px; font-size: 14px; text-align: left; line-height: 1.8; color: #747474;}
#main.page_menu .pickup-menu-line-modal-inner .button { width: 100%; margin: 40px auto 0; text-align: center;}
#main.page_menu .pickup-menu-line-modal-inner .button button { padding: 0; margin: 0 auto; border: none; outline: none; background: none; cursor: pointer;}
#main.page_menu .pickup-menu-line-modal-inner .button button img { width: 100%; max-width: 460px;}
#main.page_menu .pickup-menu-line-modal-close {
  font-size: 16px;
  font-weight: 700;
  color: #FFF;
  display: flex;
  justify-content: flex-end;
  align-items: center;
	column-gap: 5px;
	background: none !important;
  position: absolute;
  top: -25px;
  right: 0;
	cursor: pointer;
}
#main.page_menu .pickup-menu-line-modal-close span { font-size: 20px; font-weight: bold; color: #FFF;}

/* 04:Complete */
#main .complete_add_line_frame_ { padding: 0 4.68%; margin: 30px auto; text-align: center; box-sizing: border-box;}
#main .complete_add_line_frame_ .poptext_ { margin: 0 0 10px; font-size: 14px; text-align: center; letter-spacing: 0.1em; color: #747474;}
#main .complete_add_line_frame_ .button_.large_button_.line_button_ {
	font-weight: 700;
	background-image: url("../img/sys/ico_line.png"), url("../img/sys/ico_blue_arrow.png");
	background-repeat: no-repeat, no-repeat;
	background-position: calc(50% - 4em - 25px) center, calc(50% + 4em + 30px) center;
	-webkit-background-size: 40px 40px, 6px 12px;
	background-size: 40px 40px, 6px 12px;
}