@charset "utf-8";

#ul-set,#ul-set2{
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: wrap;
}
.product_item{
	border-bottom: 1px solid #CCC;}
	
.hide-item{
	display:none}
.bunner-set2 span{
	color:#fff!important;}	
#ul-set,#ul-set2{
	margin-bottom:30px;}		

.new-dl-style span{
	color:#F00;}
	
#ul-set li, #ul-set2 li{
		width:16.6%;
		box-sizing: border-box;
		border-left: 1px solid #b3b3b3;
		border-top: 1px solid #b3b3b3;
		border-bottom: 1px solid #505050;
		padding: 21px 0 13px;
		background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(95%, #dfe5ec), color-stop(95%, #bbc8d8));
		background-image: -webkit-linear-gradient(#dfe5ec 95%, #bbc8d8 95%);
		background-image: -moz-linear-gradient(#dfe5ec 95%, #bbc8d8 95%);
		background-image: -o-linear-gradient(#dfe5ec 95%, #bbc8d8 95%);
		background-image: linear-gradient(#dfe5ec 95%, #bbc8d8 95%);
		background-repeat: no-repeat;
		text-align:center;
		}


#ul-set li:hover, #ul-set2 li:hover{
	border-left: 1px solid #505050;
    border-right: 1px solid #505050;
    border-top: 1px solid #0695d1;
    border-bottom: none;
    background-repeat: no-repeat;
	background: #fff;
    font-weight: bold;
    color: #0695d1 !important;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #0695d1), color-stop(10%, white));
    background-image: -webkit-linear-gradient(#0695d1 10%, white 10%);
    background-image: -moz-linear-gradient(#0695d1 10%, white 10%);
    background-image: -o-linear-gradient(#0695d1 10%, white 10%);
    background-image: linear-gradient(#0695d1 10%, #ffffff 10%);
	cursor:pointer;
	}	
.current{
	border-left: 1px solid #505050!important;
    border-right: 1px solid #505050!important;
    border-top: 1px solid #0695d1!important;
    border-bottom: none!important;
    background-repeat: no-repeat;
	background: #fff;
    font-weight: bold;
    color: #0695d1 !important;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(10%, #0695d1), color-stop(10%, white))!important;
    background-image: -webkit-linear-gradient(#0695d1 10%, white 10%)!important;
    background-image: -moz-linear-gradient(#0695d1 10%, white 10%)!important;
    background-image: -o-linear-gradient(#0695d1 10%, white 10%)!important;
    background-image: linear-gradient(#0695d1 10%, #ffffff 10%)!important;
	
		}	
.box-set {
    display: none;
}	
	
@media print, screen and (min-width: 768px) {
	.title-top{
	  margin-top:30px!important;
	}	
	.title2-set span{
		font-size: 2.6rem;
    font-weight: bold;
    line-height: 1;
	    padding-left: 15px;
		}
	.title2-set{
		position:relative;}	
		
	div.title-top h2:after{
		position: absolute;
    content: "";
    top: -2px;
    left: 0px;
    width: 4px;
    height: 35px;
    background: #274277;}
	
	.title3-top{
	  margin-top:20px!important;
	}	
	.title3-set span{
		font-weight:normal;
		font-size: 2.2rem;}	
	.title3-set{
		border-bottom: 1px solid #CCC;
    padding: 0px 0 10px 15px;}	
.new-dl-style{
	text-align:center;}	
.new-dl-style dt{
	
	font-size:1.6rem!important;
	color:#586065;
	}   
.new-item-set a{
	margin-bottom:20px!important;}	
.width-set{
	width:50%!important;
	margin:0 auto;}	
	
#ul-set li{
	width:25%;}
#ul-set2 li{
	width:25%}	
	
	
}



@media screen and (max-width: 767px) {

.title-top{
	  margin-top:30px!important;
	}	
	.title2-set span{
		font-size: 1.9rem;
    font-weight: bold;
    line-height: 1;
	    padding-left: 15px;
		}
	.title2-set{
		position:relative;}	
		
	div.title-top h2:after{
		position: absolute;
    content: "";
    top: -2px;
    left: 0px;
    width: 4px;
    height: 25px;
    background: #274277;}
	
	.title3-top{
	  margin-top:20px!important;
	}	
	.title3-set span{
		font-weight:normal;
		font-size: 1.8rem;}	
	.title3-set{
		border-bottom: 1px solid #CCC;
        padding: 0px 0 10px 15px;
		margin-bottom:30px;
}	
.new-dl-style{
	text-align:center;}	
.new-dl-style dt{
	
	font-size:1.6rem!important;
	color:#586065;
	}   
.new-item-set a{
	margin-bottom:20px!important;}	
#more01{
	margin-bottom:10px;}
#ul-set li, #ul-set2 li {
    width: 50%;
}	
#ul-set,#ul-set2{
	    margin-top: 20px;}
	
}