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

    word-break: keep-all;
}

.wrapper{
    max-width: 1120px;
    margin: auto;
    padding: 0 1.5rem;
}

img{max-width: 100%;
max-height: auto;}

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

    word-break: keep-all;
}

.choose-area{
    border-style: solid;
    border-color: black;

    background-color:white;

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

    padding: 10px;
}

/*会社形態の選択*/

    .container-choose-category
        {
    background-color:  ivory;
    border-style:solid;

    display: grid;
    grid-template-columns: repeat(4,1fr);
    
    align-items: center;
    justify-content: center;

    margin: 5px;
    padding: 5px;

    gap: 10px;
        }
    

    @media(max-width:700px){
    .container-choose-category
        {display: grid;
         grid-template-columns:repeat(2,1fr);
        }
    }

    @media(max-width:400px){

        .container-choose-category{
            display: block;
        }
    }

/*コンテナ*/
.item-area-htrainconpanycategoryJR,.item-area-htrainconpanycategoryOteShitetsu,.item-area-htrainconpanycategoryShitetsu,
.item-area-htrainconpanycategorysec3,.item-area-htrainconpanycategorySubway,.item-area-htrainconpanycategoryStreetCar,.item-area-htrainconpanycategoryMonorail,.item-area-htrainconpanycategoryCableCar,.item-area-htrainconpanycategoryRopeway,
.item-area-htrainconpanycategoryAGT{
    border-style:solid;
    border-color: gray;

    margin: 5px;
    padding: 5px;
}

/*リンクカラー*/
.item-area-htrainconpanycategoryJR a,.item-area-htrainconpanycategoryOteShitetsu a,.item-area-htrainconpanycategoryShitetsu a,
.item-area-htrainconpanycategorysec3 a,.item-area-htrainconpanycategorySubway a,.item-area-htrainconpanycategoryStreetCar a,
.item-area-htrainconpanycategoryMonorail a,.item-area-htrainconpanycategoryCableCar a,.item-area-htrainconpanycategoryRopeway a,
.item-area-htrainconpanycategoryAGT a{

    color: white;
}

/*背景色*/
.item-area-htrainconpanycategoryJR,#JR{
    background-color: black;
}

.item-area-htrainconpanycategoryOteShitetsu,#OteShitetsu,.item-area-htrainconpanycategoryShitetsu,#Shitetsu{
    background: purple;
}

.item-area-htrainconpanycategorysec3,#sec3{
    background: blue;
}

.item-area-htrainconpanycategorySubway,#Subway{
    background: navy;
}

.item-area-htrainconpanycategoryStreetCar,#StreetCar{
    background-color: darkgreen;
}

.item-area-htrainconpanycategoryMonorail,#Monorail{
    background: steelblue;
}

.item-area-htrainconpanycategoryCableCar,#CableCar{
    background: yellowgreen;
}

.item-area-htrainconpanycategoryRopeway,#Ropeway{
    background: gray;
}

.item-area-htrainconpanycategoryAGT,#AGT{
    background: skyblue;
}



/*コンテンツエリア*/

    .grid{
    display: block;
    }

    @media(min-width:600px){
        
     .grid
        {
            display: grid;
            gap:1.5rem 1.5rem;
            grid-template-columns: repeat(2,1fr);

            text-align: center;
            justify-content: center;
        }
    }

/*見出し*/
h3{color: #fff;
    margin: 10px;}


/*会社形態の選択*/

     .container-choose-company
        {
            background-color:  ivory;
            border-style:solid;

            display: grid;
            grid-template-columns: repeat(4,1fr);

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


            margin: 10px;
        }


        @media(max-width:700px){
        .container-choose-company
        {display:block;
        }
    }

/*アイテムエリア*/

.item-area-traincompany{
    border-width: medium;
    border-style: solid;
    border-color: black;

    background-color: #fff;

    margin: 5px;
    padding: 10px;

    word-break: keep-all;  
}

.item-area-trainconpany p{
    font-size: .875rem;
}

.item-area-traincompany img{

    max-width: 100%;
    max-height: auto;

    justify-content: center;
    align-content: center;

    margin-top: 10px;

    object-fit: contain;
}

/*背景色(見出し)*/

