body {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    margin: 0;
    padding: 0 25px;
    width: auto;
    background-image: url(images/haikei.jpg);
    background-size: cover;
}

.header {
    height: auto;
    /*display: flex;
    justify-content: space-around;*/
    /*border-bottom: 1px solid black;*/
}
.header_title {
    text-align: center;
}
.header_second_title {
    padding-bottom: 15px;
    color: red;
}

/* ---- トップ画像　スライドショー　---*/
.slide {
    position: relative;
    width: 100%;
    height: 450px;
    overflow: hidden;
  }
   
  @keyframes slideshow{
    0%{
      opacity: 0;
    }
    10%{
      opacity: 1;
    }
    28%{
      opacity: 1
    }
    38%{
      opacity: 0;
    }
    100%{
      opacity: 0;
    }
  }
   
  .slide img {
    position: absolute;
    top: 73%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    opacity: 0;
    animation :slideshow 20s linear infinite;
    object-fit: cover;
  }
   
  .slide img:nth-child(2){
    animation-delay: 5s;
  }

  .slide img:nth-child(3){
    animation-delay: 10s;
  }
   
  .slide img:last-child{
    animation-delay: 15s;
  }
  
  @media screen and (max-width: 1000px){
    
    .slide {
        height: 330px;
    }
    .slide img {
        align-items: center;
    }
}
@media screen and (max-width: 660px){
    
    .slide {
        height: 280px;
    }
    .slide img {
        align-items: center;
    }
}
@media screen and (max-width: 500px){
    
    .slide {
        height: 220px;
    }
    .slide img {
        align-items: center;
    }
}
@media screen and (max-width: 380px){
    
    .slide {
        height: 145px;
    }
    .slide img {
        align-items: center;
    }
}
/* ---- トップ画像　スライドショー　---*/


.name {
    font-size: 30px;
    display: inline-block;
    font-family: serif;
}
.header_second_title {
    text-align: center;
    opacity: 0.5;
    font-size: 15px;
}
@media screen and (max-width: 380px){
    .header_second_title {
        font-size: 12px;
    }
}

/* --------- トップページ　画像の大きさ ---------*/
ol img {
    width: 30vw;
    height: 260px;
}
ol {
    list-style-type: none;
}
/* --------- トップページ　画像の大きさ ---------*/
a:link, a:visited, a:active {
    color: black;
}
.article {
    padding: 0;
}

section {
    display: flex;
    justify-content: space-between;
}
.kind {
    text-align: center;
    font-family: serif;
    font-size: 25px;
}
.kind a:hover {
    color:#fff;
}


a {
    text-decoration: none;
}

@media screen and (max-width: 650px){
    section {
        display: block;
    }
    ol img {
        width: 90vw;
    }
}


