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

.mod_nav {
	padding              : 0 0 0 0;
	z-index              : 1;
}

.mod_nav_inner {
	margin-top           : 0px;
}

.mod_nav a{
    display              : inline-block;
}
.mod_nav a:hover {
}
}
}
@media screen and (max-width:768px) {
.mod_nav {
	 position            : relative;
	 padding             : 0;
	 height              : 50px;
}
}
/* navtitle */  
.mod_nav p.navtitle {
	 display             : none;
	 color               : #cccccc;/* モバイルメニューアイコン色 */
}

@media screen and (max-width:768px) {
.mod_nav p.navtitle {
	 position            : absolute;
	 top                 : 8px;
	 left                : 10px;
	 display             : block;
	 font-size           : 20px;
	 cursor              : pointer;
}
.mod_nav p.navtitle i{
	 font-size           : 24px;
}
.mod_nav p.navtitle span{
    display              : block;
    width                : 1px;
    height               : 1px;
    overflow             : hidden;
}
}

/* mod_nav_inner */
.mod_nav_inner {
}
@media screen and (max-width:768px) {
.mod_nav_inner {
	 display             : none;
	 position            : relative;
	 top                 : 45px;
	 left                : 0;
	 background-color    : #ffffff;/* 折りたたみメニュー背景色 */
}
}
.mod_nav_inner ul {
	 margin              : 0 20px 0 20px;
	 text-align          : right;
}
@media screen and (max-width:768px) {
	.mod_nav_inner ul {
	 margin              : 0;
	 text-align          : left;
	 border-top          : solid 1px #ccc;/* 折りたたみメニュー下線色1本目 */
}
}
.mod_nav_inner ul li {
	 display             : inline-block;
	 margin              : 0 20px 0 20px;
}
@media screen and (max-width:768px) {
.mod_nav_inner ul li {
	 display             : block;
	 margin              : 0;
	 border-bottom       : solid 1px #ccc;/* 折りたたみメニュー下線色2本目以降 */
}
}
.mod_nav_inner ul li a {
	 display             : block;
	 padding             : 0 0 0 0;
	 position            : relative;
}
@media screen and (max-width:768px) {
.mod_nav_inner ul li a {
	 display             : block;
	 padding             : 15px 0 15px 40px;
}

.mod_nav_inner ul li a:before {
	 position            : absolute;
	 margin-top          : -11px;
	 top                 : 50%;
	 left                : 4px;
	 color               : #626262;/* 折りたたみメニューアイコン色 */
	 content             : " \f054";
	 font-family         : FontAwesome;
}
}

@media screen and (max-width:768px) {
.mod_nav_inner ul li a:before {
	left                : 15px;
}

.mod_nav_inner ul li a:link {
	color               : #626262;
	text-decoration     : none;
}
.mod_nav_inner ul li a:visited {
	color               : #626262;/* 折りたたみメニューテキスト色 */
	text-decoration     : none;
}
.mod_nav_inner ul li a:hover, .mod_nav_inner ul li a:hover:before {
	color               : #626262;/* 折りたたみメニューテキスト色 */
	text-decoration     : none;
	border              : none;

}
.mod_nav_inner ul li a:active, .mod_nav_inner ul li a:hover:before {
	color               : #626262;/* 折りたたみメニューテキスト色 */
	text-decoration     : none;
}
}
@media screen and (min-width:769px) {
.current {

}
.mod_nav {
	padding              : 0 0 0 0;
}
.mod_nav_inner{
	margin-top           : -30px;
}

.mod_nav_inner ul li a:before {
	 position            : absolute;
	 margin-top          : -11px;
	 top                 : 60%;
	 left                : -15px;
	 color               : #ffffff;/* メニューアイコン色 */
	 font-size           : 0.5rem;
	 content             : " \f054";
	 font-family         : FontAwesome;
}

.mod_nav_inner ul li a:link {
	color                : #ffffff;
	text-decoration      : none;
}
.mod_nav_inner ul li a:visited {
	 color               : #ffffff;/* PC版メニューテキスト色 */
	 text-decoration     : none;
}
.mod_nav_inner ul li a:hover, .mod_nav_inner ul li a:hover:before {
	 color               : #ffffff;/* PC版メニューテキスト色 */
	 text-decoration     : none;
}
.mod_nav_inner ul li a:active, .mod_nav_inner ul li a:hover:before {
	 color               : #ffffff;/* PC版メニューテキスト色 */
	 text-decoration     : none;
}
}
/* mod_nav_btn */  
.mod_nav_inner p.closebtn {
	 display             : none;
}

@media screen and (max-width:768px){
.mod_nav_inner p.closebtn{
	 display             : block;
	 background-color    : #000;
	 color               : #FFF;
	 margin              : 0;
	 padding             : 10px;
	 line-height         : 1;
	 font-size           : 16px;
	 cursor              : pointer;
	 text-align          : center;
}
.mod_nav_inner p.closebtn i{
	 margin              : 10px 5px 35px 0;
}

}