@charset "utf-8";
/* CSS Document */


#index_contents_nav ul .icon-right-open:before {
    content: '\f006';
    position: absolute;
    display: block;
    left: 2.5em;
    top: 48%;
    transform: translateY(-50%);
    text-align: center;
    font-size: 0.7em;
}



/* index nav
------------------ */
#contents_nav_area{
	display: none;
}

#index_contents_nav{
display: none;
}


#index_contents_nav li a{
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 0.8rem 0;
}

@media print, screen and (min-width: 1100px){

#contents_nav_area{
	display: block;
}	

#index_contents_nav{
	display: block;
    text-align: center;
	width: 100%;
    background: #222;
	margin-top: 2rem;
    margin-bottom: 1rem;
	color: #fff;
}

#index_contents_nav ul{
    width: 1100px;
	margin-left: auto;
	margin-right: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
	
#index_contents_nav li{
	position: relative;
    border: none!important;
}

#index_contents_nav li a{
    padding: 0.7rem 2rem;
    padding-left: calc(2rem + 1em);
    transition: 0.2s;
    font-weight: bold;
}

#index_contents_nav li a:hover{
    background: #fff;
	color: #000;
}
#index_contents_nav li .match{
	padding-top: 25px;
	padding-bottom: 25px;
}
	
}