@font-face {
    font-family: 'font_woff';
    font-style: normal;
    font-weight: 400;
    src:url(https://fonts.gstatic.com/s/materialicons/v47/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2'),
        url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/fonts/fontawesome-webfont.woff2?v=4.4.0) format('woff2'),
        url(https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.woff2) format('woff2'),
        url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format('woff2'),
        url(https://fonts.gstatic.com/l/font?kit=k3kUo8oPIeJRyV8MHcZkKWHEA6CF8T3Ot-vQUEPe2OIei3VXH_HtE7bHzMhCt0b_w-ySWd-9NOyB7CQsuhvrOPftZ4OVPyeq&skey=1f5b7326409871c7&v=v14) format('woff2'),
        url(https://fonts.gstatic.com/l/font?kit=k3kTo8oPIeJRyV8MHf7NAUPJKZC9tEi0ufjCfnn_Xg3ji3V3H_HiE7XEzMhEt0fWw-yYWd-jNOy37CQiuhv8PuXbZ6ic&skey=ce6b3497355c8867&v=v14) format('woff2'),
        url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format('woff2');
    font-display: swap;
}

.loginbox {
}
.topcentering {
    text-align: center;
}


/* html {
padding-bottom:10px;
/*bottom:env(safe-area-inset-bottom);
bottom: constant(safe-area-inset-bottom);} */

/*========================
　ドロワーメニュー
　========================*/

#slider{
    background-color: #fff;
}

.slider-user{
    height: 120px;
    background-color: #FF7B01;
}

.slider-user-icon{
    padding-top:20px;
    text-align: center;
}

.slider-user-name{
    margin-top:5px;
    text-align:center;
    font-size:20px;
    color: #fff;
}

a.usernamewhite{
    color: #fff;
    outline: none;
}

a.usernamewhite:hover, a.usernamewhite:focus{
    text-decoration: none;
}

.slider-contentlists{

}

.slider-contentlists .navbar-nav{
margin:0;
font-size:20px;
}

.slider-contentlists .navbar-nav .nav > li > a:hover, .nav > li > a:focus, .nav > li > a{
    color:#000;
}

.slider-contentlists .nav > li > a:focus{
    background-color: #fcfcfc;
}

.slider-contentlists .navbar-nav > li > a{
padding-top: 15px;
padding-bottom: 15px;
}



.slider-contentlist{
color:#000;
}


.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
	color:#a9a9a9;/*マウスオーバー時の色*/
} 

.slider-contentlist-icon{
    width:20%;
    text-align: center;
    float: left;
    height:50px;
    font-size:20px;
	display: flex;
    align-items: center;
    justify-content: center;
}

.slider-contentlist-name{
    width:70%;
    text-align: center;
    float: left;
    height:50px;
    font-size:20px;
    display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*clearfix*/
.slider-contentlist:before,
.slider-contentlist:after {
    content: "";
    display: table;
}
 
.slider-contentlist:after {
    clear: both;
}


/*========================
　smartphone　bottom menu
　========================*/


.mini-text{font-size:10px;}/*文字大きさ*/

ul.bottom-menu {
    position: fixed;
    left:0;
    bottom:0;
    width: 100%;
    height:calc(50px + env(safe-area-inset-bottom));/*高さ*/
    /*height:calc(45px + 10px);/*高さ*/
    height:calc(50px+constant(safe-area-inset-bottom));/*高さ*/

    margin:0;
    padding-left:0px;
    padding-right:0px;
    background-color:#fff;/*背景色*/
    padding-top:1px;/*バーの上の線*/
    /*border-top:1px solid #808080;/*バーの上の線*/
    /*border-bottom:1px solid #808080;/*バーの下の線*/
    z-index:30;
    /*padding-bottom:10px;*/
    /*bottom:env(safe-area-inset-bottom);
    bottom:constant(safe-area-inset-bottom);*/

}

ul.bottom-menu li {
    float:left;
    width:20%;
    background-color:#fff;/*背景色*/
    list-style-type:none;
    text-align:center;
    font-size:22px;/*アイコンのサイズ*/
    
    }

.bottom-menu li a {
    display: block;
    color:#000;/*アイコン＆文字の色*/
    padding-top:7px;
    padding-bottom:5px;
    line-height:10px;
    text-decoration:none;
    }

.bottom-menu li a:hover {
    color:#a9a9a9;/*マウスオーバー時の色*/}

/* === 展開メニュー === */

ul.menu-second-level {
    visibility: hidden;
    opacity: 0;
    z-index:10;
    border-top:1px solid #ddd;/*展開の枠点線*/
    /*border-bottom:1px solid #ddd;/*展開の枠点線*/
}

ul.menu-second-level li a{
    border-bottom:1px solid #ddd;/*展開の枠点線*/
        font-size:15px;/*展開メニューの文字サイズ*/
        line-height:30px;/*文字の縦幅*/
        z-index:11;
    }

.menu-second-level li a:hover {
    height:100%;
    background: lightgrey;/*マウスオーバーの色*/}

li.menu-width-max ul.menu-second-level {
    position: absolute;
    bottom: 49px;/*高さ*/
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding:0;
    z-index:11
}

li.menu-width-max:hover ul.menu-second-level {
    bottom: 49px;/*高さ*/
    visibility: visible;
    opacity: 1;
    z-index:11
}

li.menu-width-max ul.menu-second-level li {
    float: left;
    width: 100%;
    border: none;}



    /*PC表示の際はボトムメニューは表示しない*/
@media(min-width: 768px){
    .bottom-menu{display:none; }
}


.sitename{
margin:10px 0 10px;
text-align:center;
    }

.notbigcharacter {
    text-transform:none;
}

.hyakuper {
    width:100% !important;
}


        .toplogo2{
    width: 60px;
    height: 60px;
    }
    
        .toplogo3{
    width: 240px;
    height: 60px;
    }

.form-omake {
    font-size: 16px;
    line-height: 1.42857143;
    /*margin: 28px 0 0 0;*/
    color: #BDBDBD;
    font-weight: 400;
}

.form-group {
    margin: 0 0 0 0;
}


.topiclist {
    list-style-type: none;
}

.topiclistfont {
    font-size: 14px;
    line-height: 1.42857143;
    margin: 0;
}

.topiclistfont>li>a:visited {
    color: #3366FF;
}

    @media screen and (max-width: 350px) { 
        
      .toplogo2{
    width: 40px;
    height: 40px;
    }
    
        .toplogo3{
    width: 180px;
    height: 40px;
    }
}

    @media screen and (min-width: 768px) { 
        
.sitename{
margin:10px 0 10px;
text-align:left;
    }
}

.toppagepanel {
    padding-left: 10px;
}

.topiclist {
    list-style-type: none;
    padding: 0;
    margin: 0 10px;
}

.osusumetopic {
    list-style-type: none;
    padding: 0;
    margin: 0 10px;
}



.secondtraincell {
    list-style: none;
    text-align: center;
    vertical-align: middle;
    align-items: center;
}