@charset "UTF-8";
	.slideInner li img {
		width:980px;
		height:300px;
	}
	nav {
		background:url(../images/bg_nevi.jpg) repeat-x;
		height:48px;
		z-index:3;
		margin:0 0 50px 0;
	}
	nav ul {
		margin:0;
		padding:0;
		height:48px;
	}
	nav li {
		position:relative;
		float:left;
		margin:0;
		padding:0;
		text-align:center;
		list-style:none;
		height:48px;
		border:none;
		overflow:hidden;
	}

/* 所有导航链接的通用样式 */
nav li a {
    text-indent: -9999px;
    display: block;
    width: 122px;
    height: 48px;
}

/* 各菜单项的正常状态 */
#na01 a { background: url(../svg/navi01.svg) no-repeat; }
#na02 a { background: url(../svg/navi02.svg) no-repeat; }
#na03 a { background: url(../svg/navi03.svg) no-repeat; }
#na04 a { background: url(../svg/navi04.svg) no-repeat; }
#na05 a { background: url(../svg/navi05.svg) no-repeat; }
#na06 a { background: url(../svg/navi06.svg) no-repeat; }
#na07 a { background: url(../svg/navi07.svg) no-repeat; }
#na08 a { background: url(../svg/navi08.svg) no-repeat; }

/* 各菜单项的hover状态 */
#na01 a:hover { background: url(../svg/navi01a.svg) 0 0px no-repeat; }
#na02 a:hover { background: url(../svg/navi02a.svg) 0 0px no-repeat; }
#na03 a:hover { background: url(../svg/navi03a.svg) 0 0px no-repeat; }
#na04 a:hover { background: url(../svg/navi04a.svg) 0 0px no-repeat; }
#na05 a:hover { background: url(../svg/navi05a.svg) 0 0px no-repeat; }
#na06 a:hover { background: url(../svg/navi06a.svg) 0 0px no-repeat; }
#na07 a:hover { background: url(../svg/navi07a.svg) 0 0px no-repeat; }
#na08 a:hover { background: url(../svg/navi08a.svg) 0 0px no-repeat; }

/* 各菜单项的当前页面状态 */
#na01.current-menu-item a,
#na01.current-menu-item a:hover { background: url(../svg/navi01a.svg) 0 0px no-repeat; }
#na02.current-menu-item a,
#na02.current-menu-item a:hover { background: url(../svg/navi02a.svg) 0 0px no-repeat; }
#na03.current-menu-item a,
#na03.current-menu-item a:hover { background: url(../svg/navi03a.svg) 0 0px no-repeat; }
#na04.current-menu-item a,
#na04.current-menu-item a:hover { background: url(../svg/navi04a.svg) 0 0px no-repeat; }
#na05.current-menu-item a,
#na05.current-menu-item a:hover { background: url(../svg/navi05a.svg) 0 0px no-repeat; }
#na06.current-menu-item a,
#na06.current-menu-item a:hover { background: url(../svg/navi06a.svg) 0 0px no-repeat; }
#na07.current-menu-item a,
#na07.current-menu-item a:hover { background: url(../svg/navi07a.svg) 0 0px no-repeat; }
#na08.current-menu-item a,
#na08.current-menu-item a:hover { background: url(../svg/navi08a.svg) 0 0px no-repeat; }

	.showNav {
		background:#7c0c0c !important;
	}
	.showSub {
		overflow:visible;
		height:42px;
		border-bottom:2px solid #8c0e0e;
	}
	.showSub:last-child {
		border-bottom:0;
	}
	.showSub:last-child a {
		border-radius:0 0 3px 3px;
	}
	.fixed {
		position:fixed;
		top:0;
		left:0;
	}
	#navi_sp {
		display:none;
	}
	
	#left_h img {
		width: 418px;
	}
	.col_two_one img {
		height: auto;
	}
	
	
    /* 简单的左右滑动方案 */
    ul.gnav {
        display: flex;
        height: 60px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        scrollbar-color: #7c0c0c #f0f0f0;
        padding-bottom: 5px;
        width: 100%;
    }
    
    /* Webkit浏览器滚动条样式 */
    ul.gnav::-webkit-scrollbar {
        height: 4px;
    }
    
    ul.gnav::-webkit-scrollbar-track {
        background: #f0f0f0;
        border-radius: 2px;
    }
    
    ul.gnav::-webkit-scrollbar-thumb {
        background: #7c0c0c;
        border-radius: 2px;
    }
    
    ul.gnav::-webkit-scrollbar-thumb:hover {
        background: #9c2c2c;
    }
    
