@charset "utf-8";

/* ==================================================================
	■access
=================================================================== */


/* ◇ common
-------------------------------- */

.main p.text{
    margin-bottom: 20px;
}

.main p.buttonStyle{
    text-align: center;
    margin-bottom: 20px;
}

.main p.buttonStyle a{
    display: inline-block;
    padding: 5px 30px;
    background: #87caac;
    color: #fff;
    border-radius: 50px;
    text-decoration: none;
}

.main p.buttonStyle a:hover{
    opacity: 0.7;
}

/* ◇ category
-------------------------------- */
.main .category{
	margin-bottom:67px;
}

.main .category h3{
	margin-bottom:13px;
}

.main .category ul.items{
	overflow:hidden;
	margin-left:-6px;
}

.main .category ul.items li{
	float:left;
	margin:0 0 40px 6px;
	width:213px;
	background:url(../../images/item/background.png) 0 0 no-repeat;
}

.main .category ul.items li dl dt{
	width:195px;
	height:146px;
	margin:5px auto 20px auto;
}

.main .category ul.items li dl dt img{
	width:100%;
	height:100%;
}

.main .category ul.items li dl dd{
	text-align:center;
}


.main .category p.text{
	text-align:center;
	margin: 2% 0 0;
}


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

.main .category h3{
	overflow:hidden;
}

.main .category h3 img{
	width:200%;
	max-width:200%;
	margin-left:-50%;
}


.main .category ul.items li{
	float:none;
	width:90%;
	margin:0 auto 10% auto;
	background:none;
}


.main .category ul.items li dl dt{
	width:auto;
	height:auto;
	margin:0 auto 20px auto;
	padding-top:10px;
}



.main .category ul.items li dl dt img{
	width:100%;
	height:auto;
	
    /*影を入れる*/
    -webkit-box-shadow: 0 10px 8px -6px #8d8c8c;
    -moz-box-shadow: 0 10px 8px -6px #8d8c8c;
     box-shadow: 0 10px 8px -6px #8d8c8c;
}

}