#top_navi ul li a#top_navi_indices{
	background-image:url(./../image/common/navi_indices_off.png);
	background-repeat:no-repeat;
	width:55px;
}
#top_navi ul li a#top_navi_indices:hover{
	background-image:url(./../image/common/navi_indices_on.png);
}

.komoro_f {
    position: relative;
    display: flex;
    justify-content: space-between;
}
.komoro_f .banner {
    width: 50%;
}
.komoro_f .banner img {
    width: 100%;
}
.komoro_f form {
    position: relative;
    width: 50%;
}
.komoro_f form .unnosarcht {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    height: 50px !important;
}
.komoro_f form input[type="submit"] {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}


.f-search-inner {
    display: flex;
    justify-content: center;
    width: 1024px;
    margin: 0 auto;
}
.f-search-inner .banner {
    width: 50%;
    text-align: center;
}
.f-search-inner form {
    position: relative;
    width: 50%;
}
.f-search-inner form input[type="text"] {
    position: relative;
    top: 50%;
    transform: translateY( -50% );

    padding: 10px;
    
}
.f-search-inner form input[type="submit"] {
    position: relative;
    top: 50%;
    transform: translateY( -50% );
    height: 50px;
    
}
@media screen and (max-width: 599px) {
    #top_navi ul {
        display: flex;
        justify-content: space-between;
    }
    #top_navi ul li {
        float: none !important;
    }
    #top_navi ul li a {
        box-sizing: border-box;
        padding: 0 10px;
    }
    #top_navi ul li a#top_navi_top {
        width: 100% !important;
    }
    #top_navi ul li a#top_navi_diary {
        width: 100% !important;
    }
    #top_navi ul li a#top_navi_movie {
        width: 100% !important;
    }
    #top_navi ul li a#top_navi_indices{
        background-image: none;
        width: 100% !important;
    }
    #top_navi ul li a#top_navi_indices:hover{
        background-image: none;
    }
    #top_navi ul li a#top_navi_profile {
        width: 100% !important;
    }
    .komoro_f {
        display: block;
    }
    .komoro_f .banner {
        width: calc( 100% - 10% );
        margin: 5%;
    }
    .komoro_f form {
        width: 100%;
        margin-top: 15px;
    }
    .komoro_f form .unnosarcht {
        position: relative;
        top: auto;
        transform: none;
    }
    .komoro_f form input[type="submit"] {
        position: relative;
        top: auto;
        transform: none;
    }
}
@media screen and (max-width: 320px) {
    #top_navi ul li a#top_navi_indices{
        background-image: none;
    }
    #top_navi ul li a#top_navi_indices:hover{
        background-image: none;
    }
}