@charset "UTF-8";
.op50 { filter: alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; }

.op65, .addCartModalBlc .modalClose > .closeBtn:hover, .addCartModalBlc .blcProductsListArea ul.blcProductsList li a:hover .inBlock img, #modal-beauty-mall .modalCloseBtn:hover, #modal-cart4 .modalCloseBtn:hover { filter: alpha(opacity=65); -moz-opacity: 0.65; opacity: 0.65; }

.op70 { filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }

.op80, .addCartModalBlc .blcCouponArea .blcInner .blcUpperArea a:hover, .btn.orange:hover, .btn.orange a:hover, .btn.register:hover, .btn.register a:hover, .btn.moreShopping:hover, .btn.moreShopping a:hover { filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; }

.op100, .btn.orange.disabled:hover, .btn.orange.disabled a:hover, .btn.register.disabled:hover, .btn.register.disabled a:hover, .btn.moreShopping.complete:hover, .btn.moreShopping.complete a:hover { filter: alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00; }

.slow04 { -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

.maxW1600 { max-width: 1600px; margin: 0 auto; }

.pu_overlay { display: none; position: fixed; top: 0; left: 0; filter: alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; background: #000000; z-index: 9000; }

.addCartModalBlc { display: none; position: fixed; left: 50%; top: 50%; width: 720px; -webkit-box-shadow: none; background: #ffffff; z-index: 9001; padding: 30px; box-sizing: border-box; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 1px 0px 0px #e5e5e5; -webkit-box-shadow: 0px 1px 0px 0px #e5e5e5; box-shadow: 0px 1px 0px 0px #e5e5e5; }
.addCartModalBlc .blcTitleArea { font-size: 22px; padding-right: 30px; padding-bottom: 25px; }
.addCartModalBlc .blcTitleArea .elTitle { display: inline-block; margin: 0 auto; width: auto; padding: 0; line-height: 1; }
.addCartModalBlc .modalClose > .closeBtn { display: block; position: absolute; top: 20px; right: 20px; width: 28px; height: 28px; background: url(/resource/common/pc/images/icons/icon_close_01.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px; }
.addCartModalBlc .blcSelectBtnArea { width: 510px; margin: 0 auto; }
.addCartModalBlc .blcSelectBtnArea .col { display: block; float: left; width: 240px; padding: 14px 0; }
.addCartModalBlc .blcSelectBtnArea .col:focus { outline: none; }
.addCartModalBlc .blcSelectBtnArea .register { font-weight: bold; margin-left: 30px; }
.addCartModalBlc .blcUpperArea { margin: 30px 0 30px; border-top: solid 1px #f4f4f4; border-bottom: solid 1px #f4f4f4; }
.addCartModalBlc .blcUpperArea a { display: block; position: relative; padding: 16px 10px 16px 15px; color: #000000; text-decoration: none; }
.addCartModalBlc .blcUpperArea a .elTitle { display: inline-block; font-size: 14px; font-weight: bold; }
.addCartModalBlc .blcUpperArea a .elSubText { color: #e03311; display: inline-block; font-size: 14px; font-weight: bold; margin-left: 15px; }
.addCartModalBlc .blcUpperArea a:after { content: ""; display: block; width: 7px; height: 7px; position: absolute; top: 40%; right: 17px; border-right: 2px solid #cfcfcf; border-top: 2px solid #cfcfcf; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.addCartModalBlc .blcUpperArea .detail { float: left; margin-left: 10px; width: 220px; cursor: pointer; }
.addCartModalBlc .blcUpperArea .detail .detailBox { display: table; }
.addCartModalBlc .blcUpperArea .detail .detailBox .detailInner { display: table-cell; height: 50px; vertical-align: middle; }
.addCartModalBlc .blcUpperArea .detail .detailBox .detailInner .name { display: block; margin-bottom: 5px; }
.addCartModalBlc .blcCouponArea { margin-top: 30px; }
.addCartModalBlc .blcCouponArea .blcInner { overflow-y: auto; min-height: 200px; max-height: 350px; }
.addCartModalBlc .blcCouponArea .blcInner .elBnrTxt { background: #f3f3f3; font-size: 14px; font-weight: bold; padding: 10px 10px 10px 17px; }
.addCartModalBlc .blcCouponArea .blcInner .blcUpperArea { margin: 0; padding: 8px 0; position: relative; }
.addCartModalBlc .blcCouponArea .blcInner .blcUpperArea a { display: table; padding: 0; }
.addCartModalBlc .blcCouponArea .blcInner .blcUpperArea a:hover { transition: all 0.4s ease; }
.addCartModalBlc .blcCouponArea .blcInner .blcUpperArea a .imgBox { display: table-cell; width: 60px; height: 60px; padding-left: 15px; text-align: center; vertical-align: top; }
.addCartModalBlc .blcCouponArea .blcInner .blcUpperArea a .imgBox img[src*="coupon_noimage_01.png"] { border: solid 1px #ccc; box-sizing: border-box; }
.addCartModalBlc .blcCouponArea .blcInner .blcUpperArea a .detailBox { display: table-cell; margin-left: 60px; padding: 0 28px 0 10px; vertical-align: top; max-width: 568px; box-sizing: border-box; }
.addCartModalBlc .blcCouponArea .blcInner .blcUpperArea a .detailBox .badge.recommend { background: #cfba7a; color: #ffffff; display: inline-block; font-size: 12px; font-weight: bold; line-height: 1; padding: 6px; margin-bottom: 5px; }
.addCartModalBlc .blcCouponArea .blcInner .blcUpperArea a .detailBox .elTitle { display: block; font-size: 14px; margin-bottom: 3px; }
.addCartModalBlc .blcCouponArea .blcInner .blcUpperArea a .detailBox .termsList { max-height: 60px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.addCartModalBlc .blcCouponArea .blcInner .blcUpperArea a .detailBox .termsList li { color: #666; display: inline; }
.addCartModalBlc .blcCouponArea .blcInner .blcUpperArea a .detailBox .termsList li:last-child:after { content: none; }
.addCartModalBlc .blcCouponArea .blcInner .blcUpperArea a .detailBox .termsList li:after { content: '/'; margin: 0 0 0 4px; }
.addCartModalBlc .blcCouponArea .blcInner .blcUpperArea a .detailBox .termsList li .text:after { content: "、"; }
.addCartModalBlc .blcCouponArea .blcInner .blcUpperArea a .detailBox .termsList li .text:last-child:after { content: none; }
.addCartModalBlc .blcCouponArea .blcInner .blcUpperArea a:after { width: 0; height: 0; }
.addCartModalBlc .blcCouponArea .blcInner .blcUpperArea:after { content: ""; display: block; width: 7px; height: 7px; position: absolute; top: 50%; right: 10px; border-right: 2px solid #cfcfcf; border-top: 2px solid #cfcfcf; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px; }
.addCartModalBlc .blcCouponArea .blcInner .blcAttentionArea { padding: 16px 10px 16px 0px; }
.addCartModalBlc .blcCouponArea .blcInner .blcAttentionArea p { color: #666; font-size: 12px; }
.addCartModalBlc .blcCouponArea .blcInner .blcAttentionArea .bold { font-weight: bold; }
.addCartModalBlc .blcProductsListArea { margin: 0 auto; width: auto; overflow: hidden; }
.addCartModalBlc .blcProductsListArea ul.blcProductsList { display: block; box-sizing: border-box; font-size: 0; }
.addCartModalBlc .blcProductsListArea ul.blcProductsList li { display: inline-block; width: 150px; margin: 0 0 5px 20px; vertical-align: top; font-size: 16px; box-sizing: border-box; }
.addCartModalBlc .blcProductsListArea ul.blcProductsList li:first-child { margin-left: 0; }
.addCartModalBlc .blcProductsListArea ul.blcProductsList li a, .addCartModalBlc .blcProductsListArea ul.blcProductsList li a:hover, .addCartModalBlc .blcProductsListArea ul.blcProductsList li a:active { text-decoration: none; }
.addCartModalBlc .blcProductsListArea ul.blcProductsList li .inBlock { color: #c5c1b6; text-align: center; width: 150px; height: 150px; }
.addCartModalBlc .blcProductsListArea ul.blcProductsList li .inBlock.noItem { padding: 34%; font-size: 36px; font-weight: bold; }
.addCartModalBlc .blcProductsListArea ul.blcProductsList li .blcTextArea span { color: #666666; font-size: 14px; }
.addCartModalBlc .blcProductsListArea ul.blcProductsList li .blcTextArea .blcQuantity { font-size: 12px; text-align: center; }
.addCartModalBlc .blcProductsListArea ul.blcProductsList li .blcTextArea .elItemName { display: block; max-height: 37px; margin-top: 10px; overflow: hidden; text-align: left; line-height: 18.5px; }
.addCartModalBlc .blcProductsListArea ul.blcProductsList li .blcTextArea .elItemName .cat { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.addCartModalBlc .blcProductsListArea ul.blcProductsList li .blcTextArea .elItemPrice { font-size: 18px; color: #e03311; font-weight: bold; display: block; text-align: left; margin-top: 6px; }
.addCartModalBlc .blcProductsListArea ul.blcProductsList li .blcTextArea .blcQuantity { display: block; }
.addCartModalBlc.itemGroupSetModal { max-height: 520px; }
.addCartModalBlc.itemGroupSetModal.recommend .blcUpperArea { background: #f3f3f3; padding: 10px 15px; }
.addCartModalBlc.itemGroupSetModal.recommend .blcUpperArea .elTitle { font-size: 14px; font-weight: bold; }
.addCartModalBlc.itemGroupSetModal.group.addCartModalBlc { margin-top: 0 !important; }
.addCartModalBlc.addCartModal_default .blcSelectBtnArea { border-bottom: none; padding-bottom: 0; }
.addCartModalBlc.addCartModal_regularOdr .blcTitleArea .elTitle { background: none; padding-left: 0; }
.addCartModalBlc.notAllAddModal { height: auto; max-height: 385px; }
.addCartModalBlc.notAllAddModal .blcProdArea { margin-top: 40px; }
.addCartModalBlc.notAllAddModal .blcProdArea .blcInner .elBnrTxt { background: #f3f3f3; color: #333; font-weight: bold; padding: 10px 10px 10px 17px; }
.addCartModalBlc.notAllAddModal .blcProdArea .blcInner .prodList { list-style: disc; padding: 10px 0 10px 30px; max-height: 85px; overflow-y: auto; box-sizing: border-box; }

/*    medicine modal cart
--------------------------------*/
#modal-cart4 { padding-top: 1px; }
#modal-cart4 .medicine-popup { margin: 0 auto; }
#modal-cart4 .medicine-popup .columnPoptype { padding: 0 20px 0px; }
#modal-cart4 #h1_module_firstClass { padding: 0 2px 10px; }
#modal-cart4 #h1_module_firstClass p.h1 { color: #333; font-size: 1.8em; font-weight: bold; display: table-cell; vertical-align: middle; padding-right: 30px; }
#modal-cart4 #medicine-convent { width: 730px; }

/*   modal header step
--------------------------*/
#h1_module ul.modalStep { margin: 5px 0 10px; width: 300px; display: table-cell; vertical-align: middle; }
#h1_module ul.modalStep li { float: left; background: url(/resource/common/pc/images/icons/arrow_odr.gif) no-repeat right center; padding: 0 20px 0 0; }
#h1_module ul.modalStep li.cur span { background-color: #ABABAB; color: #fff; }
#h1_module ul.modalStep li.end { background-image: none; padding: 0; }
#h1_module ul.modalStep li span { background-color: #fff; border: 1px solid #ABABAB; color: #ABABAB; display: block; font-size: 1.2em; font-weight: bold; height: 30px; line-height: 30px; text-align: center; min-width: 100px; padding: 0 10px; }

/*   medicine modal cart button group
----------------------------------------*/
.medicine-popup .detailContentBody { font-size: 1.2em; }
.medicine-popup .detailContentBody .cartMsg { background-color: #FFF; width: auto; margin-top: 15px; }
.medicine-popup .detailContentBody .cartMsg .medicMdBtn { position: static; padding-bottom: 20px; text-align: center; }
.medicine-popup .detailContentBody .medicMdBtn button.disabled, .medicine-popup .detailContentBody .medicMdBtn button[disabled] { background-color: #e5e5e5; border: 1px solid #dddddd; text-shadow: none; box-shadow: none; color: #fff; cursor: default; }
.medicine-popup .detailContentBody .medicMdBtn button:active { position: relative; top: 0px; }

/*     medicInfo 外部ファイルエリア
----------------------------------------------*/
.medicInfo { margin-top: 20px; border: 1px solid #333; background: #efefef; padding: 10px; }

/*    第１類医療品購入前チェックシート  20140819
-----------------------------------------------*/
/*カゴ*/
.differAddr { clear: both; padding: 0; }
.differAddr p { font-size: 1.4em; }

.btnBox .druggistCk { float: right; }
.btnBox .druggistCk a { width: 215px; padding: 15px; font-size: 2.2em; }
.btnBox .druggistAttn { clear: right; float: right; width: 330px; font-size: 1.4em; text-align: center; margin: 10px auto 0; line-height: 1; }

p.drugShipFromCmt { color: #ce002e; }

#validationAttn { display: none; }
#validationAttn p { font-size: 1.2em; color: #e03311; }

/*      第1類医薬品
--------------------------*/
#h1_module_firstClass p.h1 { font-size: 1.4em; }
#h1_module_firstClass p.summary { font-size: 1.2em; }
#h1_module_firstClass ul.modalStep { *position: relative; display: block; margin-top: 10px; }
#h1_module_firstClass ul.modalStep li { float: left; padding: 0 20px 0 0; position: relative; height: 50px; }
#h1_module_firstClass ul.modalStep li:not(:last-child):after { content: ""; display: block; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid #333; position: absolute; top: 10px; right: 6px; }
#h1_module_firstClass ul.modalStep li.cur span:first-child { background-color: #333; color: #fff; }
#h1_module_firstClass ul.modalStep li.end { background-image: none; padding: 0; }
#h1_module_firstClass ul.modalStep li span:first-child { background-color: #ababab; border: 1px solid #ABABAB; color: #fff; display: block; font-size: 1.4em; font-weight: bold; height: 30px; line-height: 30px; text-align: center; min-width: 140px; padding: 0 10px; }
#h1_module_firstClass ul.modalStep li span.stepCmt { position: absolute; left: 0; bottom: 0px; width: 165px; height: 16px; font-size: 1.2em; text-align: center; text-indent: -5px; }

#modal-cart4.drugFirst #orderConfirmation .ttl { font-size: 1.3em; font-weight: bold; margin-top: 10px; margin-bottom: 20px; }
#modal-cart4.drugFirst #orderConfirmation .medicInterview { font-size: 1.2em; margin-top: 10px; line-height: 1.6em; }
#modal-cart4.drugFirst #orderConfirmation .itemqtn { margin-bottom: 20px; width: 635px; }
#modal-cart4.drugFirst #orderConfirmation .itemqtn > p { float: left; width: 47%; margin-right: 2%; font-weight: bold; }
#modal-cart4.drugFirst #orderConfirmation .itemqtn .valText { width: 50%; float: right; font-size: 0.9em; color: #e03311; margin-right: 0; }
#modal-cart4.drugFirst #orderConfirmation .itemqtn .attn { display: block; font-size: 0.9em; font-weight: normal; line-height: 1.3; }
#modal-cart4.drugFirst #orderConfirmation .itemqtn ul { float: left; width: 180px; min-height: 26px; }
#modal-cart4.drugFirst #orderConfirmation .itemqtn ul li { float: left; }
#modal-cart4.drugFirst #orderConfirmation .itemqtn ul li label { cursor: pointer; display: block; }
#modal-cart4.drugFirst #orderConfirmation .itemqtn .ageData input { padding: 5px 0; width: 40px !important; height: 20px !important; text-align: center; vertical-align: middle; border: solid 1px #cccccc; }
#modal-cart4.drugFirst #orderConfirmation .itemqtn ul li:first-child { margin-right: 40px; }
#modal-cart4.drugFirst #orderConfirmation .itemqtn input { margin-right: 8px; vertical-align: middle; }
#modal-cart4.drugFirst #orderConfirmation .itemqtn label > span { vertical-align: middle; width: auto; margin: 0; cursor: pointer; }
#modal-cart4.drugFirst #orderConfirmation .itemqtn .ageData span { line-height: 2.3em; vertical-align: middle; }
#modal-cart4.drugFirst #orderConfirmation .itemqtn select { font-size: 1.0em; width: 48%; -moz-appearance: menulist; -webkit-appearance: menulist; appearance: menulist; }
#modal-cart4.drugFirst #orderConfirmation .itemqtn label.necessaryForm { width: 49%; float: right; clear: right; *clear: none; margin-top: 5px; margin-right: 10px; }
#modal-cart4.drugFirst #orderConfirmation .itemqtn label.necessaryForm > span { display: block; }
#modal-cart4.drugFirst #orderConfirmation .itemqtn label textarea { width: 100%; }
#modal-cart4.drugFirst #orderConfirmation .itemqtn label input[type="radio"] { display: none; }
#modal-cart4.drugFirst #orderConfirmation .itemqtn label input[type="radio"] + span { background: url(/resource/common/pc/images/icons/icon_radio_01.png) no-repeat 0 50%; padding-left: 21px; cursor: pointer; }
#modal-cart4.drugFirst #orderConfirmation .itemqtn label input[type="radio"]:checked + span { background: url(/resource/common/pc/images/icons/icon_radio_02.png) no-repeat 0 50%; }
#modal-cart4.drugFirst .cartMsg { margin-top: 40px; }
#modal-cart4.drugFirst .medicMdBtn { padding-bottom: 40px; }
#modal-cart4.drugFirst .medicMdBtn .cartBtns { display: block; margin: 0 auto 15px; }
#modal-cart4.drugFirst .medicMdBtn .cartBtns .btn.moreShopping { margin-right: 10px; }
#modal-cart4.drugFirst .medicMdBtn a.cartCancel { display: inline-block; }
#modal-cart4.drugFirst .cautionMk { background: #fff6d0; }
#modal-cart4.drugFirst .drugSiteMapping th { font-weight: bold; }

/*      ロハコドラッグ薬剤師相談窓口
----------------------------------------*/
#modal-cart4.drugFirst .infoBoard.greenBlock { border-top: solid 5px #390; background: #ECF2E8; }
#modal-cart4.drugFirst .infoBoard.greenBlock h2 { border-bottom: solid 1px #B3CEA3; padding: 7px 20px; margin: 0; font-size: 16px; font-weight: bold; }
#modal-cart4.drugFirst .infoBoard.greenBlock .sectionBody { border-top: solid 1px #fff; padding: 7px 20px; }
#modal-cart4.drugFirst .infoBoard p { margin: 0 0 5px; line-height: 1.4; font-size: 1em; }
#modal-cart4.drugFirst .drugSiteMapping { border-collapse: collapse; background: #fff; margin: 0 auto 10px; width: 100%; border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 0; border-style: solid; border-color: #c3c3c3; }
#modal-cart4.drugFirst .drugSiteMapping .hd { background-color: #efefef; border-bottom: 2px solid #aaa; }
#modal-cart4.drugFirst .drugSiteMapping { border-collapse: collapse; background: #fff; }
#modal-cart4.drugFirst .drugSiteMapping th, #modal-cart4.drugFirst .drugSiteMapping td { font-size: 13px; border: 1px solid #bbb; padding: 3px 7px; text-align: center; vertical-align: middle; }
#modal-cart4.drugFirst table th { background-color: #efefef; padding: 5px; vertical-align: middle; }
#modal-cart4.drugFirst .drugSiteMapping .site { font-weight: bold; }
#modal-cart4.drugFirst .infoBoard .mod_linkBlankB { background-image: none; padding: 0; }
#modal-cart4.drugFirst .necessaryForm, #modal-cart4.drugFirst .valText { display: none; margin-left: 0; }

.medicalInfo h4 { border-bottom: 1px solid #B3CEA3; font-size: 16px; padding: 5px 15px; }

.medicalInfo .section { padding: 10px; border-top: 1px solid #fff; padding: 5px 15px 10px; }

.drugSiteMapping { border-collapse: collapse; background: #fff; }

.drugSiteMapping .hd { background-color: #efefef; border-bottom: 2px solid #aaa; }

.drugSiteMapping .site { font-weight: bold; }

.drugSiteMapping th, .drugSiteMapping td { border: 1px solid #bbb; padding: 3px 7px; text-align: center; vertical-align: middle; }

/* cart modal */
#modal-cart .cartMsg, #modal-cart-regular .cartMsg, #modal-cart-err .cartMsg { background-color: #fff; border: 1px solid #fff; width: 810px; }
#modal-cart .cartMsg p, #modal-cart-regular .cartMsg p, #modal-cart-err .cartMsg p { background: #e4e4e4; border-bottom: 1px solid #fff; font-size: 1.6em; font-weight: bold; padding: 10px; }
#modal-cart .cartMsg p.cartSuggest, #modal-cart-regular .cartMsg p.cartSuggest, #modal-cart-err .cartMsg p.cartSuggest { background: #fff; font-weight: normal; }

#modal-cart .cartMsg .cmTtl, #modal-cart-regular .cartMsg .cmTtl { background: #e4e4e4; border-bottom: 1px solid #fff; overflow: hidden; }
#modal-cart .cartMsg .cmTtl p, #modal-cart-regular .cartMsg .cmTtl p { width: 60%; float: left; background: none; }
#modal-cart .cartMsg .cmTtl .cart_close, #modal-cart-regular .cartMsg .cmTtl .cart_close { font-size: 14px; font-weight: normal; color: #555; float: right; background-image: url(/resource/common/pc/images/icons/ico_modal_close.png); background-repeat: no-repeat; margin-top: 15px; padding-left: 15px; display: inline-block; line-height: 1em; width: 55px; height: 11px; }
#modal-cart .cartMsg p, #modal-cart-regular .cartMsg p { padding: 10px; background: #fff; font-size: 1.6em; font-weight: bold; }
#modal-cart .cartMsg p.cmBtn, #modal-cart-regular .cartMsg p.cmBtn { background: #fff; border-bottom: medium none; font-size: 1.4em; margin: 25px auto; padding: 0; text-align: center; /* width: 400px; */ }
#modal-cart .cartMsg p.cmBtn:after, #modal-cart-regular .cartMsg p.cmBtn:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
#modal-cart .cartMsg p.cmBtn a, #modal-cart-regular .cartMsg p.cmBtn a { font-size: 14px; }
#modal-cart .btn.cart, #modal-cart-regular .btn.cart { width: 106px; float: none; border-radius: 2em; line-height: 1.2em; }
#modal-cart .btn.moreShopping, #modal-cart-regular .btn.moreShopping { width: 140px; margin-right: 20px; padding: 1.3em 3.9em 1.3em; }
#modal-cart .btn.register, #modal-cart-regular .btn.register { width: 127px; padding: 1.3em 3.9em 1.3em; }
#modal-cart p.cartSuggest, #modal-cart-regular p.cartSuggest { background: #fff; font-size: 1.4em; font-weight: normal; text-align: center; margin-top: 30px; }
#modal-cart p.price, #modal-cart-regular p.price { background: #fff; text-align: right; color: #D80000; }
#modal-cart .modalRecommendBox, #modal-cart-regular .modalRecommendBox { background: #fff; margin-top: 50px; }
#modal-cart .modalRecommendBox h3, #modal-cart-regular .modalRecommendBox h3 { color: #333; text-align: left; font-size: 1.4em; padding-bottom: 5px; margin: 0 20px; border-bottom: 1px solid #333; }
#modal-cart .recommendItem, #modal-cart-regular .recommendItem { width: 170px; min-height: 200px; text-align: center; float: left; padding: 5px 15px; }
#modal-cart .recommendItem.firstChild, #modal-cart-regular .recommendItem.firstChild { margin-left: 10px; }
#modal-cart .recommendItem.itemPhoto, #modal-cart-regular .recommendItem.itemPhoto { min-height: 173px; }
#modal-cart a span.itemLink, #modal-cart-regular a span.itemLink { font-size: 1.2em; line-height: 1.5; height: 35px; overflow: hidden; }
#modal-cart a:hover span.itemLink, #modal-cart-regular a:hover span.itemLink { text-decoration: underline; }

dd.btnArea .btn.cart { width: 106px; float: none; border-radius: 2em; line-height: 1.2em; }

#modal-cart .btn.cart.medium, #modal-cart-regular .btn.cart.medium, dd.btnArea .btn.cart.medium { padding: .6em 1.8em .6em; }
#modal-cart .btn.cart.medium span, #modal-cart-regular .btn.cart.medium span, dd.btnArea .btn.cart.medium span { background: url(/resource/common/pc/images/icons/btn_cart01.png) no-repeat left center; display: inline-block; line-height: 1; padding: 0 0 0 24px; text-align: center; line-height: 1.5; }

/*   cart modal recommend
---------------------------*/
.btn.orange, .btn.cart, .btn.moreShopping, .btn.register { color: #FFFFFF; border: solid 1px #EB931B; background: #F16D01; }

/*   おためしモーダル
------------------------*/
#modal-beauty-mall { display: none; position: fixed; left: 0; right: 0; width: 760px; background: #ffffff; z-index: 9001; padding: 30px; box-sizing: border-box; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 4px 10px 0px #888888; -webkit-box-shadow: 0px 4px 10px 0px #888888; box-shadow: 0px 4px 10px 0px #888888; font-size: 10px; margin: auto; }
#modal-beauty-mall .modalCloseBtn { display: block; position: absolute; top: 20px; right: 20px; width: 28px; height: 28px; background: url(/resource/common/pc/images/icons/icon_close_01.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px; }
#modal-beauty-mall .btMsg { background-color: #fff; width: 700px; }
#modal-beauty-mall .btMsg .btInner #bt_Ttl { overflow: hidden; border-bottom: 1px solid #e1ded7; }
#modal-beauty-mall .btMsg .btInner #bt_Ttl p { float: left; font-weight: normal; font-size: 22px; padding-bottom: 15px; }
#modal-beauty-mall .btMsg .btInner .btSuggest { padding: 25px 0; font-size: 1.2em; }
#modal-beauty-mall .btMsg .btInner .btChk { padding: 10px 0; font-size: 1.2em; line-height: 1.6em; }
#modal-beauty-mall .btMsg .btInner .btChk .itemqtn01, #modal-beauty-mall .btMsg .btInner .btChk .itemqtn02, #modal-beauty-mall .btMsg .btInner .btChk .itemqtn03 { margin-bottom: 10px; }
#modal-beauty-mall .btMsg .btInner .btChk .itemqtn01 p, #modal-beauty-mall .btMsg .btInner .btChk .itemqtn02 p, #modal-beauty-mall .btMsg .btInner .btChk .itemqtn03 p { margin-bottom: 10px; font-size: 1.2em; }
#modal-beauty-mall .btMsg .btInner .btChk .itemqtn01 span.qNum, #modal-beauty-mall .btMsg .btInner .btChk .itemqtn02 span.qNum, #modal-beauty-mall .btMsg .btInner .btChk .itemqtn03 span.qNum { width: 55px; float: left; }
#modal-beauty-mall .btMsg .btInner .btChk .itemqtn01 span.qTxt, #modal-beauty-mall .btMsg .btInner .btChk .itemqtn02 span.qTxt, #modal-beauty-mall .btMsg .btInner .btChk .itemqtn03 span.qTxt { width: 625px; float: left; }
#modal-beauty-mall .btMsg .btInner .btChk .itemqtn01 ul, #modal-beauty-mall .btMsg .btInner .btChk .itemqtn02 ul, #modal-beauty-mall .btMsg .btInner .btChk .itemqtn03 ul { margin-left: 54px; margin-bottom: 10px; }
#modal-beauty-mall .btMsg .btInner .btChk .itemqtn01 ul li, #modal-beauty-mall .btMsg .btInner .btChk .itemqtn02 ul li, #modal-beauty-mall .btMsg .btInner .btChk .itemqtn03 ul li { display: inline-block; *display: inline; *zoom: 1; margin-right: 20px; font-size: 1.2em; font-weight: bold; }
#modal-beauty-mall .btMsg .btInner .btChk .itemqtn01 ul li input[type="radio"], #modal-beauty-mall .btMsg .btInner .btChk .itemqtn02 ul li input[type="radio"], #modal-beauty-mall .btMsg .btInner .btChk .itemqtn03 ul li input[type="radio"] { display: none; }
#modal-beauty-mall .btMsg .btInner .btChk .itemqtn01 ul li span, #modal-beauty-mall .btMsg .btInner .btChk .itemqtn02 ul li span, #modal-beauty-mall .btMsg .btInner .btChk .itemqtn03 ul li span { background: url(/resource/common/pc/images/icons/icon_radio_01.png) no-repeat 0 50%; padding-left: 21px; cursor: pointer; }
#modal-beauty-mall .btMsg .btInner .btChk .itemqtn01 ul li input[type="radio"]:checked + span, #modal-beauty-mall .btMsg .btInner .btChk .itemqtn02 ul li input[type="radio"]:checked + span, #modal-beauty-mall .btMsg .btInner .btChk .itemqtn03 ul li input[type="radio"]:checked + span { background: url(/resource/common/pc/images/icons/icon_radio_02.png) no-repeat 0 50%; }
#modal-beauty-mall .btMsg .btInner .btChk .gray { color: #dddddd; }
#modal-beauty-mall .btMsg .btInner .btCart01, #modal-beauty-mall .btMsg .btInner .btCart02, #modal-beauty-mall .btMsg .btInner .btCart03, #modal-beauty-mall .btMsg .btInner .btCart04 { font-size: 1.4em; text-align: center; margin-bottom: 0px; }
#modal-beauty-mall .btMsg .btInner .btCart01 p.alert, #modal-beauty-mall .btMsg .btInner .btCart02 p.alert, #modal-beauty-mall .btMsg .btInner .btCart03 p.alert, #modal-beauty-mall .btMsg .btInner .btCart04 p.alert { margin-bottom: 10px; color: #e03311; }
#modal-beauty-mall .btMsg .btInner .btCart01 .btBtn, #modal-beauty-mall .btMsg .btInner .btCart02 .btBtn, #modal-beauty-mall .btMsg .btInner .btCart03 .btBtn, #modal-beauty-mall .btMsg .btInner .btCart04 .btBtn { margin: 0 auto 20px; text-align: center; padding: 0; font-size: 1.4em; border-bottom: none; }
#modal-beauty-mall .btMsg .btInner .btCart01 .btBtn:after, #modal-beauty-mall .btMsg .btInner .btCart02 .btBtn:after, #modal-beauty-mall .btMsg .btInner .btCart03 .btBtn:after, #modal-beauty-mall .btMsg .btInner .btCart04 .btBtn:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#modal-beauty-mall .btMsg .btInner .btCart01 .btBtn a.btn, #modal-beauty-mall .btMsg .btInner .btCart02 .btBtn a.btn, #modal-beauty-mall .btMsg .btInner .btCart03 .btBtn a.btn, #modal-beauty-mall .btMsg .btInner .btCart04 .btBtn a.btn { padding: 7px 50px; font-size: 14px !important; line-height: 18px; font-weight: normal; display: inline-block; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#modal-beauty-mall .btMsg .btInner .btCart01 .btBtn a.btn:first-child, #modal-beauty-mall .btMsg .btInner .btCart02 .btBtn a.btn:first-child, #modal-beauty-mall .btMsg .btInner .btCart03 .btBtn a.btn:first-child, #modal-beauty-mall .btMsg .btInner .btCart04 .btBtn a.btn:first-child { margin-right: 10px; }
#modal-beauty-mall .btMsg .btInner .btCart01 .btBtn a.btn.moreShopping, #modal-beauty-mall .btMsg .btInner .btCart02 .btBtn a.btn.moreShopping, #modal-beauty-mall .btMsg .btInner .btCart03 .btBtn a.btn.moreShopping, #modal-beauty-mall .btMsg .btInner .btCart04 .btBtn a.btn.moreShopping { background: #f8f8f8; border-color: #ff9000; color: #ff9000; box-shadow: 0 1px 0 0 #e8e8e8; }
#modal-beauty-mall .btMsg .btInner .btCart01 .btBtn a.btn.orange, #modal-beauty-mall .btMsg .btInner .btCart02 .btBtn a.btn.orange, #modal-beauty-mall .btMsg .btInner .btCart03 .btBtn a.btn.orange, #modal-beauty-mall .btMsg .btInner .btCart04 .btBtn a.btn.orange { background: #ff9000; border-color: #ff8400; box-shadow: 0 1px 0 0 #ff8400; }
#modal-beauty-mall .btMsg .btInner .btCart01 .btBtn a:hover.btn.moreShopping, #modal-beauty-mall .btMsg .btInner .btCart01 .btBtn a:hover.btn.orange, #modal-beauty-mall .btMsg .btInner .btCart02 .btBtn a:hover.btn.moreShopping, #modal-beauty-mall .btMsg .btInner .btCart02 .btBtn a:hover.btn.orange, #modal-beauty-mall .btMsg .btInner .btCart03 .btBtn a:hover.btn.moreShopping, #modal-beauty-mall .btMsg .btInner .btCart03 .btBtn a:hover.btn.orange, #modal-beauty-mall .btMsg .btInner .btCart04 .btBtn a:hover.btn.moreShopping, #modal-beauty-mall .btMsg .btInner .btCart04 .btBtn a:hover.btn.orange { opacity: 0.8; }
#modal-beauty-mall .btMsg .btInner .btBnr { text-align: center; margin: 0 0 15px; display: block; }

#modal-beauty-mall .btMsg .btInner .btCart01 .btBtn a:hover.btn.moreShopping, #modal-beauty-mall .btMsg .btInner .btCart01 .btBtn a:hover.btn.orange, #modal-beauty-mall .btMsg .btInner .btCart02 .btBtn a:hover.btn.moreShopping, #modal-beauty-mall .btMsg .btInner .btCart02 .btBtn a:hover.btn.orange, #modal-beauty-mall .btMsg .btInner .btCart03 .btBtn a:hover.btn.moreShopping, #modal-beauty-mall .btMsg .btInner .btCart03 .btBtn a:hover.btn.orange, #modal-beauty-mall .btMsg .btInner .btCart04 .btBtn a:hover.btn.moreShopping, #modal-beauty-mall .btMsg .btInner .btCart04 .btBtn a:hover.btn.orange { opacity: 0.8; }

.regCartOverlayArea { width: 100%; height: 100%; background-color: #000; display: none; position: fixed; top: 0; left: 0; z-index: 9000; opacity: 0.3; }

#modal-cart4 { display: none; position: absolute; top: 50px; left: 0; right: 0; width: 840px; background: #ffffff; z-index: 9001; padding: 30px; box-sizing: border-box; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 4px 10px 0px #888888; -webkit-box-shadow: 0px 4px 10px 0px #888888; box-shadow: 0px 4px 10px 0px #888888; font-size: 10px; margin: auto; }
#modal-cart4 .modalCloseBtn { display: block; position: absolute; top: 20px; right: 20px; width: 28px; height: 28px; background: url(/resource/common/pc/images/icons/icon_close_01.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px; }
#modal-cart4 a:link, #modal-cart4 a:visited { color: #333; }

.medicalInfo h4 { font-weight: bold; }

#modal-cart { display: none; position: fixed; left: 0; right: 0; width: 833px; background: #ffffff; z-index: 9001; padding: 10px; box-sizing: border-box; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0px 4px 10px 0px #888888; -webkit-box-shadow: 0px 4px 10px 0px #888888; box-shadow: 0px 4px 10px 0px #888888; font-size: 10px; margin: auto; }
#modal-cart .modalCloseBtn { display: none; }

.btn.orange, .btn.register { background-color: #ff9000; border: 1px solid #ff8400; box-sizing: border-box; color: #ffffff; cursor: pointer; font-size: 14px; padding: 7px 5px; text-align: center; -moz-user-select: none; -webkit-user-select: none; user-select: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 240px; padding: 14px 0; font-weight: bold; }
.btn.orange a:link, .btn.orange a:visited, .btn.orange a:hover, .btn.orange:link, .btn.orange:visited, .btn.orange:hover, .btn.register a:link, .btn.register a:visited, .btn.register a:hover, .btn.register:link, .btn.register:visited, .btn.register:hover { color: #ffffff; }
.btn.orange.disabled, .btn.register.disabled { background-color: #e5e5e5; border-bottom: 1px solid #dddddd; cursor: default; }
.btn.orange:hover, .btn.orange a:hover, .btn.register:hover, .btn.register a:hover { text-decoration: none; }

.btn.moreShopping { background-color: #f8f8f8; border: 1px solid #cccccc; box-sizing: border-box; color: #666666; cursor: pointer; font-size: 14px; padding: 6px 5px; text-align: center; -moz-user-select: none; -webkit-user-select: none; user-select: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 2px 0px 0px #eeeeee; -webkit-box-shadow: 0px 2px 0px 0px #eeeeee; box-shadow: 0px 2px 0px 0px #eeeeee; width: 240px; padding: 14px 0; font-weight: bold; }
.btn.moreShopping a:link, .btn.moreShopping a:visited, .btn.moreShopping a:hover, .btn.moreShopping:link, .btn.moreShopping:visited, .btn.moreShopping:hover { color: #666666; }
.btn.moreShopping:hover, .btn.moreShopping a:hover { text-decoration: none; }
.btn.moreShopping.complete { border: solid 1px #e5e5e5; color: #999999; cursor: default; }



/*# sourceMappingURL=addCart_modal_PC.css.map */