@charset "UTF-8";

/* ==================================================================

	大同大学
	/common/css/g_nav.css

================================================================== */

@media screen and (max-width: 740px) {
	.g_nav__open_btn,
	.g_nav__nav_area {
		display: none;
	}
}

@media screen and (min-width: 741px), print {
	
	body.scroll_stop {
		overflow-y: hidden;
	}
	
	.g_nav__open_btn {
		position: fixed;
		left: 0;
		top: 0;
		width: 72px;
		height: 72px;
		background: #144d80;
		text-align: center;
		color: #fff;
		cursor: pointer;
	}
	.g_nav__open_btn span,
	.g_nav__open_btn .bar:before,
	.g_nav__open_btn .bar:after {
		position: absolute;
		display: inline-block;
		width: 30px;
		height: 2px;
		background: #fff;
	}
	.g_nav__open_btn .bar {
		top: 26px;
		left: 20px;
		transition: .3s;
	}
	.g_nav__open_btn .bar:before {
		content: "";
		left: 0;
		top: -10px;
		transition: .3s;
	}
	.g_nav__open_btn .bar:after {
		content: "";
		left: 0;
		top: 10px;
		transition: .3s;
	}
	.g_nav__open_btn p {
		position: absolute;
		left: 0;
		bottom: 10px;
		width: 100%;
		text-align: center;
		font-size: 12px;
		color: #fff;
	}
	.g_nav__open_btn.opened .bar {
		top: 35px;
		background: #144d80;
	}
	.g_nav__open_btn.opened .bar:before {
		top: 0;
		transform: rotate(45deg);
	}
	.g_nav__open_btn.opened .bar:after {
		top: 0;
		transform: rotate(135deg);
	}
	.g_nav__open_btn.opened p {
		display: none;
	}
	
	.g_nav__nav_area {
		display: none;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow-y: scroll;
		background: rgba(0,0,0,.7);
	}
	.g_nav__nav_area_inner {
		position: absolute;
		left: 0;
		top: 0;
		box-sizing: border-box;
		width: 800px;
		min-height: 100%;
		padding: 0 112px 50px 113px;
		background: #fff;
	}
	
	.g_nav__nav_first {
		margin-top: 40px;
		overflow: hidden;
	}
	.g_nav__nav_first li {
		float: left;
		width: 140px;
		height: 20px;
		padding: 60px 0 10px;
		border-left: solid 1px #ccc;
		line-height: 20px;
		text-align: center;
		font-size: 13px;
		background-repeat: no-repeat;
		background-position: center;
		cursor: pointer;
	}
	.g_nav__nav_first li:last-child {
		border-right: solid 1px #ccc;
	}
	.g_nav__nav_first .g_nav01 { background-image: url(../images/g_nav01.png); }
	.g_nav__nav_first .g_nav02 { background-image: url(../images/g_nav02.png); }
	.g_nav__nav_first .g_nav03 { background-image: url(../images/g_nav03.png); }
	.g_nav__nav_first .g_nav04 { background-image: url(../images/g_nav04.png); }
	.g_nav__nav_first .g_nav05 { background-image: url(../images/g_nav05.png); }
	.g_nav__nav_first .g_nav06 { background-image: url(../images/g_nav06.png); }
	.g_nav__nav_first .g_nav07 { background-image: url(../images/g_nav07.png); }
	.g_nav__nav_first li.select {
		color: #f00;
	}
	
	.g_nav__subnav {
		display: none;
		position: relative;
		padding-top: 26px;
	}
	.g_nav__subnav:before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		display: inline-block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 16px 26px 16px;
		border-color: transparent transparent #f0f0f0 transparent;
	}
	.g_nav__subnav.subnav01:before { left: 54px; }
	.g_nav__subnav.subnav02:before { left: 195px; }
	.g_nav__subnav.subnav03:before { left: 336px; }
	.g_nav__subnav.subnav04:before { left: 477px; }
	.g_nav__subnav.subnav05:before { left: 54px; }
	.g_nav__subnav.subnav06:before { left: 195px; }
	.g_nav__subnav.subnav07:before { left: 336px; }
	.g_nav__subnav_inner {
		position: relative;
		padding: 25px;
		background: #f0f0f0;
		overflow: hidden;
	}
	
	.g_nav__subnav_inner dt a {
		display: block;
		padding: 0 0 15px 23px;
		border-bottom: solid 1px #ccc;
		background: url(../images/pc/sub_nav01_dt_mark.png) left 1px no-repeat;
		font-size: 15px;
		line-height: 15px;
	}
	.g_nav__subnav_inner dd {
		float: left;
		width: 50%;
	}
	.g_nav__subnav_inner dd a {
		font-size: 12px;
		
		position: relative;
		display: block;
		padding: 15px 0 10px 23px;
		border-bottom: solid 1px #ccc;
	}
	.g_nav__subnav_inner dd:nth-child(even) a {
		margin-right: 10px;
	}
	.g_nav__subnav_inner dd:nth-child(odd) a {
		margin-left: 10px;
	}
	.g_nav__subnav_inner dd a:before {
		content: "";
		position: absolute;
		left: 0;
		top: 18px;
		display: inline-block;
		width: 14px;
		height: 14px;
		border-radius: 7px;
		background: #144d80;
	}
	.g_nav__subnav_inner dd a:after {
		content: "";
		position: absolute;
		left: 4px;
		top: 23px;
		display: inline-block;
		width: 3px;
		height: 3px;
		transform: rotate(45deg);
		border: solid #fff;
		border-width: 1px 1px 0 0;
	}
	
	.subnav02 .g_nav__subnav_inner dd a {
		padding-bottom: 0;
		padding-left: 0;
		border-bottom: none;
		font-size: 12px;
	}
	.subnav02 .g_nav__subnav_inner dd a:before,
	.subnav02 .g_nav__subnav_inner dd a:after {
		content: none;
	}
	.subnav02 .g_nav__subnav_inner dd a img {
		margin-bottom: 10px;
	}
	
	.subnav04 .g_nav__subnav_inner dd.img,
	.subnav05 .g_nav__subnav_inner dd {
		width: 110px;
		height: 180px;
		margin-right: 25px;
	}
	.subnav04 .g_nav__subnav_inner dd.img.last,
	.subnav05 .g_nav__subnav_inner dd:nth-child(4n+1),
	.subnav05 .g_nav__subnav_inner dd.last {
		margin-right: 0;
	}
	.subnav04 .g_nav__subnav_inner dd.img a,
	.subnav05 .g_nav__subnav_inner dd a{
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		border-bottom: none;
		font-size: 13px;
	}
	.subnav04 .g_nav__subnav_inner dd.img a:before,
	.subnav04 .g_nav__subnav_inner dd.img a:after,
	.subnav05 .g_nav__subnav_inner dd a:before,
	.subnav05 .g_nav__subnav_inner dd a:after {
		content: none;
	}
	.subnav04 .g_nav__subnav_inner dd.img a img,
	.subnav05 .g_nav__subnav_inner dd a img {
		display: block;
		width: 100%;
		margin-bottom: 7px;
	}
	
	.g_nav__target_nav {
		margin-top: 40px;
		overflow: hidden;
	}
	.g_nav__target_nav li {
		float: left;
		margin-bottom: 11px;
	}
	.g_nav__target_nav li a {
		display: block;
		width: 181px;
		height: 54px;
		background: #e7e7e7;
		line-height: 54px;
		text-align: center;
	}
	.g_nav__target_nav li:nth-child(3n+2) {
		margin-left: 11px;
		margin-right: 11px;
	}
	
	.g_nav__search form p {
		overflow: hidden;
		width: 260px;
		margin-top: 30px;
		border-bottom: solid 1px #000;
	}
	.g_nav__search form p input[type="text"] {
		float: left;
		width: 210px;
		height: 30px;
		border: none;
		outline: none;
		font-size: 14px;
	}
	.g_nav__search form p input[type="image"] {
		float: right;
		width: 40px;
	}
	
	.g_nav__other_nav01 {
		margin-top: 35px;
		overflow: hidden;
	}
	.g_nav__other_nav01 li {
		float: left;
		margin-right: 55px;
		height: 36px;
		line-height: 36px;
	}
	.g_nav__other_nav01 li:last-child {
		float: right;
		margin-right: 0;
	}
	.g_nav__other_nav01 li:last-child a {
		padding-left: 0;
	}
	.g_nav__other_nav01 li a {
		display: block;
		padding-left: 30px;
		background-repeat: no-repeat;
		background-position: left center;
	}
	.g_nav__other_nav01 li.o_nav01 a { background-image: url(../images/pc/hNav01_l.png); }
	.g_nav__other_nav01 li.o_nav02 a { background-image: url(../images/pc/hNav02_l.png); }
	.g_nav__other_nav01 li.o_nav03 a { background-image: url(../images/pc/hNav03_l.png); }
	
	.g_nav__other_nav02 {
		clear: both;
		padding-top: 35px;
		overflow: hidden;
	}
	.g_nav__other_nav02 li {
		float: left;
		box-sizing: border-box;
		width: 33%;
		margin-bottom: 1em;
		border-left: solid 1px #afafaf;
		text-align: center;
	}
	/*.g_nav__other_nav02 li:last-child {
		width: 66%;
	}*/
    .g_nav__other_nav02 li:last-child {
		width: 33%;
	}
	.g_nav__other_nav02 li:nth-child(3),
	.g_nav__other_nav02 li:last-child {
		border-right: solid 1px #afafaf;
	}
	/*.g_nav__other_nav02 li:nth-child(2) {
		width: 20%;
	}
	.g_nav__other_nav02 li:last-child {
		width: 30%;
		border-right: solid 1px #afafaf;
	}*/
	
	
	
	/* [[ 201707 英語サイトへのリンク非表示 ]] */
	
	.g_nav__search {
		float: left;
	}
	.g_nav__search form p {
		width: 190px;
		margin-top: 30px;
	}
	.g_nav__search form p input[type="text"] {
		width: 140px;
	}
	
	.g_nav__other_nav01 {
		float: right;
	}
	.g_nav__other_nav01 li {
		margin-right: 20px;
	}
	.g_nav__other_nav01 li.o_nav03 {
		display: none;
	}
	
	
}