/* ---------------------- 47都道府県別に　top画像変更　----------------------*/
.hokkaido {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/1_hokkaido/hokkaido_bibai.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.aomori {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/2_aomori/hirosaki_park.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.iwate {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/3_iwate/tyusonji_temple.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.miyagi {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/4_miyagi/miyagi_person.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.yamagata {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/5_yamagata/ginzan_hot_spring.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.akita {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/6_akita/oomagari_fireworks.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.hukusima {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/7_fukushima/tagokura_dam.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.gunma {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/8_gunma/kusatu_hot_spring.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.totigi {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/9_totigi/nikkou.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.saitama {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/10_saitama/hikawa_shrine.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.ibaraki {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/11_ibaraki/kaihin_park.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.tokyo {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/12_tokyo/sky_tree_nightview.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.kanagawa {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/13_kanagawa/minatomirai.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.tiba {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/14_tiba/station.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.niigata {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/15_niigata/museum.jpeg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.yamanashi {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/16_yamanashi/mt_huji.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.nagano {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/17_nagano/matumoto_castle.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.shizuoka {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/18_shizuoka/atami.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.aichi {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/19_aichi/nagoya_castle.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.gifu {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/20_gifu/gifu_station.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.mie {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/21_mie/kumano_kodo.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.toyama {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/22_toyama/canyon.jpeg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.fukui {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/23_fukui/echizen_railroad.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.ishikawa {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/24_ishikawa/kenrokuen.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.shiga {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/25_shiga/tree_lined.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.osaka {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/26_osaka/doutonbori.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.nara {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/27_nara/kasuga_shrine.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.kyoto {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/28_kyoto/kinkaku_temple.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.wakayama {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/29_wakayama/shirara_beach.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.hyogo {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/30_hyogo/akashi_bridge.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.okayama {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/31_okayama/kurashiki.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.hiroshima {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/32_hiroshima/itukushima_temple.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.tottori {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/33_tottori/tottori_dunes.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.shimane {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/34_shimane/matue_castle.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.yamaguchi {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/35_yamaguchi/tunoshima.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.ehime {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/36_ehime/imabari_castle.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.kagawa {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/37_kagawa/kankakei.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.kouchi {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/38_kouchi/shimanto_river.jpeg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.tokushima {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/39_tokushima/naruto_strait.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.fukuoka {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/40_fukuoka/dazaihu.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.oita {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/41_oita/road.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.nagasaki {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/42_nagasaki/nagasaki_nightview.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.saga {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/43_saga/yutokuinari_temple.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.miyazaki {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/44_miyazaki/takashiho_gorge.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.kumamoto {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/45_kumamoto/karudela.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.kagoshima {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/46_kagoshima/sakurajima.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
.okinawa {
    height: 650px;
    display: flex;
    justify-content: center;
    background-image: url(images/47_okinawa/sea.jpg);
    background-color:rgba(255,255,255,0.5);
    background-position: center;
    background-blend-mode:lighten;
    background-size: cover;
    margin: 30px 0;
}
/* ---------------------- 47都道府県別に　top画像変更　----------------------*/

.concept {
    margin-top: 150px;
}
.concept p {
    font-size: 15px;
}
@media (max-width: 1000px) {
    .top {
        height: 400px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    .concept {
        margin-top: 100px;
    }
}

@media (max-width: 640px){
    .name {
        font-size: 20px;
        text-align: center;
    }
    .top {
        height: 300px;
        width: 100%;
        background-size: cover;
        background-position: center;
    }
    .concept {
        margin-top: 150px;
    }
    .concept p {
        font-size: 11px;
        opacity: 0.8;
    }
}
@media screen and (max-width: 380px){
    .name {
        font-size: 15px;
    }
}


.photo {
    width: 400px;
    opacity: 0.8;
}

.concept_responsive {
    display: none;
}
/* --ここから「占いとは」、「学びとは」-- */

.contents {
    background-size: cover;
    width: 100%;
    margin-bottom: 30px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    background-image: url(images/wood_haikei.jpeg);
    border-radius: 10px;
}

.wrapper {
    display: flex;
    justify-content: space-around;
}

.text-wrapper {
    text-align: center;
    padding-top: 10px;
    margin: 20px 10px;
    box-shadow: 4px 10px 10px rgb(243, 245, 161);
    background-image: url(images/text_haikei.png);
    border-radius: 70px 0;
    padding: 10px 70px;
    width: 20em;
}
.text-wrapper p {
    font-size: 15px;
    color: #fff;
    line-height: 2em;
    
}
.wrapper img {
    width: 450px;
    height: 45em;
    padding: 20px 0;
    opacity: 0.6;
    border-radius: 100px;
}
@media screen and (max-width: 1000px){
    .text-wrapper {
    text-align: center;
    margin: 50px;
    }
    .wrapper img {
    display: none;
    }
    .text-wrapper p {
    font-size: 15px;
    }
}
@media screen and (max-width: 640px){
    .wrapper {
    background-size: cover;
    }
    .text-wrapper p {
    font-size: 12px;
    }
}
@media screen and (max-width: 500px){
    .text-wrapper {
        padding: 0;
        border-radius: 0;
    }

}
@media screen and (max-width: 385px){
    .text-wrapper p {
    font-size: 11px;
    }
}


/* ---コース（授業料)---*/
.service {
    /*background-color: black;*/
    background-image: url(images/forest.jpg);
    margin: 0;
    border: 1px solid;
    padding: 10px 10px;
}
.menu {
    text-align: center;
    border-bottom: 1px solid black;
    height: 50px;
    margin: 10px 0 20px 0;
    background-color: white;
}

.fee {
    padding-top: 5px;
    font-size: 25px;
    display: inline-block;
    /*border-bottom: 2px solid yellow;*/
    /*box-shadow: 0 3px 0 rgb(83 73 168);*/    
}
h2 {
    margin: 0;
}

table{
    width: 100%;
    border-collapse:separate;
    border-spacing: 0;
}

table th:first-child{
    border-radius: 5px 0 0 0;
}

table th:last-child{
    border-radius: 0 5px 0 0;
    border-right: 1px solid #3c6690;
}

table th{
    text-align: center;
    color:white;
    background-image: url(images/コース＿背景.png);
    border-left: 1px solid #3c6690;
    border-top: 1px solid #3c6690;
    border-bottom: 1px solid #3c6690;
    box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
    width: 25%;
    padding: 10px 0;
}

table td{
    text-align: center;
    border-left: 1px solid #a8b7c5;
    border-bottom: 1px solid #a8b7c5;
    border-top:none;
    box-shadow: 0px -3px 5px 1px #eee inset;
    width: 25%;
    padding: 10px 0;
    background-color: #fff;
}

table td:last-child{
    border-right: 1px solid #a8b7c5;
}

table tr:last-child td:first-child {
    border-radius: 0 0 0 5px;
}

table tr:last-child td:last-child {
    border-radius: 0 0 5px 0;
}
.menu_text {
    background-color: #fff;
    border-radius: 5px;
    text-align: center;
    padding: 10px 0;
    margin-top: 20px;
    margin-bottom: 10px;
}
@media screen and (max-width: 640px){
    table th {
        font-size: 12px;
    }
    table td {
        font-size: 12px;
    }
    .menu_text {
        font-size: 12px;
    }
}



/* --- ~messege~ ----　*/

.animate__fadeInTopLeft {
    font-size: 30px;
    color: #FFF;
    padding-bottom: 30px;
    margin: 0;
}
.text p  {
    font-size: 15px;
    color: #fff;
    margin: 0;
}
.message {
    background-image: url(images/forest.jpg);
    background-size: cover;
    text-align: center;
    border: solid 1px black;
    padding: 30px;
    margin: 0;
}
.footer {
    padding: 15px 0;
    /*display: flex;
    justify-content: space-around;*/
}
h4 {
    text-align: center;
    opacity: 0.7;
}
.contact {
    display: flex;
    justify-content: space-around;
    margin-top: 50px;
    padding: 0.5em 1em;
    background: #fff;
    border-top: solid 6px rgb(83, 73, 168);
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);/*影*/
    border-radius: 70px 0;
}
ul {
    list-style: none;
    display: inline-block;
    padding: 0;
}
.common {
    text-align: center;
    margin: 15px 0;
    font-size: 20px;
    opacity: 0.7;
    border-bottom: 2px solid yellow;
    box-shadow: 0 3px 0 rgb(83 73 168);
}
.common a:hover {
    color:rgb(83, 73, 168);
}
@media screen and (max-width: 1000px){
    ul {
        display: block;
    }
}
@media screen and (max-width: 640px){
    .animate__fadeInTopLeft {
        font-size: 20px;
    }
    h4 {
        font-size: 15px;
    }
    .common {
        font-size: 13px;
    }
    .text p  {
        font-size: 12px;
    }
}
@media screen and (max-width: 450px) {
    .contact {
        display: block;
        border-radius: 50px 0;
    }
}
/* ------------------------  都道府県　地図　------------------------*/
.map_hokkaido  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/1_hokkaido/hokkaido_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_aomori  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/2_aomori/aomori_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_iwate  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/3_iwate/iwate_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_miyagi  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/4_miyagi/miyagi_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_yamagata  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/5_yamagata/yamagata_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_akita  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/6_akita/akita_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_hukusima  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/7_fukushima/fukushima_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_gunma  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/8_gunma/gunma_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_totigi  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/9_totigi/totigi_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_saitama  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/10_saitama/saitama_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_ibaraki  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/11_ibaraki/ibaraki_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_tokyo  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/12_tokyo/tokyo_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_kanagawa  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/13_kanagawa/kanagawa_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_tiba  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/14_tiba/tiba_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_niigata  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/15_niigata/niigata_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_yamanashi  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/16_yamanashi/yamanashi_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_nagano  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/17_nagano/nagano_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_shizuoka  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/18_shizuoka/shizuoka_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_aichi  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/19_aichi/aichi_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_gifu  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/20_gifu/gifu_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_mie  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/21_mie/mie_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_toyama  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/22_toyama/toyama_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_fukui  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/23_fukui/fukui_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_ishikawa  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/24_ishikawa/ishikawa_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_shiga  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/25_shiga/shiga_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_osaka  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/26_osaka/osaka_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_nara  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/27_nara/nara_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_kyoto  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/28_kyoto/kyoto_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_wakayama  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/29_wakayama/wakayama_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_hyogo  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/30_hyogo/hyogo_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_okayama  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/31_okayama/okayama_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_hiroshima  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/32_hiroshima/hiroshima_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_tottori  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/33_tottori/tottori_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_shimane  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/34_shimane/shimane_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_yamaguchi  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/35_yamaguchi/yamaguchi_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_ehime  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/36_ehime/ehime_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_kagawa  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/37_kagawa/kagawa_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_kouchi  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/38_kouchi/kouchi_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_tokushima  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/39_tokushima/tokushima_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_fukuoka  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/40_fukuoka/fukuoka_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_oita  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/41_oita/oita_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_nagasaki  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/42_nagasaki/nagasaki_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_saga  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/43_saga/saga_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_miyazaki  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/44_miyazaki/miyazaki_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_kumamoto  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/45_kumamoto/kumamoto_map.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_kagoshima  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/46_kagoshima/kagoshima_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.map_okinawa  {
    margin: 10px 0;
    height: 300px;
    background-image: url(images/47_okinawa/okinawa_map.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
@media screen and (max-width: 800px) {
    .map_hokkaido {
        padding-top: -100px;
    }
    .map_aomori {
        padding-top: -100px;
    }
    .map_iwate {
        padding-top: -100px;
    }
    .map_miyagi {
        padding-top: -100px;
    }
    .map_yamagata {
        padding-top: -100px;
    }
    .map_akita {
        padding-top: -100px;
    }
    .map_hukusima {
        padding-top: -100px;
    }
    .map_gunma {
        padding-top: -100px;
    }
    .map_totigi {
        padding-top: -100px;
    }
    .map_saitama {
        padding-top: -100px;
    }
    .map_ibaraki {
        padding-top: -100px;
    }
    .map_tokyo {
        padding-top: -100px;
    }
    .map_kanagawa {
        padding-top: -100px;
    }
    .map_tiba {
        padding-top: -100px;
    }
    .map_niigata {
        padding-top: -100px;
    }
    .map_niigata {
        padding-top: -100px;
    }
    .map_niigata {
        padding-top: -100px;
    }
    .map_aichi {
        padding-top: -100px;
    }
    .map_gifu {
        padding-top: -100px;
    }
    .map_mie {
        padding-top: -100px;
    }
    .map_toyama {
        padding-top: -100px;
    }
    .map_fukui {
        padding-top: -100px;
    }
    .map_ishikawa {
        padding-top: -100px;
    }
    .map_shiga {
        padding-top: -100px;
    }
    .map_osaka {
        padding-top: -100px;
    }
    .map_nara {
        padding-top: -100px;
    }
    .map_kyoto {
        padding-top: -100px;
    }
    .map_wakayama {
        padding-top: -100px;
    }
    .map_hyogo {
        padding-top: -100px;
    }
    .map_hiroshima {
        padding-top: -100px;
    }
    .map_tottori {
        padding-top: -100px;
    }
    .map_shimane {
        padding-top: -100px;
    }
    .map_yamaguchi {
        padding-top: -100px;
    }
    .map_ehime {
        padding-top: -100px;
    }
    .map_kagawa {
        padding-top: -100px;
    }
    .map_kouchi {
        padding-top: -100px;
    }
    .map_tokushima {
        padding-top: -100px;
    }
    .map_fukuoka {
        padding-top: -100px;
    }
    .map_oita {
        padding-top: -100px;
    }
    .map_nagasaki {
        padding-top: -100px;
    }
    .map_saga {
        padding-top: -100px;
    }
    .map_miyazaki {
        padding-top: -100px;
    }
    .map_kumamoto {
        padding-top: -100px;
    }
    .map_kagoshima {
        padding-top: -100px;
    }
    .map_okinawa {
        padding-top: -100px;
    }
}
.navigation {
    height:50px;
    padding-right: 5vw;
}
.navigation a {
    font-family: serif;
    font-size: 30px;
    color: red;
    /*border-bottom: 2px solid rgb(83, 73, 168);*/
}
.navigation a:hover {
    color:#fff;
}
.navigation ol li {
    text-align: center;
}
@media screen and (max-width: 500px) {
    .navigation a {
        font-size: 20px;
    }
}
/* ------------------------  都道府県　地図　------------------------*/