@charset "UTF-8";

body.pop-on	.pane-header { z-index: 99;}
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: 100%; box-sizing: border-box; position: relative; z-index: 112; background: #fff;}
#mask_pop_inner { padding-bottom: 20px;}
#mask_pop .mask-pop-close { width: 40px; height: 40px; border: #333 1px solid; border-radius: 40px; text-align: center; position: absolute; top: -20px; right: 0; background: #fff; cursor: pointer;}
#mask_pop .mask-pop-close::before,
#mask_pop .mask-pop-close::after { content: ''; width: 2px; height: 24px; background: #333; display: block; position: absolute; top: 7px; left: 18px; transform: rotate(-45deg);}
#mask_pop .mask-pop-close::after { transform: rotate(45deg);}
#mask_pop .block-relation-event { margin-top: 20px;}

/* button */
#mask_pop_wrap .slick-dots { position: relative; bottom: -15px;}
.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: 50px; padding: 0; margin: 0; border: 1px solid #F7CD46; border-radius: 0; font-size: 16px; text-align: center; line-height: 50px; 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 { margin-top: 30px; display: none; order: 41; position: relative;}
#sendfree_set h2 { width: 100%; padding: 0; margin: 0; font-size: 18px; font-weight: bold; text-align: center; position: absolute; top: -12px; left: 0; color: #ff8e1f; background: none;}
#sendfree_set h2 span { padding: 0 15px; background: #fff;}
#sendfree_set .sendfree-set-inner { padding: 10px; border: #ff8e1f 2px solid;}
#sendfree_set .block-pickup-list-p--items li { padding: 0; border: none;}
#sendfree_set .block-pickup-list-p--goods { display: flex; justify-content: space-between;}
#sendfree_set .block-pickup-list-p--goods + .block-pickup-list-p--goods { margin-top: 20px;}
#sendfree_set .block-pickup-list-p--goods-image { width: 110px; padding: 0; margin: 0; display: flex; justify-content: space-between;}
#sendfree_set .block-pickup-list-p--goods-image figure { padding: 0; background: none;}
#sendfree_set .block-pickup-list-p--goods-description { width: calc(100% - 130px); padding: 0; font-size: 14px;}
#sendfree_set .block-pickup-list-p--goods-name { font-size: 14px; letter-spacing: 0; line-height: 1.5;}
#sendfree_set .block-pickup-list-p--comment { margin: 0 0 10px; font-size: 14px; letter-spacing: 0; line-height: 1.5;}
#sendfree_set .block-pickup-list-p--price { font-size: 14px; letter-spacing: 0; line-height: 1.5;}
#sendfree_set .add-cart--btn { margin-top: 10px;}
#sendfree_set .add-cart--btn a { padding: 10px; font-size: 14px; 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 { padding: 10px; text-align: center; background: #f6f6f6; box-sizing: border-box; order: 39; display: none;}
#chiniAshi_notice p { font-size: 14px; line-height: 1.7;}
#chiniAshi_notice a { margin-top: 5px; font-size: 12px; text-decoration: underline; position: relative; display: inline-block;}
#chiniAshi_notice strong { margin: 0 5px 0 0; font-weight: bold; color: #ff8e1f;}
#chiniAshi_notice a::after { content: ''; width: 18px; height: 5px; margin: -2px auto 0; position: absolute; top: 50%; right: -38px;
display: block; background: url(../../img/usr/common/icon_arrow_black_sp.png) 0 0 no-repeat; background-size: auto; background-size: 100% auto;}