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

	.unbygiftlist19{text-align:center}
	.ugf_tt{
		text-align: center;
    	font-size: 14px;
    	margin: 80px 0;
    	line-height: 2em;
	}
	.ugf_category{display:flex;}
	.ugf_category li{padding: 30px 8px;}
	.ugf_category li:hover{background:#9b8a6e;}
	
	#ugf_category_s {
    /* display: flex; */
    position: fixed;
    width: 200px;
    /* padding-right: 13px; */
    /* top: 60px; */
    bottom: 60px;
    left: 0;
    transition: 0.5s;
	opacity:0;	
}
	#ugf_category_s li{background:#cacaca;padding: 10px 30px;}
	#ugf_category_s li:hover{background:#9b8a6e;}
	
	#outdoor,#business,#life{padding:60px 0;}
	.ugl_ca{display:flex;margin:60px 0;}

	.ugl_cabg{background:url(https://unby.itembox.cloud/item/img/feature/ugl_cabg.jpg?d=20191202190203) no-repeat;background-size:contain;}
	.ugl_cabg img{width:100%;padding:0 2vw 2vw 0;}
	.ugl_ca div{width:50%;margin:2vw;}
	.ugl_car img{width:85%;}
	.ugl_car p{margin:40px 0;text-align:left;}
	
	.ugl_li{display:flex;flex-wrap:wrap;}
	.ugl_li li{width:33.33333%;padding:3vw;}
	.ugl_li li span{display:block;}
	.ugl_li li img{margin-bottom:10px;}
	.u.5gl_li li a:hover span{text-decoration: underline;}
	
	.fixed{position:fixed;top:0;z-index:10;transition:0.5s;}
	.ugl_cmp h2 {
    border-bottom: 2px solid #252525;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 60px;
}
	.ugl_cmp{margin:60px 0;}
	
	.gift-list-pgrp-pricetitle{margin:60px 0;}	
	
	@media screen and (max-width: 767px){
		
		.ugf_category li{padding:20px 0px;}
		#ugf_category_s {
    display: flex;
    position: fixed;
    width: 100%;
    /* padding-right: 13px; */
    /* top: 60px; */
    bottom: 0px !important;
    left: 0;
    transition: 0.5s;
    opacity: 0;
}
		#ugf_category_s li {
    background: #cacaca;
    padding: 16px 6px;
}
		.pagetop{bottom:60px;}
		.ugf_tt{font-size:10px;}
		.ugl_ca{display:block;margin:60px 0 20px 0;}
		.ugl_ca div{width:100%;}
	}
	.ugl_cabg img {
    width: 100%;
    padding: 0px 20px 10px 0;
    margin: 0 10px 10px 0;
	}
		.ugl_car {
    padding: 40px 0;
}
	.ugl_li li{padding:10px 2px;}
	.ugl_li li span {
    display: block;
    font-size: 10px;
}
	.ugl_li li{margin-bottom:10px;}
	.ugl_cmp h2{font-size:10px;}
}
	.pcimg{display:block;}
	.spimg{display:none;}
	
	
@media screen and (max-width: 767px){
	.pcimg{display:none;}
	.spimg{display:block;}
}