/*** for PC Browser ***/
@media (min-width:401px)
{
/* == 共通 == */
.Item_Banner {
}

.Item_Banner .bannerlink {
    margin: 0px auto 15px;
    position: relative;
}

.Item_Banner h2 {
    margin: 0;
    padding: 0;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.Item_Banner h2 a {
    display: block;
}

.Item_Banner img {
    width: 270px;
    height: auto;
    vertical-align: bottom;
}


/* == リンクアクション == */
.Item_Banner a {
    opacity: 1;
    transition: opacity 0.5s ease-out;
}

.Item_Banner a:hover {
    opacity: 0.7;
}

.Item_Banner img.or_icon {
    display: none;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
/* == 共通 == */
.Item_Banner {
}

.Item_Banner .bannerlink {
    margin: 0px auto 15px;
    position: relative;
    text-align: center;
}

.Item_Banner h2 {
    margin: 0;
    padding: 0;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.Item_Banner h2 a {
    display: block;
}

.Item_Banner img {
    width: 270px;
    height: auto;
    vertical-align: bottom;
}


/* == リンクアクション == */
.Item_Banner a {
    opacity: 1;
    transition: opacity 0.5s ease-out;
}

.Item_Banner a:hover {
    opacity: 0.7;
}

.Item_Banner img.or_icon {
    display: none;
}
}