#HeaderBox,
#share,
#footer {line-height:1.8; font-size:80%; font-family:YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif; -webkit-text-size-adjust:100%; letter-spacing:0.04em; color:#000; text-align:left;}
#HeaderBox a,
#share a,
#footer a {text-decoration:none; color:inherit;}
#HeaderBox p, #footer p {margin:0;}

@media (min-width:769px) {
  .spHide, .sp, #Header_sp {display:none!important;}
  .area {width:1140px; margin:0 auto; overflow:hidden;}
  .area:after {content:"."; clear:both; height:0; display:block; visibility:hidden;}
}
@media (max-width:768px) {
  .pc {display:none!important;}
}

/* ---------------------------------------------------
ヘッダ
--------------------------------------------------- */
.ench, #language form {display:inline-block; vertical-align:middle;}
.ench {margin:0 10px; padding:.2em .8em; background:#f8f8cc; letter-spacing:0; font-weight:bold; font-size:93%; color:#555;}

#HeaderBox {background:#fff;}

@media (min-width:769px) {
  #HeaderBox {min-width:1140px;}
  #HeadArea {width:1140px; margin:0 auto; position:relative;}
  #HeadArea:after {position:relative; content:"."; clear:both; height:0; display:block; visibility:hidden;}
  #HeadArea h1, #HeadArea .siteTitle {width:390px; position:absolute; top:19px; left:0;}
  #HeadArea #language {padding-top:25px;}
  #HeadArea #language:after {content:"."; clear:both; height:0; display:block; visibility:hidden;}

  /* 検索 */
  #HeadArea #language .search {float:right;}
  #HeadArea #language .search:after {content:"."; clear:both; height:0; display:block; visibility:hidden;}
  #HeadArea #language .search #search {width:150px; padding:4px; float:left;}
  #HeadArea #language .search #sbutton {float:right;}

  /* 言語 */
  #HeadArea #language ul {float:right; padding-top:3px;}
  #HeadArea #language ul:after {content:"."; clear:both; height:0; display:block; visibility:hidden;}
  #HeadArea #language ul li {float:left; margin-right:20px;}
  #HeadArea #language ul li a {display:block; background:url(https://www.uhe.ac.jp/share/img/icon_arrow02.png) no-repeat left; padding-left:10px; font-weight:bold;}
  #HeadArea #subNav {float:right; margin-bottom:27px; padding-top:15px;}
  #HeadArea #subNav:after {content:"."; clear:both; height:0; display:block; visibility:hidden;}
  #HeadArea #subNav li {float:left; margin-left:8px;}
  #HeadArea #subNav li.access,
  #HeadArea #subNav li.contact {margin:7px 10px;}
  #HeadArea #subNav li a {display:block; font-weight:bold;}
  #HeadArea #subNav li.access a {background:url(https://www.uhe.ac.jp/share/img/icon_access.png) no-repeat left center; padding-left:20px;}
  #HeadArea #subNav li.contact a {background:url(https://www.uhe.ac.jp/share/img/icon_contact.png) no-repeat left center; padding-left:22px;}

  #secondNav {min-width:1140px; background:#F5F5F5; border-top:solid 1px #dfdfdf;}
  #secondNav ul {width:1140px; margin:0 auto;}
  #secondNav ul:after {content:"."; clear:both; height:0; display:block; visibility:hidden;}
  #secondNav ul li {float:left;}

  #Navigation {background:#8cc11f; height:60px;}
  #Navigation .oe_overlay {opacity:0; position:fixed; top:0; left:0; width:100%; height:100%;}
  #Navigation ul.oe_menu {list-style:none; position:relative; width:1140px; height:60px; margin:0 auto; clear:both; background:url(https://www.uhe.ac.jp/share/img/nav_border.png) no-repeat left center;}
  #Navigation ul.oe_menu > li {width:190px; float:left; position:relative; background:url(https://www.uhe.ac.jp/share/img/nav_border.png) no-repeat right center;}
  #Navigation ul.oe_menu > li > a {display:block; color:#fff; font-weight:bold; text-align:center; text-decoration:none; font-size:130%; width:180px; padding:15px 5px; cursor:pointer;}
  #Navigation ul.oe_menu > li > a:hover,
  #Navigation ul.oe_menu > li.selected > a {color:#009744; opacity:1;}
  #Navigation .oe_wrapper ul.hovered > li > a {background:#fff; text-shadow:0 0 1px #FFF;}
  #Navigation ul.oe_menu div {position:absolute; top:60px; left:1px; width:1140px; min-height:138px; padding:30px; background:#8cc11f; z-index:999; display:none;}
  #Navigation ul.oe_menu div .phtBox {float:left; width:250px;}
  #Navigation ul.oe_menu div ul {float:right; width:800px;}
  #Navigation ul.oe_menu div ul li {float:left; width:245px; margin-right:30px; border-bottom:solid 1px #c6e18a; font-weight:bold;}
  #Navigation ul.oe_menu div ul:not(.secondBlock) > li:nth-child(3n) {margin-right:0;}
  #Navigation ul.oe_menu div ul.secondBlock li {float:left; width:385px; margin-right:30px; font-weight:bold; border-bottom:solid 1px #c6e18a;}
  #Navigation ul.oe_menu div ul.secondBlock > li:nth-child(2n) {margin-right:0;}
  #Navigation ul.oe_menu div ul li a {display:block; padding:12px 0; background:url(https://www.uhe.ac.jp/share/img/nav_arrow.png) no-repeat right; color:#fff; font-weight:normal; font-size:14px;}
  #Navigation ul.oe_menu div ul li a:hover {color:#009744;}
}

@media (max-width:768px) {
  #HeadArea, #Navigation {display:none!important;}
  #Header_sp {background:#fff; padding-top:1%;}
  #Header_sp #Area {position:relative;}
  #Header_sp:after {content:"."; clear:both; height:0; display:block; visibility:hidden;}
  #Header_sp h1, #Header_sp .siteTitle {width:100%; text-align:left; padding-bottom:7px;}
  #Header_sp h1 img, #Header_sp .siteTitle img {width:40%; height:auto; padding-left:2%;}
  #Header_sp #Menu {position:absolute; width:12vw; top:0; right:0;}
  #Header_sp #Menu2 {position:absolute; width:12vw; top:0; right:12vw;}
  #Header_sp #Menu img {width:100%;}
  #Header_sp #Menu2 img {width:100%;}
  #Header_sp [id*="MenuNav"] {background:#8cc11f; display:none; clear:both;}
  body:not(.fullResponsive) #Header_sp #MenuNav, 
  body:not(.fullResponsive) #Header_sp #MenuNav2 {font-size:140%;}
  #Header_sp [id*="MenuNav"] dl {border-top:solid 1px #c6e08a;}
  #Header_sp [id*="MenuNav"] dl#taget {background:#f5f5f5; border-top:solid 1px #dfdfdf;}
  #Header_sp [id*="MenuNav"] dl dt a {color:#fff; padding:3.5%; font-weight:bold; display:block; background:url(https://www.uhe.ac.jp/share/img/menu_arrow01.png) no-repeat 97% center; background-size:3%;}
  #Header_sp [id*="MenuNav"] dl#taget dt a {color:#231815; background:url(https://www.uhe.ac.jp/share/img/menu_arrow03.png) no-repeat 97% center; background-size:3%;}
  #Header_sp [id*="MenuNav"] dl dd {background:url(https://www.uhe.ac.jp/share/img/contents_bg.gif); padding:0% 3% 3%;}
  #Header_sp [id*="MenuNav"] dl dd ul li {margin-bottom:1%; text-align:left; background:#fff;}
  #Header_sp [id*="MenuNav"] dl dd ul li:last-of-type {margin-bottom:0%;}
  #Header_sp [id*="MenuNav"] dl dd ul li a {color:#000; display:block; padding:.8em 1em; background:url(https://www.uhe.ac.jp/share/img/icon_arrow02.png) no-repeat 95% center; text-align:left;}
  #Header_sp [id*="MenuNav"] dl dd ul li a.black {background:url(https://www.uhe.ac.jp/share/img/icon_blank_sp.gif) no-repeat 95% center;}
  #Header_sp [id*="MenuNav"] dl dd ul li span {color:#000; display:block; padding:10px 15px; text-align:left;}
  #Header_sp [id*="MenuNav"] #subMenu:after {content:"."; clear:both; height:0; display:block; visibility:hidden;}	
  #Header_sp #MenuNav #language {padding:3%; background:#fff;}
  #Header_sp #MenuNav #language:after {content:"."; clear:both; height:0; display:block; visibility:hidden;}
  #Header_sp #subMenu {overflow:hidden;}
  #Header_sp #subMenu li {float:left; width:33.333%; text-align:center; margin:0;}
  #Header_sp #subMenu li a {position:relative; display:block; padding:1em 0; background:#019745; color:#fff;}
  body:not(.fullResponsive) #Header_sp #subMenu li a {font-size:inherit;}
  #Header_sp #subMenu li a:before {content:""; display:block; position:absolute; left:-1px; top:0; height:100%; border-left:1px rgba(255,255,255,.4) solid;}
  #Header_sp #subMenu li.access,
  #Header_sp #subMenu li.contact {width:50%;}
  #Header_sp #subMenu li.access a,
  #Header_sp #subMenu li.contact a {padding:.75em 0; background:#fff; color:#333;}
  #Header_sp #subMenu li.contact a:before {border-color:#ddd;}

  .fullResponsive #Header_sp {padding-top:1%; position:relative;}
  .fullResponsive #Header_sp h1 {padding-bottom:10px;}
  .fullResponsive #Header_sp h1 img {width:45vw; height:auto; padding-right:10%;}
  .fullResponsive #Header_sp #Menu {position:absolute; width:12vw; top:0; right:0;}
  .fullResponsive #Header_sp [id*="MenuNav"] {font-size:123%;}	
  .fullResponsive #Header_sp [id*="MenuNav"] dl dt a {padding:3%;}
  .fullResponsive #Header_sp [id*="MenuNav"] dl dd ul li a {color:#000; display:block; padding:.8em 1em; background:url(https://www.uhe.ac.jp/share/img/icon_arrow02.png) no-repeat 95% center; text-align:left;}

  /* 検索 */
  #Header_sp #MenuNav #language {overflow:hidden; zoom:1; text-align:right;}
  #Header_sp #MenuNav #language p.ench {float:left; margin:0;}
  #Header_sp #MenuNav #language p.ench a {display:block; background:url(https://www.uhe.ac.jp/share/img/icon_arrow02.png) no-repeat left; padding-left:10px; font-weight:bold;}
  #Header_sp #MenuNav #language .search {clear:both; margin-bottom:2%;}
  #Header_sp #MenuNav #language .search:after {content:"."; clear:both; height:0; display:block; visibility:hidden;}
  #Header_sp #MenuNav #language .search #sbutton {float:right; width:30px; margin-left:10px; background:url(https://www.uhe.ac.jp/share/img/human_bg.gif); border-radius:0;}
  #Header_sp #MenuNav #language .search #search {float:left; width:85%; border:none; background:#ddd; border-radius:0; float:left;}
  .fullResponsive #Header_sp #MenuNav #language .search #search {width:calc(75vw - 110px); font-size:100%;}
}


/* ---------------------------------------------------
フッター
--------------------------------------------------- */
#footer {background:#f8f8f8;}
#footer dl span {font-weight:bold;}
#footer dl dd span {color:#009744; margin-right:12px;}
#footer #copy {background:#8cc11f; text-align:center;}

#share {position:relative; background:#fff; overflow:hidden;}
#share .campusarea {margin-bottom:20px; overflow:hidden;}
#share .campusarea dl.green {background:#009643;}
#share .campusarea dl.ygreen {background:#6eb92b;}
#share .campusarea dl dt {background:#009643; color:#fff; text-align:center;}
#share .campusarea dl.second dt {background:#6eb92b;}
#share .campusarea dl dt h3 {font-size:16px; margin-bottom:2px;}
#share .campusarea dl dt span {display:block; line-height:1.4em;}
#share .campusarea dl dd img {width:100%; height:auto;}
#share .title {text-align:center; margin-bottom:20px;}
#share .title h2 {margin-bottom:5px;}
#share .title p {font-size:108%; font-weight:bold;}
#share .sublink {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; width:calc(100% + 20px); margin:0 0 50px -10px;}
#share .sublink li {width:calc((100% - 81px) / 4); display:table; background:#fff; margin:20px 10px 0; border:1px solid #ccc; box-sizing:border-box;}
#share .sublink li a {display:block; background:url(https://uhe.ac.jp/share/img/icon_arrow01.png) no-repeat 94% center; line-height:1.4em; text-decoration:none;}
#share .sublink li.single {padding:10px 0;}
#share .sublink li.single2 {padding:8px 0;}
#share .sublink li.pict {padding:0;}
#share .sublink li.pict span {padding:10px 0 0 5px; display:inline-block;}
#share .sublink li a {font-weight:bold; display:table-cell; line-height:1.4em; text-align:center; text-decoration:none; padding:12px 0; background:url(../../images/common/icon_arrow_green.png) no-repeat 94% center; background-size:14px;}

#share .sublink2 {display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:calc(100% + 20px); margin:0 0 120px -10px;}
#share .sublink2 li {width:calc((100% - 81px) / 4); background:#6eb92b; margin:20px 10px 0;}
#share .sublink2 li.single {padding:10px 0;}
#share .sublink2 li a {color:#fff; font-weight:bold; display:block; line-height:1.4em; text-align:center; text-decoration:none; padding:12px 0; background:url(../../images/common/icon_arrow_white.png) no-repeat 94% center; background-size:14px;}
#share .sublink2 li:hover {background:#009643;}
#share .pickup {margin-bottom:20px;}
#share .pickup h3 {text-align:center; margin-bottom:20px;}
#share .sub li {float:left; background:url(https://uhe.ac.jp/share/img/icon_arrow01.png) no-repeat left center;}
#share .sub li a {display:block; line-height:1.4em; text-decoration:none;}

.smBnrArea li {opacity:0; transition:.2s opacity;}
.smBnrArea.done li {opacity:1;}

@media (min-width:769px) {
  #footer {min-width:1140px; padding-top:30px;}
  #footer .area {padding-bottom:25px;}
  #footer dl {width:680px; float:left;}
  #footer dl dd ul li {margin-top:3px;}
  #footer .listBox {width:360px; float:left;}
  #footer .listBox:after {content:"."; clear:both; height:0; display:block; visibility:hidden;}
  #footer .listBox p {width:330px; margin-top:10px;}
  #footer .listBox p img {width:100%;}
  #footer #copy {position:relative; min-width:1140px; padding:12px 0;}
  #footer #copy .pagetop {position:absolute; bottom:0; right:0;}

  .flick {display:none!important;}

  #share {min-width:1140px; padding:80px 0 0;}
  #share .campusarea dl {width:25%; float:left;}
  #share .campusarea dl dt {padding:15px 10px;}
  #share .sublink li.none {margin-right:0;}
  #share .sublink li a {text-align:center; padding:12px 0;}
  #share .smBnrArea {max-width:1140px; margin:0 auto;}
  #share .smBnrArea li {width:270px; float:left; margin-right:20px; margin-bottom:20px;}
  #share .smBnrArea li:nth-child(4n) {margin-right:0;}
  #share .smBnrArea li img {width:100%; height:auto;}
  #share .sub {margin-bottom:40px;}
  #share .sub li {margin-right:25px; padding-left:18px;}
}
@media (max-width:768px) {
  #footer {padding:5% 0 50px; box-sizing:border-box;}
  body:not(.fullResponsive) #footer {padding-bottom:90px;}
  #footer dl {width:94%; float:none; padding:0 3%; margin-bottom:3%;}
  #footer dl span {font-size:140%;}
  #footer dl dt {display:none;}
  #footer dl dt img {width:60%; height:auto;}
  #footer dl dd span {display:block;}
  #footer dl dd ul li {margin-bottom:2%;}
  #footer dl dd ul li.last {margin-bottom:0;}
  #footer .listBox:after {content:"."; clear:both; height:0; display:block; visibility:hidden;}
  #footer .listBox p {width:100%; text-align:center; margin-bottom:5%;}
  #footer .listBox p img {width:60%; height:auto; margin:0 auto;}
  #footer .listBox ul.last {background:url(https://uhe.ac.jp/share/img/border_dot.png) repeat-x bottom; margin-bottom:5%;}
  #footer .listBox ul li {background:url(https://uhe.ac.jp/share/img/border_dot.png) repeat-x top;}
  #footer .listBox ul li a {background:url(https://uhe.ac.jp/share/img/icon_arrow01.png) no-repeat 3% center; display:block; padding:3% 3% 3% 9%; background-size:28px auto;}
  #footer #copy {padding:2% 3% 5%; font-size:93%;}
  #footer #copy .illust01,
  #footer #copy .illust02,
  #footer #copy .pagetop {display:none;}

  .fullResponsive #footer {font-size:100%;}
  .fullResponsive #footer .listBox ul li a {background-size:auto auto;}

  .table-frame {overflow:auto; width:100%; position:relative; margin-bottom:2em;}
  .table-frame .font_small {width:715px!important;}
  .table-frame table {width:715px!important;}
  .flick {width:100%; height:100%; position:relative;}
  .flick p {width:100%; min-height:1000px; position:absolute;}

  #share {padding:40px 0;}
  #share .campusarea dl {overflow:hidden;}
  #share .campusarea dl dt {width:58%; float:right; padding:1.8vw 3vw; text-align:left; box-sizing:border-box;}
  #share .campusarea dl dt h3 {font-size:130%;}
  #share .campusarea dl dd {position:relative; width:42%; padding-top:31%; float:left; box-sizing:border-box;}
  #share .campusarea dl dd img {width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;}
  #share .campusarea dl dt .access {float:right; font-weight:bold; background:url(https://www.uhe.ac.jp/images/common/icon_arrow_yellow.png) no-repeat 94% center; background-size:4vw;}
  #share .campusarea dl dt .access a {display:block; padding-right:35px; text-decoration:none; color:#FEFAD1;}
  	
  #share .title p {font-size:140%;}
  #share .sublink,
  #share .sublink ul {width:100%; margin:0 auto; text-align:center; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
  #share .sublink li {width:50%; height:20vw; display:table; margin:0; background:#fff; border:1px solid #ccc; font-size:116%; box-sizing:border-box;}
  #share .sublink li a {display:table-cell; vertical-align:middle; line-height:1.4em; text-align:center; text-decoration:none; background:url(../../images/common/icon_arrow_green.png) no-repeat 94% center; background-size:3.5vw; font-weight:bold; }
  #share .sublink li.single,
  #share .sublink li.single2 {padding:0; vertical-align:middle; text-align:center;}
  #share .sublink li.pict {padding:0;}
  #share .sublink li.pict span {padding:0; display:inline-block;}
  #share .sublink li.pict img {width:44px;}
  #share .pickup h3 img {width:270px; height:auto;}
  #share .pickup li {width:48.5%; float:left; margin-bottom:3%;}
  #share .pickup li:nth-child(2n) {float:right;}
  #share .pickup li img {width:100%; height:auto;}
  #share .sub {width:92%; margin:50px 4% 0;}
  #share .sub li {width:42%; margin-bottom:10px; padding-left:5%;}
  #share .sub li:nth-child(2n) {float:right;}
  .smBnrArea li {width:50%; float:left;}

  #share .fuzoku {width:70%; margin:50px auto 15px;}
  #share .fuzoku img {width:100%;}
  #share .sublink2 {margin:0 auto 60px auto; width:100%;}
  #share .sublink2 li {width:80%; margin:5px auto 0; float:none; background:#6eb92b; font-size:120%;}
  #share .sublink2 li.none {margin-right:0;}
  #share .sublink2 li.single {padding:10px 0;}
  #share .sublink2 li a:hover {background:#44b478;}
}


.fxdBtns a {display:block; overflow:hidden; white-space:nowrap; box-sizing:border-box; text-indent:100%; text-decoration:none; background-repeat:no-repeat; background-position:50% 50%;}
.fxdBtns a:nth-child(1) {background-color:#41c712;}
.fxdBtns a:nth-child(2) {background-color:#00bbdd;}
.fxdBtns a:nth-child(3) {background-color:#f18800;}

@media (min-width:769px) {
  .fxdBtns {position:absolute; right:0; top:350px; z-index:500;}
  #mainimage ~ .fxdBtns {top:575px;}
  .fxdBtns.fxd,
  #mainimage ~ .fxdBtns.fxd {position:fixed; top:20px;}
  .fxdBtns a {width:59px; height:54px; margin:1px 0;}
  .fxdBtns a:nth-child(1) {background-image:url(https://uhe.ac.jp/share/img/fxdbtn1.png);}
  .fxdBtns a:nth-child(2) {background-image:url(https://uhe.ac.jp/share/img/fxdbtn2.png);}
  .fxdBtns a:nth-child(3) {background-image:url(https://uhe.ac.jp/share/img/fxdbtn3.png);}
}
@media (max-width:768px) {
  .fxdBtns {position:fixed; bottom:0; left:0; z-index:500; width:100%; box-shadow:0 -5px rgba(0,0,0,.2);}
  .fxdBtns a {float:left; width:33.333%; padding-top:10vw; margin:0; background-size:auto 100%;}
  .fxdBtns a:not(:first-child) {border-left:1px rgba(150,150,150,.3) solid;}
  .fxdBtns a:not(:last-child) {border-right:1px rgba(150,150,150,.3) solid;}
  .fxdBtns a:nth-child(1) {background-image:url(https://uhe.ac.jp/share/img/fxdbtn1[sp].png);}
  .fxdBtns a:nth-child(2) {background-image:url(https://uhe.ac.jp/share/img/fxdbtn2[sp].png);}
  .fxdBtns a:nth-child(3) {background-image:url(https://uhe.ac.jp/share/img/fxdbtn3[sp].png);}
}