﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
/* == 共通 == */
.Item_Banner
{
    margin: 0 0 10px;
    padding: 0;
    width: 200px;
}

.Item_Banner h2
{
    margin: 0;
    padding: 0;
    background-position: right center;
    background-repeat: no-repeat;
}

.Item_Banner h2 a
{
    display: block;
    font-weight: bold;
    margin: 0;
    padding: 7px 3% 5px 5%;
    width: auto;
    font-size: medium;
}

.Item_Banner img
{
    vertical-align: bottom;;
}


/* == 白ベース == */
.Item_Banner .base_h
{
}

.Item_Banner .base_b
{
    border: 1px solid #cccccc;
    margin: 0;
    padding: 0;
    width: 198px;
}

.Item_Banner .base_f
{
}

.Item_Banner .base_b h2
{
}

.Item_Banner .base_b h2 a
{
    background: url("../../../Images/btn_icon_blue.png") no-repeat 2px center;
/*    background: url("../../../Images/2020renew/banner_icon_blue.png") no-repeat 2px center; */
    color: #3e3a39;
    padding: 14px 8% 11px;
}

/* == 青ベース == */
.Item_Banner .pattern1_h
{
}

.Item_Banner .pattern1_b
{
}

.Item_Banner .pattern1_f
{
}

.Item_Banner .pattern1_b h2 a
{
}


/* == リンクアクション == */
.Item_Banner a:link,
.Item_Banner a:visited,
.Item_Banner a:hover,
.Item_Banner a:active
{
    text-decoration: none;
}


/* == スマホバナー背景画像使用時 == */
.Item_Banner h2.pchide
{
    background-image: none !important;
    background-color: transparent !important;
}

/* == PCバナー画像使用時 == */
.Item_Banner h2.pchide a
{
    padding: 0 !important;
}

.Item_Banner img.or_icon
{
    display: none;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
/* == 共通 == */
.Item_Banner
{
    float: left;
    margin: 0;
    padding: 0;
    width: 160px;
}

.Item_Banner h2
{
    margin: 0;
    padding: 0;
    background-position: right center;
    background-repeat: no-repeat;
}

.Item_Banner h2 a
{
    display: block;
    font-weight: bold;
    margin: 0;
    padding: 7px 3% 5px 5%;
    width: auto;
    font-size: medium;
}

.Item_Banner img
{
    vertical-align: bottom;;
}


/* == 白ベース == */
.Item_Banner .base_h
{
}

.Item_Banner .base_b
{
    border: 1px solid #cccccc;
    margin: 0;
    padding: 0;
    width: 158px;
}

.Item_Banner .base_f
{
}

.Item_Banner .base_b h2
{
}

.Item_Banner .base_b h2 a
{
    color: #3e3a39;
    padding: 14px 8% 11px;
}

/* == 青ベース == */
.Item_Banner .pattern1_h
{
}

.Item_Banner .pattern1_b
{
}

.Item_Banner .pattern1_f
{
}

.Item_Banner .pattern1_b h2 a
{
}


/* == リンクアクション == */
.Item_Banner a:link,
.Item_Banner a:visited,
.Item_Banner a:hover,
.Item_Banner a:active
{
    text-decoration: none;
}


/* == スマホバナー背景画像使用時 == */
.Item_Banner h2.pchide
{
    background-image: none !important;
    background-color: transparent !important;
}

/* == PCバナー画像使用時 == */
.Item_Banner h2.pchide a
{
    padding: 0 !important;
}

.Item_Banner img.or_icon
{
    display: none;
}
}
