@charset "utf-8";


.shophakodatebox{background-color: #000;padding: 40px 0;}
.shophakodatebox .shophakodateboxin div{width: 160px;text-align: center;}
.shophakodatebox .shophakodateboxin
{
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
 -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
padding-top: 20px;
}
.shophakodatebox .shophakodateboxin .shophakodateboxinsp01,
.shophakodatebox .shophakodateboxin .shophakodateboxinsp02,
.shophakodatebox .shophakodateboxin .shophakodateboxinsp03,
.shophakodatebox .shophakodateboxin .shophakodateboxinsp04,
.shophakodatebox .shophakodateboxin .shophakodateboxinsp05{border-left: 1px solid #fff;border-right: 1px solid #fff;}
.shophakodatebox .shophakodateboxin .shophakodateboxinsp05{border-right: 2px solid #fff;}
.shophakodatebox .shophakodateboxin .shophakodateboxinsp01{border-left: 2px solid #fff;}

.shophakodatebox .shophakodateboxin div a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	}



@media screen and (min-width: 1440px) {

.w1440pcsp100{width: 1440px;margin-left: auto;margin-right: auto;}
.attenupbox{width: 1440px;margin-left: auto;margin-right: auto;}

}


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

.w1440pcsp100{width: 100%;}
.attenupbox{width: 100%;}
.w1440pcsp100 img{width: 100%;height: auto;}

}


.bggrbox{background-color: #cac7c5;text-align: center;padding: 20px 0;}


.pre01{margin-bottom: 20px;}
.pre02_01{margin-bottom: 20px;}




@media screen and (max-width: 768px) {
.shophakodatebox .shophakodateboxin div{margin-bottom: 15px;}
}