@media screen and (max-width:767px) {
	body {
	font-size:14px;
	color:#333;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height:1.6;
	background:#fff;
	margin:0;
	padding:0;
}
	.lock {
		overflow:hidden;
		height:100%;
	}


	.summary {
		position:relative;
		top:auto;
		right:auto;
		margin-top:15px;
	}
	#img_sp{
		width:100%;
	}

	#main {
		float:none;
		width:100%;
	}

	.main {
		float:none;
		width:100%;
	}

	#sub {
		float:none;
		width:210px;
		margin:0 auto;
	}
	nav {
		background:#710000;
	}
	nav ul {
		margin:0;
		padding:0;
		}

	nav .inner > ul {
		z-index:2;
		overflow:auto;
		position:fixed;
		top:53px;
		right:0;
		width:100%;
		height:88%;
		height:-webkit-calc(100% - 53px);
		height:calc(100% - 53px);
	}
	nav li {
		position:relative;
		width:100%;
		float:none;
		margin:0;
		text-align:left;
		list-style:none;
		border-bottom:1px solid #CECEBF;
		background:#9b0f0f;
	}

	nav li:first-child {
		border-top:0;
	}
	nav li:last-child {
		border-bottom:0;
	}

	nav li a {
		display:block;
		padding:10px 30px;
		color:#fff;
		text-decoration:none;
		background:#2E1162;
	}
	nav li a:hover {
		color:#fff;
		background:#710000;
	}
	nav ul ul {
		display:none;
		position:relative;
	}
	nav li li a {
		box-sizing:border-box;
		width:100%;
		padding:10px 30px 10px 50px;
		text-align:left;
	}

	.subnav > a:before {
		display:block;
		content:"";
		position:absolute;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		top:20px;
		right:30px;
		width:10px;
		height:10px;
		margin-top:-5px;
		background:#f1f1f1;
	}
	.subnav > a:after {
		display:block;
		content:"";
		position:absolute;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		top:20px;
		right:30px;
		width:10px;
		height:10px;
		margin-top:-10px;
		background:#9b0f0f;
	}
	.subnav a:hover:after {
	  background:#710000;
	}

	.active > a:before {
		margin-top:0;
	}
	.active > a:after {
		margin-top:5px;
	}

	#spMenu {
		z-index:2;
		position:fixed;
		top:10px;
		right:10px;
	}
	#spMenu:hover {
		cursor:pointer;
	}

	#navBtn {
		display:inline-block;
		position:relative;
		width:36px;
		height:36px;
		border-radius:5%;
		background:#2E1162;
	}
	#navBtnIcon {
		display:block;
		position:absolute;
		top:50%;
		left:50%;
		width:14px;
		height:2px;
		margin:-1px 0 0 -7px;
		background:#f1f1f1;
		transition:.2s;
	}
	#navBtnIcon:before,
	#navBtnIcon:after {
		display:block;
		content:'';
		position:absolute;
		top:50%;
		left:0;
		width:14px;
		height:2px;
		background:#f1f1f1;
		transition:0.3s;
	}
	#navBtnIcon:before {
		margin-top:-6px;
	}
	#navBtnIcon:after {
		margin-top:4px;
	}
	#navBtn .close {
		background:transparent;
	}
	#navBtn .close:before,
	#navBtn .close:after {
		margin-top:0;
	}
	#navBtn .close:before {
		transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
	}
	#navBtn .close:after {
		transform:rotate(-135deg);
		-webkit-transform:rotate(-135deg);
	}

	.col_two_one ul {
		margin-right:0;
	}
	.col_two_one li {
		width:100%;
	}



	#footer_acc{
	width:100%;
	margin:0 auto;}
	

