@charset "utf-8";

/* --------------------------------------------------------------
ページ(PC)
-------------------------------------------------------------- */
@media screen and (min-width:640px){
.l-iron__image {
    position: relative;
    background-color: #000;
    width: 1000px;
    margin: auto;
}
.l-iron__image-link:nth-of-type(1) {
    width: 250px;
    height: 250px;
    top: 100px;
    left: 130px;
    margin: 0;
}
.l-iron__image-link:nth-of-type(2) {
    width: 250px;
    height: 260px;
    top: 430px;
    left: 130px;
    margin: 0;
}
.l-iron__image-link:nth-of-type(3) {
    width: 230px;
    height: 250px;
    top: 100px;
    left: 500px;
    margin: 0;
}

.l-iron__image-link:nth-of-type(4) {
    width: 230px;
    height: 260px;
    top: 430px;
    left: 500px;
    margin: 0;
}
.l-iron__image-link:nth-of-type(5) {
    width: 220px;
    height: 260px;
    top: 90px;
    left: 750px;
    margin: 0;
}
  .l-iron__image-link:nth-of-type(6) {
    width: 230px;
    height: 260px;
    top: 430px;
    left: 730px;
    margin: 0;
}
.l-iron__image-link {
    position: absolute;
    background-color: rgba(255,255,255,.1);
    opacity: 0;
}
.l-iron__image-link:hover {
    animation: flashOut .5s ease 0s 1 normal;
}
@keyframes flashOut{
	0%{opacity:1}
	100%{opacity:0}
}
.l-iron{
	margin-bottom:30px;
}

}

/* --------------------------------------------------------------
ページ(SP)
-------------------------------------------------------------- */

@media screen and (max-width:640px){
.l-iron__image {
    position: relative;
    background-color: #fff;
    width: 100%;
}
.l-iron__image-link {
    position: absolute;
    display: inline-block;
}

.l-iron__image-link:nth-of-type(1) {
    width: 66.66vw;
    height: 56.33vw;
    top: 38vw;
    left: 0;
    right: 0;
    margin: auto;
}
.l-iron__image-link:nth-of-type(2) {
    width: 66.66vw;
    height: 60.33vw;
    top: 98vw;
    left: 0;
    right: 0;
    margin: auto;
}
.l-iron__image-link:nth-of-type(3) {
    width: 66.66vw;
    height: 60.33vw;
    top: 178.66vw;
    left: 0;
    right: 0;
    margin: auto;
}
.l-iron__image-link:nth-of-type(4) {
    width: 66.66vw;
    height: 59.33vw;
    top: 328.66vw;
    left: 0;
    right: 0;
    margin: auto;
}
.l-iron__image-link:nth-of-type(5) {
    width: 66.66vw;
    height: 62.33vw;
    top: 246.66vw;
    left: 0;
    right: 0;
    margin: auto;
}
.l-iron__image-link:nth-of-type(6) {
    width: 66.66vw;
    height: 59.33vw;
    top: 394.66vw;
    left: 0;
    right: 0;
    margin: auto;
}

}