/*** for PC Browser ***/
@media (min-width:401px)
{
/* -------------------------
まちの情報
------------------------- */
.machi
{
    background: rgba(255, 255, 255, 1);
    margin: 0 0 5px;
    padding: 0;
    width: 400px;
}

.machi ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 400px;
}

.machi li
{
    border-radius: 4px;
    min-height: 70px;
    width: 130px;
    display: inline-block;
    background: #8E3C4B;
    margin: 0px 0px 5px 0px;
    padding: 0px;
}

.machi li a
{
    border: 5px none;
    color: #ffffff;
    display: block;
    font-weight: bold;
    text-align: center;
    width: 130px;
    padding: 45px 0px 5px 0px;
    font-size: 90%;
}

.machi .machi_1 a
{
    background: url(../../../Images/mach1_01.png) no-repeat center 5px;
}

.machi .machi_2 a
{
    background: url(../../../Images/mach1_02.png) no-repeat center 5px;
}

.machi .machi_3 a
{
    background: url(../../../Images/mach1_03.png) no-repeat center 5px;
}

.machi .machi_4 a
{
    background: url(../../../Images/mach1_04.png) no-repeat center 5px;
}

.machi .machi_5 a
{
    background: url(../../../Images/mach1_05.png) no-repeat center 5px;
}

.machi .machi_6 a
{
    background: url(../../../Images/mach1_06.png) no-repeat center 5px;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
/* -------------------------
まちの情報
------------------------- */
.machi
{
    background: rgba(255, 255, 255, 1);
    margin: 0 0 5px;
    padding: 0;
    width: 320px;
}

.machi ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 320px;
}

.machi li
{
    border-radius: 4px;
    min-height: 70px;
    width: 157px;
    display: inline-block;
    background: #8E3C4B;
    margin: 0px 0px 5px 0px;
    padding: 0px;
}

.machi li a
{
    border: 5px none;
    color: #ffffff;
    display: block;
    font-weight: bold;
    text-align: center;
    width: 157px;
    padding: 45px 0px 5px 0px;
    font-size: 90%;
}

.machi .machi_1 a
{
    background: url(../../../Images/mach1_01.png) no-repeat center 5px;
}

.machi .machi_2 a
{
    background: url(../../../Images/mach1_02.png) no-repeat center 5px;
}

.machi .machi_3 a
{
    background: url(../../../Images/mach1_03.png) no-repeat center 5px;
}

.machi .machi_4 a
{
    background: url(../../../Images/mach1_04.png) no-repeat center 5px;
}

.machi .machi_5 a
{
    background: url(../../../Images/mach1_05.png) no-repeat center 5px;
}

.machi .machi_6 a
{
    background: url(../../../Images/mach1_06.png) no-repeat center 5px;
}
}