@charset "utf-8";

/* --------------------
 Class
-------------------- */

.nw {display:inline-block;}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

/* --------------------
 Content
-------------------- */

#nav_in {
	border:1px solid #CCC;
	background:#EFEFEF;
	text-align:center;
	padding:10px;
	box-sizing: border-box;
	margin: 0 10px 15px;
}
#nav_in .nab_in_title {
	font-weight:bold;
	color:#474646;
	font-size: 16px;
	padding:0.5em 0 0.8em;
}
#nav_in .nav_in_List {}
#nav_in .nav_in_List li {
	float:left;
	width:32.6%;
	margin-right:1%;
	margin-bottom:0.3em;
	box-sizing: border-box;
}
#nav_in .nav_in_List li:nth-child(3n) {
	margin-right:0;
}
#nav_in .nav_in_List li a {
	display: block;
	padding:0.8em 0;
	color:#474646;
	background:#FFF url(/library/common/rn/images/arrow02_ico.png) no-repeat 5px center;
	border:1px solid #CCC;
	position: relative;
}
#nav_in .nav_in_List li a:after {
	position: absolute;
}
#nav_in .nav_in_List li a:hover {border:1px solid #999;}

/* --------------------
 PC and Print
-------------------- */
@media screen and (min-width:769px), print {

/* ----- Content ----- */
#nav_in {
	width:630px;
	padding:5px 10px 7px;
	margin: 0 0 20px;
}
#nav_in .nav_in_List li {
	width:119px;
	margin-right:3px;
	margin-bottom:0.3em;
}
#nav_in .nav_in_List li:nth-child(3n) {
	margin-right:3px;
}
#nav_in .nav_in_List li:nth-child(5n) {
	margin-right:0;
}
}


/*--------------------------------
　左サイドメニュー
-------------------------------- */
#nav_side_in {
	border:1px solid #CCC;
	background:#EFEFEF;
	text-align:center;
	padding:5px;
	box-sizing: border-box;
	margin: 0 10px;
}
#nav_side_in .nab_in_title {
	font-weight:bold;
	color:#474646;
	font-size: 4vw;
	padding:0.5em 0 0.8em;
}
#nav_side_in .nav_in_List {}
#nav_side_in .nav_in_List li {
	float:left;
	width:32.6%;
	margin-right:1%;
	margin-bottom:0.3em;
	box-sizing: border-box;
	font-size: 3.5vw;
}
#nav_side_in .nav_in_List li:nth-child(3n) {
	margin-right:0;
}
#nav_side_in .nav_in_List li a {
	display: block;
	padding:0.8em 0;
	color:#474646;
	background:#FFF url(/library/common/rn/images/arrow02_ico.png) no-repeat 5px center;
	border:1px solid #CCC;
	position: relative;
}
#nav_side_in .nav_in_List li a:after {
	position: absolute;
}
#nav_side_in .nav_in_List li a:hover {border:1px solid #999;}

/* --------------------
 PC and Print
-------------------- */
@media screen and (min-width:769px), print {

/* ----- Content ----- */
#nav_side_in {
	width:300px;
	padding:5px 5px 2px;
	margin: 0 0 20px;
}
#nav_side_in .nab_in_title {
	font-size: 0.9rem;
}
#nav_side_in .nav_in_List li {

	font-size:0.7rem
}

}