@charset "UTF-8";
/* 共通 */
img{width:100%;vertical-align:bottom;}

/* モーダル */
body.-is_open{overflow:hidden;}
[id="cart_dialog"]{margin-bottom:8vw;}
.cart_dialog_inner{position:relative;width:100%;}
.modalBox{overflow:visible;position:absolute;z-index:10;width:100%;margin-bottom:15vw;text-align:left;background-color:#fff;color:#333;opacity:0;transform:scale(0);transition:opacity 0.5s/*, transform 0.5s*/;will-change:transform,opacity;}
.modalBox.-is_open{opacity:1;transform:scale(1);}
.modalBox .modalBoxInner{padding:15px;}
.modalBox a{outline:none;cursor:pointer;box-sizing:border-box;}

/* モーダル動作関連 */
.modal_wrap input{display:none;box-sizing:border-box;}
.modal_wrap *{box-sizing:border-box;}
.modal_overlay{display:flex;justify-content:center;overflow:auto;position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:rgba(0, 0, 0, 0.7);opacity:0;transition:opacity 0.5s, transform 0s 0.5s;transform:scale(0);will-change:transform,opacity;}
.modal_trigger{position:absolute;width:100%;height:100%;}
.modal_content{width:100%;padding:20px 15px;box-sizing:border-box;will-change:transform,opacity;}
.close_button,.open_button{display:none;opacity:0;visibility:hidden;cursor:pointer;}
.modal_wrap input:checked ~ .modal_overlay{opacity:1;transform:scale(1);transition:opacity 0.5s;}
.modalBox .topBtnClose{content:"";position:absolute;top:-3vw;right:-3vw;text-indent:-99999px;cursor:pointer;background:url(/sp/content/service/wrapping_xmas/img/icon_modal_close.png) no-repeat 0 0;background-size:contain;}
.modalBox .topBtnClose a{display:block;width:10.66vw;height:10.66vw;}
.modalBox .modalImg{margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #ddd;}
.modalBox .modalbtnBlock{text-align:center;}
.modalBox .modalbtnBlock a{position:relative;display:inline-block;padding:10px 30px;font-size:5.625vw;color:#333;}
.modalBox .modalbtnBlock a::before{content:'';width:3px;height:22px;margin-top:-12px;background-color:#333;position:absolute;top:50%;left:0px;transform:rotate(45deg);}
.modalBox .modalbtnBlock a::after{content:'';width:3px;height:22px;margin-top:-12px;background-color:#333;position:absolute;top:50%;left:0px;transform:rotate(-45deg);}

/* お歳暮用包装サービスのご案内 */
#wrapping_christmas .mainvisualBox{margin:10px 0;}
#wrapping_christmas .mainvisualBox .mainvisualText{padding:20px 10px;font-size:5.625vw;line-height:1.4;}
#wrapping_christmas .contents{margin:10px;}
#wrapping_christmas .contentsBox{margin-bottom:30px;}
#wrapping_christmas .contentsBox .contentsTitle{position:relative;margin-bottom:15px;padding:0 0 3vw 4.7vw;border-bottom:2px solid #dddddd;font-size:6.25vw;line-height:1.2;}
#wrapping_christmas .contentsBox .contentsTitle.circleType{padding-left:8.75vw;}
#wrapping_christmas .contentsBox .contentsTitle::before{content:'';width:1.25vw;height:6.25vw;background-color:#b21d23;position:absolute;top:0;left:0;}
#wrapping_christmas .contentsBox .contentsTitle.circleType::before{width:5.625vw;height:5.625vw;border-radius:50%;top:0;}
#wrapping_christmas .contentsBox .contentsImg{padding:10px 0;}
#wrapping_christmas .contentsBox .contentsImg.noBottom{padding-bottom:0;}
#wrapping_christmas .contentsBox .balloonBox{position:relative;margin:10px 10px 20px 10px;padding:15px;border-radius:10px;box-sizing:border-box;}
#wrapping_christmas .contentsBox .balloonBox.colorRed{border:1px solid #c61414;background:#ffdede;}
#wrapping_christmas .contentsBox .balloonBox::before{position:absolute;top:-20px;left:50%;content:'';margin-left:-5px;}
#wrapping_christmas .contentsBox .balloonBox.colorRed::before{border-top:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #c61414;border-left:10px solid transparent;}
#wrapping_christmas .contentsBox .balloonBox::after{position:absolute;top:-18px;left:50%;content:'';margin-left:-5px;}
#wrapping_christmas .contentsBox .balloonBox.colorRed::after{border-top:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #ffdede;border-left:10px solid transparent;}
#wrapping_christmas .contentsBox .balloonBox .balloonText{font-size:5vw;font-weight:bold;line-height:1.4;color:#c61414;}
#wrapping_christmas .contentsBox .balloonBox .balloonText .smallText{font-size:3.75vw;}
#wrapping_christmas .contentsBox .contentsText{font-size:5.625vw;line-height:1.5;margin-bottom:15px;}
#wrapping_christmas .contentsBox .contentsText .boldText{font-weight:bold;}
#wrapping_christmas .contentsBox .contentsText .orangeText{color:#ff8800;}
#wrapping_christmas .contentsBox .noticeList{margin-bottom:15px;}
#wrapping_christmas .contentsBox .noticeList li{font-size:3.75vw;line-height:1.5;padding-left:1em;text-indent:-1em;}
#wrapping_christmas .contentsBox .accordionBox{margin-bottom:15px;}
#wrapping_christmas .contentsBox .productDetailBtn{padding:13px 10px 10px 10px;border:1px solid #ddd;border-bottom:none;background:#efefef;}
#wrapping_christmas .contentsBox .productDetailBtn.lastBtn{border-bottom:1px solid #ddd;}
#wrapping_christmas .contentsBox .productDetailBtn p{position:relative;font-size:5.625vw;font-weight:bold;line-height:1.4;}
#wrapping_christmas .contentsBox .productDetailBtn p::before{content:'';width:2px;height:18px;margin-top:-9px;background-color:#333;position:absolute;top:50%;right:18px;}
#wrapping_christmas .contentsBox .productDetailBtn p::after{content:'';width:18px;height:2px;margin-top:-2px;background-color:#333;position:absolute;top:50%;right:10px;}
#wrapping_christmas .contentsBox .productDetailBtn.-is_active p::before{content:none;}
#wrapping_christmas .contentsBox .productCloseArea{display:none;padding-bottom:1px;border:1px solid #ddd;border-bottom:none;}
#wrapping_christmas .contentsBox .productCloseArea.lastCloseArea{border-top:none;border-bottom:1px solid #ddd;}
#wrapping_christmas .contentsBox .productCloseArea .productCloseAreaImg{margin-bottom:15px;}
#wrapping_christmas .contentsBox .productCloseArea .productCloseAreaText{margin-bottom:10px;font-size:3.75vw;text-align:center;}
#wrapping_christmas .contentsBox .productCloseArea .productCloseAreaNoteBox{padding:10px;}
#wrapping_christmas .contentsBox .productCloseArea .productCloseAreaNoteBox .NoteBoxTitle{position: relative;padding:18px 20px 0 20px;border-top-left-radius:10px;border-top-right-radius:10px;font-size:5.625vw;font-weight:bold;line-height:1.5;text-align:center;color:#fff;background-color:#0059b5;}
#wrapping_christmas .contentsBox .productCloseArea .productCloseAreaNoteBox .NoteBoxTitle::after{position:absolute;bottom:-40%;left:0;right:0;margin:auto;content:'';width:100%;height:40%;background:url(/sp/content/service/wrapping_xmas/img/bg_triangle.png) no-repeat center center;background-size:100% 100%;}
#wrapping_christmas .contentsBox .productCloseArea .productCloseAreaNoteBox .NoteBoxContent{margin-bottom:20px;padding:40px 10px 10px 10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background-color:#f2f8ff}
#wrapping_christmas .contentsBox .productCloseArea .productCloseAreaNoteBox .NoteBoxText{margin-bottom:15px;font-size:5vw;line-height:1.5;}
#wrapping_christmas .contentsBox .productCloseArea .productCloseAreaNoteBox .NoteBoxText .boldText{font-weight:bold;color:#ff8800;}
#wrapping_christmas .contentsBox .productCloseArea .productCloseAreaNoteBox .NoteBoxImg{margin-bottom:15px;}
#wrapping_christmas .contentsBox .productCloseArea .productCloseAreaNoteBox .NoteBoxColum{display:flex;}
#wrapping_christmas .contentsBox .productCloseArea .productCloseAreaNoteBox .NoteBoxColumText{width:50%;margin-bottom:15px;font-size:4.375vw;line-height:1.5;text-align:center;}
#wrapping_christmas .contentsBox .bannerBox{}
#wrapping_christmas .contentsBox .linkTextBox{margin-bottom:15px;}
#wrapping_christmas .contentsBox .linkTextBox .linkText{margin-bottom:5px;}
#wrapping_christmas .contentsBox .indentText{padding-left:1em;text-indent:-1em;}
#wrapping_christmas .contentsBox .linkText{font-size:5.625vw;line-height:1.5;text-decoration:underline;color:#0088ff;}
#wrapping_christmas .contentsBox .disIb{display:inline-block;}