@charset "utf-8";
/* CSS Document */
.TOP_cate {
    margin: 0 auto;
    padding: 5px 0 20px;
    width: 100%;
    background: #f9f9f9;
}
	
.TOP_cate ul {
	list-style: none;
	padding: 0;
}

.bloc {
    width:1000px;
    margin: 3% auto;
    text-align: center;
}

.bloc_ttl {
    width: 70%;
    max-width: 600px;
    margin: 0 auto 1%;
}

.bloc_Link {
    width: 31.3%;
    float: left;
    margin: 1%;
}

.bloc_Link img {
    width: 100%;
}

.bloc2 {
    width:1000px;
    margin: 10px auto 80px;
    text-align: center;
}

.bloc2_ttl {
    width: 70%;
    max-width: 600px;
    margin: 0 auto 1%;
}

.bloc2_Link {
    width: 48%;
    float: left;
    margin: 1%;
}

.bloc2_Link img {
    width: 100%;
}

.bloc2_Link_1 {
    width: 40%;
    float: left;
    margin: 1% 30% ;
}

.bloc2_Link_1 img {
    width: 100%;
}

.bloc3 {
    width:1000px;
    margin: 50px auto 150px;
    text-align: center;
}

.block4_2  {
	list-style: none;
	padding: 0;
	margin: 0 auto 20px;
    max-width: 1000px;
}

.block4_2 li{
	float: left;
	width: 24%;
	height: auto;
	margin:0 0.5% 10px;
}

.block4_2 li img {
	width: 100%;
	border: solid 1px #E3E3E3;
	border-radius: 4%;
}

.clear {
	clear: both;
}

.sp {
    display: none;
}

@media only screen and (max-width:750px){
    
    .bloc {
        width:100%;
        text-align: center;
    }

    .bloc_ttl {
        width: 80%;
        max-width: 600px;
        margin: 2% auto 1%;
    }

    .bloc_Link {
        width: 100%;
        margin: 3% 0;
    }

    .bloc_Link img {
        width: 100%;
    }
    
	.block4_2 {
	    margin: 0 2% auto 3%;
	}
	
	.block4_2 li:nth-child(odd){
		float: left;
		width: 49%;
		height: auto;
		margin: 0 0 7px;
	}

	.block4_2 li:nth-child(even){
		float: right;
		width: 49%;
		height: auto;
		margin: 0 0 7px;
	}    
    
    .sp {
        display: block;
    }
    
    .pc {
        display: none;
    }

}