/*メインクラスに対する指定*/
.ekiben-product-link-page{
    text-align: center;
    justify-content: center;
    align-items: center;

}

/*見出し*/
h1{
    background: #0bd;
    color: #fff;
    display: inline-block;
    padding: 6rem 3rem;
    border-radius: 50%;
}

/*上側のコンテナ・見出し*/
.container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.item-area-hhokkaido,.item-area-htohoku,.item-area-hkanto,.item-area-hcyubu,
.item-area-hkinki,.item-area-hcyugoku,.item-area-hshikoku,.item-area-hkyusyu{
    border-width: thick;
    border-style:solid;
    border-color: gray;

    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;

    width: 200px;
    height: 50px;
    margin: 10px;
}

.item-area-hhokkaido a,.item-area-htohoku a,.item-area-hkanto a,.item-area-hcyubu a,
.item-area-hkinki a,.item-area-hcyugoku a,.item-area-hshikoku a,.item-area-hkyusyu a{
    color: white;
}

/*背景色*/
.item-area-hhokkaido,#hokkaido,.citytitle-hokkaido{
    background: yellowgreen;
    color: #fff;
}

.item-area-htohoku,#tohoku,.citytitle-tohoku{
    background: blue;
    color: #fff;
}

.item-area-hkanto,#kanto,.citytitle-kanto{
    background: green;
    color: #fff;
}

.item-area-hcyubu,#cyubu,.citytitle-cyubu{
    background: orange;
    color: #fff;
}

.item-area-hkinki,#kinki,.citytitle-kinki{
    background: brown;
    color: #fff;
}

.item-area-hcyugoku,#cyugoku,.citytitle-cyugoku{
    background: navy;
    color: #fff;
}

.item-area-hshikoku,#shikoku,.citytitle-shikoku{
    background: skyblue;
    color: #fff;
}

.item-area-hkyusyu,#kyusyu,.citytitle-kyusyu{
    background-color: #E40112;
    color: #fff;
}


/*都道府県による区別*/


.prefecture-section
{

    border-style: outset;
    border-color: gray;

    background-color: beige;

    width: auto;
    height: auto;
    margin: 10px;

    display: flex;
    flex-wrap: wrap;

    justify-content: space-around;
    align-items: baseline;

}



/*市による区別*/
.city-category{
    
    border-style: solid; 
    border-color: black;


    width: auto;
    height: auto;
    margin: 10px;

}

/*町による区別*/

.town-twocategory{
    display: flex;
    flex-wrap: wrap;

    justify-content: center;
}

.town-category{
    border-style: dotted; 
    border-color: black;


    width: auto;
    height: auto;
    margin: 10px;

}



/*画像表示エリア*/
.item-hokkaido-ekiben,.item-tohoku-ekiben,.item-kanto-ekiben,.item-cyubu-ekiben,
.item-kinki-ekiben,.item-cyugoku-ekiben,.item-shikoku-ekiben,.item-kyusyu-ekiben
{
    width: 200px;
    height: 200px;

    margin: 10px;

    display: flex;
    flex-wrap: wrap;


    align-items: center;
    justify-content: space-around;

    border-style: solid;
    border-width: thick;
    border-color: black;
    background: ivory;
}


/*画像*/
    /*北海道*/
        .wakkanaitachiuri-logo,.asahikawatachiuri-logo,.moriyasyoten-logo,.ujiiematiai-logo,
        .sensyokan-logo,.maruibento-logo,.yonekurasyoten-logo,.sapporotatiuri-logo{
            width: 150px;
            height: 100px;
            margin: 10px;
            justify-content: center;
        }

        .ikameshi-abesyoten--logo{
            width: 150px;
            height: 100px;
            margin: 10px;
            background:#B30D0B;}

    /*東北*/
        .yoshidaya-logo{
            width: 150px;
            height: 100px;
            margin: 10px;
            justify-content: center;
            background: #0C0C0C;
        }

        .kofukunosushihonpo-logo,.moriben-logo,.kobayashibento-logo{
            width: 150px;
            height: 50px;
            margin: 10px;
            justify-content: center;
        }

        .hanazsen-logo{
            width: 150px;
            height: 50px;
            margin: 10px;
            background:#B32732
        }

        .shinkineya-logo,.matsukawabento-logo,.fukumameya-logo{
            width: 150px;
            height: 100px;
        }

        /*関東*/

        .matsunoya-logo{
            width: 150px;
            margin: 10px;
        }

        .takasakibento-logo{
            width: 150px;
        }

        .tamayaryokan-logo{
            width: 150px;
            height: 100px;
            margin: 10px;
            background: #555352;
        }

        .tokaken-logo{
            width: 150px;
            height: 100px;
            margin: 10px;
        }

        .shimadafoods-logo{
            width: 150px;
            height: 100px;
        }

        .jrcrossstation-logo{
            width: 150px;
            height: 100px;
        }

        .riei-manyoken-logo{
            width: 150px;
            height: 100px;
        }
        

    /*中部*/
     .marumasa-logo{
        width: 150px;
        margin: 10px;
     }

     .sanshinken-logo{
         width: 150px;
        margin: 10px;
     }

     .matsunosushi-logo{
        margin: 10px;
        background:#363636 ;
     }

     .shiabzushi-logo{
        width: 150px;
        margin: 10px;
     }

     .ekiben-aratake-logo{
        background: #222222;
     }
     

     .nigatasanshinken-logo{
        width: 150px;
     }

     .kamiobento-logo{
        width: 150px;
     }


     .hotelheimat-logo{
        width: 150px;
        height: 80px;
     }
    

    .gion-logo,.jisyotei-logo,.matsuurasyoten-logo{
        width: 150px;
        height: 80px;
    }

    .ekiben-aratake-logo{
        width: 150px;
        height: 80px;
    }

    /*近畿*/
   
     .nanyoken-logo,.wakayamasuiryoken-logo,.maneki-logo{
        width: 150px;
        margin: 10px;
     }

    /*中国*/

    .miyoshinohonten-logo,.hamakichi-logo,.hiroshimaekibento-logo{
        width: 150px;
        margin: 10px;
    }

    .ueno-logo{
        width: 100px;
        background: #4F4B3F;
    }
   

    .abetottorido-logo{
        width: 150px;
        margin: 10px;
    }

    .komego-logo{
        height: 90px;
        margin: 10px;
    }

    .ichimonjiya-logo{
        width: 150px;
        margin: 10px;
    }

    /*四国*/
   .jrshikokustation-logo,.kuriosyoten-logo,.futaba-logo{
    width: 150px;
    height: 80px;
    margin: 10px;
   }
  

    /*九州*/
    .cyuohken-logo,.syoeiken-logo{
        width: 150px;
        margin: 10px;
    }

 
/*矢印*/
.ekiben-arrow{
    display: flex;
    justify-content: center;
}
.ekiben-arrow-item{
    background: navy;
    margin: 10px;
    font-size: large;
}

.ekiben-arrow-item a{
    color: white;
}