.prefecturetitle-hokkaido{
    background: yellowgreen;
    color: #fff;
}

.prefecturetitle-tohoku{
    background: blue;
    color: #fff;
}

.prefecturetitle-kanto{
    background: green;
    color: #fff;
}

.prefecturetitle-cyubu{
    background: orange;
    color: #fff;
}

.prefecturetitle-kinki{
    background: brown;
    color: #fff;
}

.prefecturetitle-cyugoku{
    background: navy;
    color: #fff;
}

.prefecturetitle-shikoku{
    background: skyblue;
    color: #fff;
}

.prefecturetitle-kyusyu{
    background-color: #E40112;
    color: #fff;
}



/*アイテム*/

/*画像*/

    /*JRグループ*/
        .jr-Hokkaido-logo,.jreast-logo,.jrcentral-logo,.jrwest-logo,
        .jrshikoku-logo,.jrkyusyu-logo,.jrflight-logo{
            max-width: 100%;
            height: 10vh;
            align-items: center;
            justify-content: center;
        }

    /*大手私鉄*/
    /*大手私鉄・関東*/
    .keikyu-logo{
        max-width: 100%;
        height: 5vh;

    }

    .tokyu-logo{
        max-width: 100%;
        height: 5vh;

    }

    .keio-logo{
        max-width: 100%;
        height: 5vh;

    }

    .odakyu-logo{
        max-width: 100%;
        height: 5vh;
    }

    .keisei-logo{
        max-width: 100%;
        height: 5vh; 
    }

    .tokyometro-logo{
        max-width: 100%;
        height: 5vh;  
    }

    .sotetsu-logo{
        max-width: 100%;
        height: 5vh;   
    }

    .seibu-logo{
        max-width: 100%;
        height: 5vh;  
    }

    .tobu-logo{
        max-width: 100%;
        height: 5vh;  
    }

    /*名鉄*/
        .meitetsu-logo{
        max-width: 100%;
        height: 5vh; 
    }

    /*大手私鉄・近畿*/

    .kintetsu-logo{
        max-width: 100%;
        height: 5vh;
    }

    .nankai-logo{
        max-width: 100%;
        height: 5vh;   
    }

    .keihan-logo{
        max-width: 100%;
        height: 5vh;
    }

    .hankyu-logo{
        max-width: 100%;
        height: 5vh;
    }

    .hanshin-logo{
        max-width: 100%;
        height: 5vh;
    }

    /*西鉄*/
    .nishitetsu-logo{
        max-width: 100%;
        height: 5vh;
    }

    
    /*私鉄*/
    /*私鉄・東北*/
    .tsugarurailway-logo{
        max-width: 100%;
        height: 7vh;
    }

    .konanrailway-logo{
        max-width: 100%;
        height: 7vh;
    }

    .fukushimakotsu-logo{
        max-width: 100%;
        height: 7vh;
    }

    /*私鉄・関東*/
        .zyomorailway-logo{
        max-width: 100%;
        height:7vh;
        background: black;
    }


    .zyoshinrailway-logo{
        max-width: 100%;
        height: 7vh;
    }

    .kantorailway-logo{
        max-width: 100%;
        height: 7vh;
    }
    
    .chichiburailway-logo{
        max-width: 100%;
        height: 7vh;
    }

    .enoden-logo{
        max-width: 100%;
        height: 7vh;   
    }

    .hakonetozanrailway-logo{
        max-width: 100%;
        height: 7vh; 
    }


    .kominatorailway-logo{
        max-width: 100%;
        height: 7vh; 
    }

    .cyoshirailway-logo{
        max-width: 100%;
        height: 7vh; 
    }

    /*私鉄・中部*/

    .fujikyu-logo{
        max-width: 100%;
        height: 7vh;
    }

    .naganorailway-logo{
        max-width: 100%;
        height: 7vh;
    }

    .uedarailway-logo{
        max-width: 100%;
        height: 7vh;
    }

    .alpicorailway-logo{
        max-width: 100%;
        height: 7vh;
    }

    .toyamachihotetsudo-logo{
        max-width: 100%;
        height: 7vh;
    }

    .hokurikurailway-logo{
        max-width: 100%;
        height: 7vh;
    }

    .fukuirailway-logo{
        max-width: 100%;
        height: 7vh;
    }

    .izuhakonerailway-logo{
        max-width: 100%;
        height: 7vh;
    }

    .izukyu-logo{
        max-width: 100%;
        height: 7vh;
    }

    .oigawarailway-logo{
        max-width: 100%;
        height: 7vh;
    }

    .shizuokarailway-logo{
        max-width: 100%;
        height: 7vh;
    }

    .ensyurailway-logo{
        max-width: 100%;
        height: 7vh;
    }

    .gakunanrailway-logo{
        max-width: 100%;
        height: 7vh;
    }

    .toyohashirailway-logo{
        max-width: 100%;
        height: 7vh;  
    }
    
    .sangirailway-logo{
        max-width: 100%;
        height: 7vh;
    }

    /*私鉄・近畿*/

    .omirailway-logo{
        max-width: 100%;
        height: 7vh;   
    }

    .eizanrailway-logo{
        max-width: 100%;
        height: 7vh; 
    }


    .kitakyu-logo{
        max-width: 100%;
        height: 7vh; 
    }

    .mizumarailway-logo{
        max-width: 100%;
        height: 7vh; 
    }

    .noseden-logo{
        max-width: 100%;
        height: 7vh; 
    }

    .sanyorailway-logo{
        max-width: 100%;
        height: 7vh; 
    }

    .shintetsu-logo{
        max-width: 100%;
        height: 7vh; 
    }

    .wakayamadentetsu-logo{
        max-width: 100%;
        height: 7vh; 
    }
    .kisyurailway-logo{
        max-width: 100%;
        height: 7vh; 
    }

    /*一畑電車*/
     .ichibatarailway-logo{
        max-width: 100%;
        height: 7vh; 
    }

    /*私鉄・四国*/
    .kotoden-logo{
        max-width: 100%;
        height: 7vh; 
    }

    .iyotetsu-logo{
        max-width: 100%;
        height: 7vh; 
    }

    /*私鉄・九州*/
    .shimabararailway-logo{
        max-width: 100%;
        height: 7vh; 
    }

    .kumamotorailway-logo{
        max-width: 100%;
        height: 7vh; 
    }

    /*第三セクター*/
    /*道南いさりび鉄道*/
    .donanisaribi-logo{
        max-width: 100%;
        height: 7vh;
    }

    /*第三セクター・東北*/
    .aoimori-logo{
        max-width: 100%;
        height: 7vh;
    }

    .hachinohe-rinkai-railway-logo{
        max-width: 100%;
        height: 7vh;
    }

    .igr-logo{
        max-width: 100%;
        height: 7vh;
    }

    .sanrikurailway-logo{
        max-width: 100%;
        height: 7vh;
        background: orange;
    }

    .iwatekaihatsurailway-logo{
        max-width: 100%;
        height: 7vh;
    }


    .akitanairiku-logo{
        max-width: 100%;
        height: 7vh;
    }

    .yurikogen-logo{
        max-width: 100%;
        height: 7vh;
    }

    .yamagatarailway-logo{
        max-width: 100%;
        height: 7vh;
    }


    .sendaiairport-logo{
        max-width: 100%;
        height: 7vh;
    }
    
    .sendai-rinkai-railway-logo{
        max-width: 100%;
        height: 7vh;
    }

    .abukuma-logo{
        max-width: 100%;
        height: 7vh;
    }

    .aidurailway-logo{
        max-width: 100%;
        height: 7vh;
    }

    .fukushima-rinkai-railway-logo{
        max-width: 100%;
        height: 7vh;
    }

    /*第三セクター・関東*/
    .watetsu-logo{
        max-width: 100%;
        height: 7vh;
    }
    
    .yaganrailway-logo{
        max-width: 100%;
        height: 7vh;
    }
    
    .mokarailway-logo{
        max-width: 100%;
        height: 7vh;
    }

    .hitachinakakaihin-railway-logo{
        max-width: 100%;
        height: 7vh;
    }
    
    .kashimarinkairailway-logo{
        max-width: 100%;
        height: 7vh;
    }

    .saitamakousokurailway-logo{
        max-width: 100%;
        height: 7vh;
    }

    .rinkailine-logo{
        max-width: 100%;
        height: 7vh;
    }
    
    .tsukubaexpress-logo{
        max-width: 100%;
        height: 7vh;
    }

    .minatomirailine-logo{
        max-width: 100%;
        height: 7vh;
    }

    .kanagawa-rinkai-railway-logo{
        max-width: 100%;
        height: 7vh;
    }

    .hokusorailway-logo{
        max-width: 100%;
        height: 7vh;  
    }

    .toyorapidrailway-logo{
        max-width: 100%;
        height: 7vh;  
    }


    .isumirailway-logo{
        max-width: 100%;
        height: 7vh;
        background: yellow;
    }


    .keiyou-rinkai-railway-logo{
        max-width: 100%;
        height: 7vh;
        background:#0D659C
    }

    /*第三セクター・中部*/

    .hokuetsuexp-logo{
        max-width: 100%;
        height: 7vh; 
    }

    .echigo-tokimeki-logo{
        max-width: 100%;
        height: 7vh;  
    }

    .ainokaze-toyama-railway{
        max-width: 100%;
        height: 7vh;  
    }

    .nototetsu-logo{
        max-width: 100%;
        height: 7vh;  
    }

    
    .irishikawarailway-logo{
        max-width: 100%;
        height: 7vh;  
    }

    .happylinefukui-logo{
        max-width: 100%;
        height: 7vh;  
    }

    .echizen-tetsudo-logo{
        max-width: 100%;
        height: 7vh;  
    }

    .shinanorailway-logo{
        max-width: 100%;
        height: 7vh;  
    }

    .tenhama-logo{
        max-width: 100%;
        height: 7vh;  
    }

    .aichikanjyorailway-logo{
        max-width: 100%;
        height: 7vh;  
    }
    
    .aonamiline-logo{
        max-width: 100%;
        height: 7vh;  
    }

    .nagoya-rinkai-railway-logo{
        max-width: 100%;
        height: 7vh;  
    }
    
    .kinura-rinkai-railway-logo{
        max-width: 100%;
        height: 7vh;  
    }

    .tarumi-railway{
        max-width: 100%;
        height: 7vh;  
    }
    
    .nagaragawaraolway-logo{
        max-width: 100%;
        height: 7vh;  
    }

    .akechirailway-logo{
        max-width: 100%;
        height: 7vh;  
    }
    
    .yororailway-logo{
        max-width: 100%;
        height: 7vh;  
    }

    .yokkaichi-asunarrow-railway-logo{
        max-width: 100%;
        height: 7vh;  
    }

    .iserailway-logo{
        max-width: 100%;
        height: 7vh;  
    }

    .iga-railway-logo{
        max-width: 100%;
        height: 7vh;  
    }

    /*第三セクター・近畿*/
    .shigarakirailway-logo{
        max-width: 100%;
        height: 7vh;  
    }
    
    .tantetsu-logo{
        max-width: 100%;
        height: 7vh;  
    }

    .hojyorailway-logo{
        max-width: 100%;
        height: 7vh;
        background:#260700;  
    }

    /*第三セクター・中国*/
     .ibara-railway-logo{
        max-width: 100%;
        height: 7vh;
    }
    .mizushima-rinkai-railway-logo{
        max-width: 100%;
        height: 7vh;
    }

     .wakasarailway-logo{
        max-width: 100%;
        height: 7vh;
    }

    .chizukyu-logo{
        max-width: 100%;
        height: 7vh;
    }

     .nishikigawa-railway-logo{
        max-width: 100%;
        height: 7vh;
        background:#1E3799;
    }

    /*第三セクター・四国*/
    .asakaigan-railway-logo{
        max-width: 100%;
        height: 7vh;
    }
    
    .tosakuroshio-railway-logo{
        max-width: 100%;
        height: 7vh;
    }

    /*第三セクター・九州*/

    .amagirailway-logo{
        max-width: 100%;
        height: 7vh;
    }

    .heichiku-logo{
        max-width: 100%;
        height: 7vh;
    }

    .matsura-railway-logo{
        max-width: 100%;
        height: 7vh;
    }

    .minamiaso-railway-logo{
        max-width: 100%;
        height: 7vh;
    }

    .kumagawa-railway-logo{
        max-width: 100%;
        height: 7vh;
    }

    .hisatsuorangerailway-logo{
        max-width: 100%;
        height: 7vh;
    }

    /*地下鉄*/
    
    /*北海道・地下鉄*/
        .sapporosubway-logo{
        max-width: 100%;
        height: 7vh;
    }

    /*東北・地下鉄*/
    .sendaisubway-logo{
        max-width: 100%;
        height: 7vh;
    }

    /*関東・地下鉄*/
    .toei-logo{
        max-width: 100%;
        height: 7vh;
    }

    .yokohamasubway-logo{
        max-width: 100%;
        height: 7vh;
    }

    /*名古屋市営地下鉄*/
    .nagoyasubway{
        max-width: 100%;
        height: 7vh;
    }

    /*近畿・地下鉄*/
    .kyotosubway-logo{
        max-width: 100%;
        height: 7vh;
    }

    .osakametro-logo{
        max-width: 100%;
        height: 7vh;
    }

    .kobesubway-logo{
        max-width: 100%;
        height: 7vh;
    }

    /*福岡市営地下鉄*/
    .fukuokasubway-logo{
        max-width: 100%;
        height: 7vh;
    }

    /*路面電車*/
    
    /*北海道・路面電車*/
    .hakodatestreetcar-logo{
        max-width: 100%;
        height: 7vh;
    }
    
    .sapporostreetcar-logo{
        max-width: 100%;
        height: 7vh;
    }

    /*関東・路面電車*/
    .utsunomiyalrt-logo{
        max-width: 100%;
        height: 7vh;
    }

    .toeiStreetcar-logo{
        max-width: 100%;
        height: 7vh;
    }

    .tokyu-setagayaline-logo{
        max-width: 100%;
        height: 7vh;
    }


    /*中部・路面電車*/
    .chitetsustreetcar-logo{
        max-width: 100%;
        height: 7vh;
    }

    .manyosen-logo{
        max-width: 100%;
        height: 7vh;
    }

    .fukutetsustreetcar-logo{
        max-width: 100%;
        height: 7vh;
    }

    .toyotetsustreetcar-logo{
        max-width: 100%;
        height: 7vh;
    }

    /*近畿・路面電車*/
    .randen-logo{
        max-width: 100%;
        height: 7vh;
    }

    .hankai-logo{
        max-width: 100%;
        height: 7vh;
    }
    
    /*中国・路面電車*/
    .okaden-logo{
        max-width: 100%;
        height: 7vh;
    }

    .hiroden-logo{
        max-width: 100%;
        height: 7vh;
        background: #009944;
    }

    /*四国・路面電車*/
    .tosaden-logo{
        max-width: 100%;
        height: 7vh;
    }

    .iyotetsustreetcar-logo{
        max-width: 100%;
        height: 7vh;
    }


    /*九州・路面電車*/
    .chikuhostreetcar-logo{
        max-width: 100%;
        height: 7vh;
    }

    .nagasakistreetcar-logo{
        max-width: 100%;
        height: 7vh;
    }
    .kumamotostreetcar-logo{
        max-width: 100%;
        height: 7vh;
    }
    
    .kagoshimastreetcar-logo{
        max-width: 100%;
        height: 7vh;
    }

    /*モノレール*/
    /*関東・モノレール*/
    .tokyomonorail-logo{
        max-width: 100%;
        height: 7vh;
    }

    .tamamonorail-logo{
        max-width: 100%;
        height: 7vh;
    }

    .chibatoshimonorail-logo{
        max-width: 100%;
        height: 7vh;
    }

    .maihamarizortline-logo{
        max-width: 100%;
        height: 7vh;
    }
    
    .syonanmonorail-logo{
        max-width: 100%;
        height: 7vh;
    }

    /*大阪モノレール*/
    .osakamonorail-logo{
        max-width: 100%;
        height: 7vh;
    }

    /*九州・沖縄・モノレール*/
    .kitakyusyumonorail-logo{
        max-width: 100%;
        height: 7vh;
    }

    .yuirail-logo{
        max-width: 100%;
        height: 7vh;
    }


    /*ケーブルカー*/
    /*東北・ケーブルカー*/
    .seikantonnel-logo{
        max-width: 100%;
        height: 7vh;
    }


    /*関東・ケーブルカー*/
    .tsukubasancable-logo{
        max-width: 100%;
        height: 7vh;
    }
    
    .takaosancable-logo{
        max-width: 100%;
        height: 7vh;
    }

    .mitaketozancable-logo{
        max-width: 100%;
        height: 7vh;
        background:#009680;
    }

    .hakonetozancable-logo{
        max-width: 100%;
        height: 7vh;
    }

    .oyamacable-logo{
        max-width: 100%;
        height: 7vh;
    }

    /*中部・ケーブルカー*/
    .zyukkokutougepanoramacable-logo{
        max-width: 100%;
        height: 7vh;
    }

    .tateyamakurobealpenroot-logo{
        max-width: 100%;
        height: 7vh;
    }

    /*近畿・ケーブルカー*/
    .keihan-sakamotocable-logo{
        max-width: 100%;
        height: 7vh;
    }

    .amanohashidatecable-logo{
        max-width: 100%;
        height: 7vh;
    }

    .eizancable-logo{
        max-width: 100%;
        height: 7vh;
    }

    .keihan-iwashimizuhachimangu-cable{
        max-width: 100%;
        height: 7vh;
    }


    .kintetsu-nishishigicable-logo{
        max-width: 100%;
        height: 7vh;
    }
    
    .kintetsu-ikomacable-logo{
        max-width: 100%;
        height: 7vh;
    }

    .nankai-koyasan-cable{
        max-width: 100%;
        height: 7vh;
    }

    .rokkocable-logo{
        max-width: 100%;
        height: 7vh;
    }
    
    .mayacable-logo{
        max-width: 100%;
        height: 7vh;
    }

    /*四国ケーブル*/
    .shikokucable-logo{
        max-width: 100%;
        height: 7vh;
    }

    /*九州・ケーブルカー*/
    .sarakurayamacable-logo{
        max-width: 100%;
        height: 7vh;
    }

    .beppurakutenchi-logo{
        max-width: 100%;
        height: 7vh;
    }

    /*ロープウェイ*/
    /*中部・ロープウェイ*/
    .gozaisyoropeway-logo{
        max-width: 100%;
        height: 7vh;
    }



    /*近畿・ロープウェイ*/
    .hachimanyamaropeway-logo{
        max-width: 100%;
        height: 7vh;
    }

    .eizanropeway-logo{
        max-width: 100%;
        height: 7vh;
    }

    .katsuragisanropeway-logo{
        max-width: 100%;
        height: 7vh;
    }

    .yoshinoominecable-logo{
        max-width: 100%;
        height: 7vh;
    }

    .sumauraropeway-logo{
        max-width: 100%;
        height: 7vh;
    }


    /*新交通システム*/
    /*関東・新交通システム*/
    .newshuttle-logo{
        max-width: 100%;
        height: 7vh;
    }

    .leoliner-logo{
        max-width: 100%;
        height: 7vh;
    }

    .yamaman-logo{
        max-width: 100%;
        height: 7vh;
    }

    .nipporitoneriliner-logo{
        max-width: 100%;
        height: 7vh;
    }

    .yurikamome-logo{
        max-width: 100%;
        height: 7vh;
    }
    
    .yokohamaseasideline-logo{
        max-width: 100%;
        height: 7vh;
    }

    /*近畿・新交通システム*/
    .newtram-logo{
        max-width: 100%;
        height: 7vh;
    }

    .kobeshinkotsu-logo{
        max-width: 100%;
        height: 7vh;
    }

    /*アストラムライン*/
    .astramline-logo{
        max-width: 100%;
        height: 7vh;
    }

  

/*矢印*/

.trainconpany-arrow-item{
    position: fixed;
    bottom: 16px;
    right: 16px;

    border-radius: 50%;
    background: blue;
    margin: 10px;
    font-size: larger;
}

.trainconpany-arrow-item a{
    color: white;
    display: block;
    text-decoration: none;
}

.trainconpany-arrow-item a{
    opacity: 0.85;
}