@charset "utf-8";
/* CSS Document */

#Contents,#page{width:100%;}
#footer_pc{width:1150px; margin:0 auto;}

#pageContents.gift_top{width:100% !important;background:#fff;float:none;margin: 0 auto;overflow:hidden;_zoom:1;padding-bottom: 50px;}
#pageContents.gift_top p{font-size:15px}
#pageContents.gift_top a{text-decoration:none; width:100%;}
#pageContents.gift_top a:hover{color:#333;}
/*.overflow{overflow:hidden; _zoom:1;}*/
#pageContents.gift_top img{width:100%;}

#pageContents .ttlCnt{margin:0}
#pageContents.gift_top h1{text-align: center;margin: 20px auto 20px auto!important; font-size: 2.0em; font-weight:bold;}
#pageContents.gift_top h1 small{font-size: 0.6em; display: block; margin-bottom: 5px;}

/*スライダー*/
.sliderWrap {background: #fff; padding: 0 0 6px;}
.slick-wrapper img{margin:0 auto;  position:relative; width: 100%;}
.mainbnr_txt{position:absolute; bottom:10px; left:10px;}
.bnr_box{position: relative; margin: 0 10px; display: block !important; overflow: hidden; border-radius: 10px;}
.bnr_box::after{top: 50%; right: 0; bottom: 0; left: 0; pointer-events: none; content: ""; background: linear-gradient(0deg,rgba(0,0,0,.3) 0,hsla(0,0%,100%,0)); position: absolute; border-radius: 10px;}
.sub_ttl{position: absolute; bottom: 60px; left: 30px; z-index: 2;  font-size: 1.2em !important; color: #fff; font-weight: 400;}
.main_ttl{position: absolute; bottom: 15px; left: 30px; z-index: 1; font-size: 2.0em !important; color: #fff; font-weight: 600;}
.slick-slide img{object-fit: cover; height: 400px; width: 600px !important;}
.bnr_box a{display: block !important;}


/*コンテンツ*/
#gift_wrap{background:#eee; padding:2%; width:950px; margin:0 auto;}
.gift_box{clear:both; margin-bottom:80px; overflow:hidden; _zoom:1; width: 100% !important;}
#pageContents.gift_top h2{font-size:1.7em; font-weight:bold; border-bottom:2px solid #000; padding:5px; text-align:center; margin:10px auto;}


/*シーンで探す*/
#scene li{width:calc(95%/4); box-sizing:border-box; padding:10px 5px 0 5px; background:#FFF; margin:5px; float:left; text-align:center;}
.scene_ttl01{font-size:0.8em !important; text-align: center;}
.scene_ttl02{font-weight:bold !important; font-size:1.2em !important; margin-bottom:5px; text-align: center;}
#scene li:last-child img{width:40%; float:left;}
#scene li:last-child .scene_ttl01,#scene li:last-child .scene_ttl02{width:60%; float:right;}

/*予算から探す*/
#price li a{width:calc(94%/3) !important; box-sizing:border-box; padding:10px; background:#FFF; margin:1%; float:left; text-align:center; border:3px solid #CCC; display:block; overflow:hidden; _zoom:1;}
.price_ttl{font-size:1.2em !important; font-weight:bold;}

/*ランキングから探す*/
#pageContents.gift_top h3{font-size:1.2em; padding:10px; background:#999; color:#fff; font-weight:bold; margin:10px auto 5px auto;}
#ranking ul{display:flex; flex-wrap:wrap;}
#ranking ul li{width:calc(90%/5); box-sizing:border-box; background:#FFF; margin:1%; float:left; position:relative;}
.rank_txt{font-size:0.8em; padding:5px; line-height: 1.5rem !important;}
.rank_num{position:absolute; top:0; left:0; background:#333333; color:#fff; font-weight:bold; padding:3px 5px; font-size:0.7em; z-index:1;}
#ranking ul li:nth-child(3n) .rank_num,#ranking ul li:nth-child(4n) .rank_num,#ranking ul li:nth-child(5n) .rank_num{position:absolute; top:0; left:0; background:#333333; color:#fff; font-weight:bold; padding:1px 5px; font-size:0.6em; z-index:1;}
.scene_btn a{background: #eee; border-radius: 20px; padding: 5px 40px; margin: 10px 0 50px auto; text-align: center; width: 150px !important; display: block; border: 1px solid #999;}

/*ブランド探す*/
#brand ul li{width:calc(94%/3); box-sizing:border-box; padding:5px; background:#FFF; margin:1%; float:left; position:relative;}

/*コラム*/
#column ul{display:flex; flex-wrap:wrap;}
#column ul li{width:calc(96%/2); box-sizing:border-box; padding:10px; background:#fff; margin:1%;}
#column ul li a{display:block; overflow:hidden; _zoom:1;}
.column_img{max-width:50%; float:left;box-sizing:border-box; }
#column ul li img{width:200px !important; height:120px; object-fit: cover; }
.column_txt{width:50%; float:left; box-sizing:border-box; padding:10px; display:inline-block;}

/*ラッピング*/
#wrapping{background:#b2cbc7;}
.wrap_btn{border-radius:30px; background:#fff; text-align:center; margin:10px auto 20px auto; padding:5px 50px; width:60%;}
.wrap_img{width:70% !important; margin:0 auto; display:block;}