@charset "UTF-8";

body.pop-on { overflow: hidden;}
body.pop-on .Popupfilter { width: 100vw; height: 100vh; background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; z-index: 100;}
#mask_pop_wrap { display: none;}
body.pop-on #mask_pop_wrap { width: 100vw; min-height: 100vh; z-index: 101; display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0;}
body.pop-on #mask_pop { width: 1200px; box-sizing: border-box; position: relative; z-index: 112; background: #fff;}
#mask_pop_inner { padding-bottom: 20px;}
#mask_pop .mask-pop-close { width: 70px; height: 70px; border: #333 1px solid; border-radius: 70px; text-align: center; position: absolute; top: -35px; right: -35px; background: #fff; cursor: pointer;}
#mask_pop .mask-pop-close::before,
#mask_pop .mask-pop-close::after { content: ''; width: 2px; height: 40px; background: #333; display: block; position: absolute; top: 14px; left: 33px; transform: rotate(-45deg);}
#mask_pop .mask-pop-close::after { transform: rotate(45deg);}
#mask_pop .block-relation-event--main > div { width: auto;}
#mask_pop .block-relation-event { padding: 40px 48px; border-bottom: none;}
#mask_pop .block-relation-event .block-pickup-list-p--goods { width: 200px;}
#mask_pop .block-relation-event .block-pickup-list-p--goods figure { width: 200px; height: 200px;}

/* button */
.block-pop-add-cart { display: none !important;}
#mask_pop_wrap .block-pop-add-cart { margin: 10px 0 0 0; display: block !important;}
#mask_pop_wrap .block-pop-add-cart--btn { width: 100%; height: 60px; padding: 0; margin: 0; border: 1px solid #F7CD46; border-radius: 0; font-size: 16px; text-align: center; line-height: 60px; position: relative; color: #fff; background: #F7CD46; transition: all 0.3s; display: block; text-decoration: none;}
#mask_pop_wrap .block-pop-add-cart--btn:before { content: ""; width: 26px; height: 27px; display: inline-block; position: relative; top: 8px; left: -12px; background: url(/img/icon/icon_cart.png) no-repeat;}
#mask_pop_wrap .block-pop-add-cart--btn:hover { opacity: 0.7;}

/* SendFree */
#sendfree_set { width: 860px; display: none; position: relative;}
#sendfree_set h2 { width: 100%; padding: 0; margin: 0; font-size: 24px; font-weight: bold; text-align: center; position: absolute; top: -15px; left: 0; color: #ff8e1f;}
#sendfree_set h2 span { padding: 0 15px; background: #fff;}
#sendfree_set .sendfree-set-inner { padding: 30px 0 5px 40px; border: #ff8e1f 2px solid;}
#sendfree_set .block-pickup-list-p--goods { width: 245px; margin-bottom: 0;}
#sendfree_set .block-pickup-list-p--goods-image figure { width: 245px; height: 245px;}
#sendfree_set .add-cart--btn { margin-top: 15px;}
#sendfree_set .add-cart--btn a { padding: 10px; font-size: 16px; text-decoration: none; color: #fff; background: #F7CD46; transition: all 0.3s; display: flex; justify-content: center; align-items: center;}
#sendfree_set .add-cart--btn a::before { content: ""; width: 21px; height: 20px; display: inline-block; position: relative; top: -1px; left: -10px; background: url(/img/icon/icon_cart.png) no-repeat; -webkit-background-size: 100% auto; background-size: 100% auto;}

/* chiniAshi notice */
#chiniAshi_notice { width: 860px; padding: 10px; text-align: center; background: #f6f6f6; box-sizing: border-box; display: none;}
#chiniAshi_notice p { font-size: 16px;}
#chiniAshi_notice a { padding: 0 55px 0 0; margin-left: 20px; font-size: 14px; text-decoration: underline; position: relative;}
#chiniAshi_notice strong { margin: 0 5px 0 0; font-weight: bold; color: #ff8e1f;}
#chiniAshi_notice a::after { content: ''; width: 27px; height: 5px; margin: -5px auto 0; position: absolute; top: 50%; right: 0; display: block; background: url(/img/usr/common/arrow01.png) 0 0 no-repeat; background-size: 100% auto;}