@media screen and (max-width:767px) {
	body {
	font-size:14px;
	color:#333;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height:1.6;
	background:#fff;
	margin:0;
	padding:0;
}
	.lock {
		overflow:hidden;
		height:100%;
	}


	.summary {
		position:relative;
		top:auto;
		right:auto;
		margin-top:15px;
	}
	#img_sp{
		width:100%;
	}

	#main {
		float:none;
		width:100%;
	}

	.main {
		float:none;
		width:100%;
	}

	#sub {
		float:none;
		width:210px;
		margin:0 auto;
	}
	nav {
		background:#710000;
	}
	nav ul {
		margin:0;
		padding:0;
		}

	nav .inner > ul {
		z-index:2;
		overflow:auto;
		position:fixed;
		top:53px;
		right:0;
		width:100%;
		height:88%;
		height:-webkit-calc(100% - 53px);
		height:calc(100% - 53px);
	}
	nav li {
		position:relative;
		width:100%;
		float:none;
		margin:0;
		text-align:left;
		list-style:none;
		border-bottom:1px solid #CECEBF;
		background:#9b0f0f;
	}

	nav li:first-child {
		border-top:0;
	}
	nav li:last-child {
		border-bottom:0;
	}

	nav li a {
		display:block;
		padding:10px 30px;
		color:#fff;
		text-decoration:none;
		background:#2E1162;
	}
	nav li a:hover {
		color:#fff;
		background:#710000;
	}
	nav ul ul {
		display:none;
		position:relative;
	}
	nav li li a {
		box-sizing:border-box;
		width:100%;
		padding:10px 30px 10px 50px;
		text-align:left;
	}

	.subnav > a:before {
		display:block;
		content:"";
		position:absolute;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		top:20px;
		right:30px;
		width:10px;
		height:10px;
		margin-top:-5px;
		background:#f1f1f1;
	}
	.subnav > a:after {
		display:block;
		content:"";
		position:absolute;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		top:20px;
		right:30px;
		width:10px;
		height:10px;
		margin-top:-10px;
		background:#9b0f0f;
	}
	.subnav a:hover:after {
	  background:#710000;
	}

	.active > a:before {
		margin-top:0;
	}
	.active > a:after {
		margin-top:5px;
	}

	#spMenu {
		z-index:2;
		position:fixed;
		top:10px;
		right:10px;
	}
	#spMenu:hover {
		cursor:pointer;
	}

	#navBtn {
		display:inline-block;
		position:relative;
		width:36px;
		height:36px;
		border-radius:5%;
		background:#2E1162;
	}
	#navBtnIcon {
		display:block;
		position:absolute;
		top:50%;
		left:50%;
		width:14px;
		height:2px;
		margin:-1px 0 0 -7px;
		background:#f1f1f1;
		transition:.2s;
	}
	#navBtnIcon:before,
	#navBtnIcon:after {
		display:block;
		content:'';
		position:absolute;
		top:50%;
		left:0;
		width:14px;
		height:2px;
		background:#f1f1f1;
		transition:0.3s;
	}
	#navBtnIcon:before {
		margin-top:-6px;
	}
	#navBtnIcon:after {
		margin-top:4px;
	}
	#navBtn .close {
		background:transparent;
	}
	#navBtn .close:before,
	#navBtn .close:after {
		margin-top:0;
	}
	#navBtn .close:before {
		transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
	}
	#navBtn .close:after {
		transform:rotate(-135deg);
		-webkit-transform:rotate(-135deg);
	}

	.col_two_one ul {
		margin-right:0;
	}
	.col_two_one li {
		width:100%;
	}



	#footer_acc{
	width:100%;
	margin:0 auto;
}}