@charset "UTF-8";
/*=========================================================
	[ base_adjust.css ]
	content page base design
	date - creation:2011-02-07 // update:2011-02-18
=========================================================*/
/* for navigation */
@import url("//www.ynu.ac.jp/common/css/nav_global_3.css");
/*=========================================================
	index
		1. display control
		2. navigation
		3. content
=========================================================*/
/* 1. display control
=========================================================*/
#wrapper #header a { background-image: url(/lib/common/english/images/for_base.gif); }

@media (orientation: portrait) and (max-width: 768px) { #wrapper #header a { background-image: none; } }

#header div#siteCtrl { border-bottom: 3px solid #80609b; }

#header ul#navLang li.japanese a:hover { background: url(/lib/common/english/images/for_base.gif) no-repeat 0 -70px; }

@media (orientation: portrait) and (max-width: 768px) { #header ul#navLang li.japanese a:hover { background: none; } }

#header ul#navLang li.english { background: url(/lib/common/english/images/for_base.gif) no-repeat -141px -90px; }

@media (orientation: portrait) and (max-width: 768px) { #header ul#navLang li.english { background: none; } }

/* Language menu Off */
/*#navLang{display:none !important;}*/
/* Visitor menu Off */
#navTarget, #ctrlFont { display: none !important; }

/* logo */
div#hlogo { /* logo 352px + 19px */ width: 303px; }

/* 2. navigation
=========================================================*/
/* Gloval navigation */
#wrapper #header ul#navGlobal { background: url(/lib/common/english/images/nav_global.gif) no-repeat 0 0; }

#wrapper #header ul#navGlobal a { background-image: url(/lib/common/english/images/nav_global.gif); background-color: #80609b; }

/* footer ico */
#navSiteguide a { background: transparent url(//www.ynu.ac.jp/common/images/for_mk_arrow1.gif) no-repeat 0.3em 0.4em; }

/* top�y�[�W�p
=========================================================*/
#search { width: 480px; margin: 5px auto; padding: 10px 0 30px 0; }

#search .box400 { padding: 3px 0; border: solid 1px #bbbaba; width: 400px; }

#search input { vertical-align: middle; }

#search .txt { margin-top: 15px; }

ul.txtLink li { padding-left: 17px; background: transparent url(/lib/images/nav_txt.gif) no-repeat 0 0.4em; line-height: 1.4; list-style: none; }

.toolList { margin: 20px 30px 20px 0; }

.toolList ul { margin-top: 10px; position: relative; }

.toolList li { list-style: none; display: inline; }

.toolList li.more { padding-left: 17px; background: transparent url(/lib/images/nav_txt.gif) no-repeat 0 0.1em; list-style: none; right: 20px; bottom: 0; position: absolute; }

#calendar { background: url(/lib/images/calendar_bgmiddle.gif) repeat-y; margin: 5px; }

#calendar .inner { background: url(/lib/images/calendar_bgtop.gif) no-repeat left top; }

#calendar .contents { background: url(/lib/images/calendar_bgbottom.gif) no-repeat left bottom; }

.calendartop { text-align: center; padding-top: 18px; }

.calendarmiddle { width: 155px; margin: 5px auto; }

.calendarbottom { width: 180px; margin: 15px auto; }

.calendarbottom li { display: inline; list-style: none; font-size: 80%; }

.calendarbottom li.rest { background: url(/lib/images/pink.gif) no-repeat left top; padding-left: 15px; margin-right: 5px; }

.calendarbottom li.ordinary { background: url(/lib/images/white.gif) no-repeat left top; padding-left: 15px; }

.calendarbottom li.five { background: url(/lib/images/yellow.gif) no-repeat left top; padding-left: 15px; margin-right: 5px; }

.calendarbottom li.half { background: url(/lib/images/blue.gif) no-repeat left top; padding-left: 15px; }

#login { background: url(/lib/images/login_bgmiddle.gif) repeat-y; margin: 5px; }

#login .inner { background: url(/lib/images/login_bgtop.gif) no-repeat left top; }

#login .contents { background: url(/lib/images/login_bgbottom.gif) no-repeat left bottom; }

.logintop { text-align: center; padding-top: 18px; font-weight: bold; }

.loginmiddle { width: 180px; margin: 5px 10px; }

.loginmiddle .id { padding: 3px 0; margin-bottom: 5px; border: solid 1px #bbbaba; width: 180px; }

.id input { vertical-align: middle; }

.loginmiddle .password { padding: 3px 0; border: solid 1px #bbbaba; width: 180px; margin-bottom: 5px; }

.password input { vertical-align: middle; }

.loginmiddle .login { margin: 5px 0 0 60px; }

.loginbottom { padding-left: 10px; padding-right: 10px; padding-bottom: 20px; }

.sub_banner { width: 214px; margin: 7px auto; }

.sub_banner li { list-style: none; margin-bottom: 2px; }

.quick_link { width: 214px; margin: 20px auto; }

.quick_link .ttl { background: url(/lib/images/link_undline.gif) repeat-x left bottom; text-align: center; font-weight: bold; padding-bottom: 8px; margin-bottom: 10px; }

.ms { width: 214px; margin: 25px auto; }

/* category�@top�y�[�W�p
=========================================================*/
#index #topicPath { background: #ffffff url(//www.ynu.ac.jp/common/images/heading1_bk.jpg) repeat-x left bottom; border-bottom: 1px solid #b4c0cb; }

/* calendar
=========================================================*/
#calendarbox { width: 660px; margin: 0 auto; }

table.calendar { margin-top: 2em; border-collapse: separate; border: medium none; border-spacing: 1px; background-color: #c5cacf; }

table.calendar th { padding: 0.3em 0.5em; border-collapse: coseparate; line-height: 1.4; border-spacing: 1px; background-color: #ffffff; border: 1px solid #ffffff; }

td { padding: 0.3em 0.5em; border-collapse: coseparate; line-height: 1.4; border-spacing: 1px; background-color: #ffffff; border: 1px solid #ffffff; }

@media (orientation: portrait) and (max-width: 768px) { td { line-height: 1.8 !important; } }

@media (orientation: portrait) and (max-width: 768px) { th { line-height: 1.8 !important; } }

table.calendar th { text-align: left; font-weight: normal; }

table.calendar td { text-align: center; }

table.calendar .yellow { background: #ffff99; }

table.calendar .yellow_rinji { background: #ffff99; border: 1px solid #cc0000; }

table.colHead .yellow { background: #ffff99; }

table.colHead .teikyomoto { width: 450px; }

table.colHead .gakunin { width: 50px; text-align: center; }

table.colHead .vpn { width: 150px; text-align: center; }

table.calendar .pink { background: #ff9999 url(/lib/guide/images/pink.gif) repeat left top; }

table.calendar .blue { background: #acbfd5; }

table.calendar .blue_rinji { background: #acbfd5; border: 1px solid #cc0000; }

table.calendar .white_rinji { border: 1px solid #cc0000; }

table .txtblue { color: #0000ff; }

table .txtred { color: #ff0000; }

table.calendar01 { border-collapse: separate; border: medium none; border-spacing: 1px; }

table.calendar01 th { padding: 0.2em 0.2em; line-height: 1.4; }

td { padding: 0.2em 0.2em; line-height: 1.4; }

table.calendar01 th { font-weight: normal; }

table.calendar01 td { text-align: center; }

table.calendar01 .yellow { background: #ffff99; }

table.calendar01 .yellow_rinji { background: #ffff99; border: 1px solid #cc0000; }

table.calendar01 .pink { background: #ff9999 url(/lib/guide/images/pink.gif) repeat left top; }

table.calendar01 .blue { background: #acbfd5; }

table.calendar01 .blue_rinji { background: #acbfd5; border: 1px solid #cc0000; }

table.calendar01 .white_rinji { background-clip: content-box; border: 1px solid #cc0000; }

.border { border: 1px solid #c5cacf; margin: 0; }

.ml13 { margin-left: 12px; }

/* topFlash
=========================================================*/
#topFlash { height: 290px; margin-left: 2px; padding: 9px 0 3px 15px; background: transparent url(/lib/images/top_main_bk.gif) no-repeat 0 0; }

h1 span { display: block; position: absolute; top: -1000px; }

#side .recBtn { margin-top: 7px; }

/*  anchor in page
=========================================================*/
div.navAnchor1 { margin: 20px 0 0; padding: 10px; border: 1px solid #f5f5f5; line-height: 1.6; font-size: 93%; text-indent: 0; }

div.navAnchor1 dt { float: left; }

div.navAnchor1 dd { margin-left: 30em; }

div.navAnchor1 span { padding-right: 15px; }

div.navAnchor1 a { padding-right: 12px; background: transparent url(//www.ynu.ac.jp/common/images/for_arrow_down1.gif) no-repeat right top; }

div.navContent1 { border: 1px solid #f5f5f5; margin: 20px 0 0; padding: 10px 0px 10px 10px; }

.navContent1 ul { list-style: none; text-indent: 0; float: left; padding-right: 5px; }

.navContent1 li a { padding-right: 12px; background: transparent url(//www.ynu.ac.jp/common/images/for_arrow_down1.gif) no-repeat right top; line-height: 1.6; font-size: 93%; }

/* info list
---------------------------------------------------------*/
#infoNews dl, #infoEvent dl { height: 11em; }

dl.News-List5, .News-List5 dl { height: 11em; overflow-y: scroll; }

#infoNews dl.hei-liquid, #infoEvent dl.hei-liquid { height: auto; }

.caution-01 { color: #ff0000; }

.navContent-l li { width: 47%; }

/*=========================================================
	[ responsive.css ]
	date - creation:2017-01-12 // update:2017-01-30
=========================================================*/
/*override_Responsive_2017*/
/*common*/
@media (orientation: portrait) and (max-width: 768px) { body { background: none; }
  #wrapper { width: auto; } }

/*header*/
@media (orientation: portrait) and (max-width: 768px) { #header { width: auto; padding-top: 0; border-top: solid 3px #7f609a; }
  #navSns { display: none !important; }
  div#siteUtility { width: auto; height: auto; background: #ffffff url(/lib/common/images/nav_l_bk.gif) repeat-y 100% 0; }
  #searchBox, ul#navUtility { display: none; }
  div#hlogo { float: none; width: auto; }
  div#hlogo a { margin: 4px 0 0 19px; margin: 10px; }
  div#hlogo img { width: 60%; height: auto; }
  div#siteUtility { width: auto; } }

/*navGlobal*/
@media (orientation: portrait) and (max-width: 768px) { #wrapper #navGlobal { display: none; width: auto; } }

/*container*/
@media (orientation: portrait) and (max-width: 768px) { #container { background: #fff; }
  #content { max-width: auto; float: none; width: auto; min-height: auto; }
  #topFlash { width: 100%; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px; }
  #topFlash h1 { width: 100% !important; height: auto !important; position: relative; width: 100%; padding-bottom: 40%; height: 0; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }
  #topFlash h1 img { width: 100% !important; height: auto !important; left: 0 !important; }
  .hLv1Ctrl { margin: 0; padding: 0 10px; background: none; border-bottom: none; }
  .hLv1Ctrl h1 { margin: 10px 0 0; padding: 10px 10px 10px 15px; background: #7f609a; border-left: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); font-size: 16px; font-size: 1.6rem; line-height: 1.3; font-weight: normal; color: #ffffff; }
  #topicPath { display: none; }
  #contentInner { width: auto; padding: 0 10px; }
  #content #contentInner h2 { margin-bottom: 10px; padding: 10px; font-size: 140%; }
  #content #contentInner h2.h2-info img { display: none; }
  #contentInner h3 { padding: 10px; font-size: 120%; }
  #contentInner p { margin: 0.75em 0; padding: 0.8em; line-height: 1.8; }
  #content #contentInner p img { width: 100%; height: auto; }
  #content #contentInner p img.ico { width: auto; height: auto; }
  #content #contentInner .innerColumn2 .innerBox { margin-bottom: 10px; }
  #content #contentInner .innerColumn2 .innerBox.fleft, #content #contentInner .innerColumn2 .innerBox.fright { float: none; }
  #content h1 a, #content h2 a { display: block; background-position: 100% 50%; }
  ul#navPageFunction { display: none; }
  #content p.pagetop { display: none; width: auto; margin: 0 auto; padding: 1px 0; background-color: #f3f4f5; } }

/*side*/
@media (orientation: portrait) and (max-width: 768px) { #side { float: none; width: auto; padding-right: 0; padding: 0 10px; }
  #side .ico { width: auto; }
  html > body #side { width: auto; }
  ul#navLocal { display: block; width: auto; margin: 5px 3px; padding: 0; list-style-type: none; border-right: none; background-color: #ffffff; }
  #navLocal li a { padding: 15px 15px 15px 0; background-image: url(/lib/common/images/for_link_icon.png); background-repeat: no-repeat; background-position: 100% 50%; background-size: 10px 10px; }
  ul#navLocal li a.connote { padding: 15px 15px 15px 0; background-image: url(/lib/common/images/for_link_icon.png); background-color: #ffffff; background-repeat: no-repeat; background-position: 100% 50%; background-size: 10px 10px; }
  #navLocal li.lv2 li a { padding: 5px 15px 5px 22px; background-image: url(/lib/common/images/for_ul_link2.gif); background-color: #ffffff; background-position: 7px 10px; background-repeat: no-repeat; background-size: 5px 9px; }
  .navBox img { width: 100%; height: auto; }
  #navSiteguide { width: auto; text-align: right; float: none; display: none; }
  div#siteCtrl { display: none; } }

/*footer*/
@media (orientation: portrait) and (max-width: 768px) { #footer { padding: 25px 10px 35px; background: #f0f5f8 url(/lib/common/images/footer_bk.gif) no-repeat 0 0; } }

/*top*/
@media (orientation: portrait) and (max-width: 768px) { #slide { display: none; }
  #navGlobalSp { display: block; padding: 0 10px; }
  #navGlobalSp ul { border-top: 1px solid #cccccc; margin-top: 20px; }
  #navGlobalSp ul li { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; border-bottom: 1px solid #cccccc; list-style: none; line-height: 1.4; padding-left: 0; }
  #navGlobalSp ul li a { background-position: 100% 50%; background-repeat: no-repeat; background-size: 10px 10px; background-image: url("http://www.ynu.ac.jp/sp/common/images/for_link_icon.png"); }
  #navGlobalSp ul li li { border-bottom: 0 none; border-top: 1px dotted #cccccc; }
  #navGlobalSp ul li a { display: block; padding: 15px 15px 15px 0; }
  .top_main { margin: 0; padding: 0; }
  .top_main img { width: 100%; height: auto; }
  #topImage h1 img { width: 100%; height: auto; }
  #contentInner { padding: 0 10px; margin: 15px auto; }
  #content h2 { padding: 0; border-left: 3px solid #005bac; background: none; font-weight: bold; line-height: 1.3; }
  #content h2 span { font-size: 1.3rem; }
  #content #contentInner h2.h2-info { padding: 0; background: none; }
  #content #infoNews dl, #content #infoEvent dl { height: 18em; }
  #navGlobalSp h2 { border-left: none; background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, left bottom, from(#5696ab), to(#396573)) repeat scroll 0 0; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #5696ab 0%, #396573 100%) repeat scroll 0 0; color: #ffffff; display: block; font-size: 1.6rem; font-weight: normal; line-height: 1.3; margin: 10px 0 0; padding: 10px 10px 10px 15px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); }
  ul.infoList { display: none; }
  .des-news dt { display: none; }
  .des-news dd { padding: 0; }
  .des-news dd a { display: block; padding: 15px 15px 15px 0; background-image: url(/lib/common/images/for_link_icon.png); background-repeat: no-repeat; background-position: 100% 50%; background-size: 10px 10px; color: #333333; }
  .des-news dd a:hover { background-color: #d2e8f0; }
  .toolList { margin: 20px auto; }
  .toolList ul { margin-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .toolList ul li { margin-top: 10px; width: 49%; }
  .toolList ul li.more { position: relative; width: 100%; right: 0; }
  .toolList img { width: 100%; height: auto; }
  #calendar { -webkit-box-sizing: border-box; box-sizing: border-box; background: none; margin: 0; }
  #calendar .inner { background: none; }
  #calendar .contents { background: none; }
  .calendarmiddle { width: 100%; }
  .calendarmiddle img { width: 100%; height: auto; }
  #side { border: 1px solid #ccc; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 10px; }
  #side #login { background: none; }
  #side .inner { background: none; }
  #side .contents { background: none; }
  .sub_banner { width: 100%; }
  .sub_banner img { width: 100%; height: 100%; }
  .sub_banner li:nth-of-type(n + 3) { margin-top: 10px; }
  .quick_link { width: 100%; } }

/*static*/
@media (orientation: portrait) and (max-width: 768px) { .navContent li { float: none; width: 100%; padding-left: 0; background: none; border-bottom: 1px solid #bfd1dd; }
  .navContent li a { padding: 15px 15px 15px 0; background-image: url(/lib/common/images/for_link_icon.png); background-repeat: no-repeat; background-position: 100% 50%; background-size: 10px 10px; display: block; }
  table { width: 100%; }
  table:not(.calendar01) { display: block; overflow-x: scroll; white-space: nowrap; position: relative; padding-bottom: 20px; }
  table:not(.calendar01)::after { content: "※タッチでスクロールできます"; font-size: 12px; position: -webkit-sticky; position: sticky; left: 0; bottom: 0; }
  #calendarbox { width: 100%; }
  #calendarbox .fleft { float: none; }
  #search { width: 100%; }
  table.rowHead, table.colHead, table.complete, table.tBorder { background-color: #fff; }
  .rowHead th, .rowHead td, .colHead th, .colHead td, .complete th, .complete td, .tBorder th, .tBorder td { border: 1px solid #ccc; }
  /*.mkLink li { float: none; width: 100%; padding-left: 0; background: none; border-bottom: 1px solid #BFD1DD; } .mkLink li a { padding: 15px 15px 15px 0; background-image: url(/lib/common/images/for_link_icon.png); background-repeat: no-repeat; background-position: 100% 50%; background-size: 10px 10px; display: block; }*/
  .gallery { overflow: hidden; margin-bottom: 20px; }
  .gallery ul li { margin: 0 2px 0 0; padding: 0; display: inline; display: inline-block; width: 49%; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .gallery ul li img { margin-bottom: 5px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } }

.h2-info span, .slide-menu, .sp { display: none; }

@media (orientation: portrait) and (max-width: 768px) { .h2-info span { display: block; margin: 10px 0 0; padding: 10px 10px 10px 15px; background-color: #7f609a; border-left: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); font-size: 16px; font-size: 1.6rem; line-height: 1.3; font-weight: normal; color: #ffffff; } }

/*slide-menu*/
@media (orientation: portrait) and (max-width: 768px) { .slide-menu { display: block; }
  .slide-menu-button { position: fixed; right: 4%; bottom: 4%; background-color: rgba(255, 255, 255, 0.8); border-radius: 10px; text-align: center; }
  .slide-menu-button img { padding: 10px 0; width: 76%; height: auto; } }

/*javascript*/
@media (orientation: portrait) and (max-width: 768px) { .img-pc { display: none; }
  .sp { display: block; margin: 10px 0 0; padding: 10px 10px 10px 15px; background-color: #7f609a; border-left: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); font-size: 16px; font-size: 1.6rem; line-height: 1.3; font-weight: normal; color: #ffffff; }
  .top_main.sp { margin: 0; padding: 0; }
  .js-sp-recBtn { margin: 10px 0; display: block; color: #333 !important; padding: 10px 20px; background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 50%, #cccccc 50%, #f2f2f2 93%, #f2f2f2); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #f7f7f7), color-stop(0.5, #cccccc), color-stop(0.93, #f2f2f2), to(#f2f2f2)); border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #cccccc; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px white; text-decoration: none; text-align: center; font-size: 1.1rem; } }

@media (orientation: portrait) and (max-width: 768px) { .mkLink li, #navLocal li { font-size: 16px !important; }
  table tr td { -webkit-text-size-adjust: 100%; font-size: 14px !important; }
  table tr td .mkLink li { -webkit-text-size-adjust: 100%; font-size: 14px !important; }
  div.navAnchor1 span { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #content img { max-width: 100%; height: auto; }
  ul.mkType, ul.colList, .colLink, ul.mkLink, ol.numType, ol.numType-c, ol.numType-b, ol.numNone, ol.numFlow, dl.des-short, dl.des-single, dl.des-item { margin-left: 0; }
  p .border-none { width: auto !important; }
  div.navAnchor1 dt { float: none; margin-top: 10px; }
  div.navAnchor1 dd { margin-left: 0; margin-top: 10px; }
  #contentInner h3 + img { float: none !important; width: 100% !important; }
  #content h2, #content h3 { line-height: 1.6; }
  p.navAnchor span { padding-right: 15px; display: inline-block; padding-bottom: 15px; }
  #navLocal a.active { padding-left: 10px !important; }
  p.navAnchor { font-size: 100%; }
  .sidr ul li:last-of-type { border-top: 3px double #ccc; }
  .sidr ul li:last-of-type a { position: relative; } }

html { -webkit-text-size-adjust: 100%; }

#wrapper .floatL { float: left; margin: 10px !important; }

@media (orientation: portrait) and (max-width: 768px) { #wrapper .floatL { float: none; margin: 0 auto !important; display: block; } }

#wrapper .floatR { float: right; margin: 10px !important; }

@media (orientation: portrait) and (max-width: 768px) { #wrapper .floatR { float: none; margin: 0 auto !important; display: block; } }

#topFlash { margin-left: 0; }

@media (orientation: portrait) and (max-width: 768px) { .pc { display: none; } }

.sp { display: none; }

@media (orientation: portrait) and (max-width: 768px) { .tableSp { overflow-x: initial !important; white-space: initial !important; margin-top: 19px; }
  .tableSp::after { content: none !important; }
  .tableSp tr { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .tableSp tr th { width: 100%; }
  .tableSp tr td { width: 100%; } }

@media (orientation: portrait) and (max-width: 768px) { #footer address { float: none; } }

@media (orientation: portrait) and (max-width: 768px) { #navSiteguide { text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100% !important; max-width: 360px; margin: 10px auto; } }

@media (orientation: portrait) and (max-width: 768px) { .navAnchor1 a { padding-top: 10px; padding-bottom: 10px; background-position: center right !important; }
  .navAnchor1 span + br { line-height: 0; } }

@media (orientation: portrait) and (max-width: 768px) { .flat img + img { margin-top: 10px; } }

@media (orientation: portrait) and (max-width: 768px) { #header a { background-image: none; height: auto; }
  #header li#site-map { height: auto; width: auto; }
  #searchBox ul { width: auto; padding-bottom: 10px; }
  #searchBox li a { padding-top: 0; }
  #cse-search-box > div { display: -webkit-box; display: -ms-flexbox; display: flex; }
  ul#navUtility { top: 0; }
  #navUtility li a { padding-top: 0; }
  #navUtility li#navU-top { width: auto; }
  ul#navUtility { width: auto !important; margin-top: 10px; }
  #navSearch { margin-top: 10px; }
  #navUtility li#navU-access { width: auto; }
  #navUtility li#navU-question { width: auto; }
  #navUtility li { height: auto; margin-left: 10px; }
  #navSiteguide p { width: 100%; text-align: center; padding-left: 0; font-size: 16px; }
  #navSiteguide li { font-size: 15px; }
  .hLv1Ctrl h1 { font-size: 22px; font-weight: bold; }
  .des-news dd a { padding: initial; }
  #infoNews dt, #infoEvent dt { float: none; }
  #infoNews dd, #infoEvent dd { padding-left: 0; margin-top: 10px; }
  .icoJump, .icoBlank, .icoPageUp, .icoPageDown, .icoPdf, .icoXls, .icoDoc, .icoFla { padding-right: 23px; }
  #content h1 a, #content h2 a, #content h3 a { display: inline-block; }
  #wrapper img.ico { margin-left: 5px !important; } }

.splink { display: none; }

@media (orientation: portrait) and (max-width: 768px) { .splink { display: block; }
  .splink__inner { max-width: 240px; margin: 10px auto; }
  .splink li { padding-left: 17px; background: transparent url(/lib/images/nav_txt.gif) no-repeat 0 0.4em; list-style: none; }
  .splink li:nth-of-type(n + 3) { margin-top: 10px; }
  .splink ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; font-size: 16px; } }

@media (orientation: portrait) and (max-width: 768px) { body { font-size: 100% !important; } }

@media (orientation: portrait) and (max-width: 768px) { .des-news dt:nth-of-type(n + 11), .des-news dd:nth-of-type(n + 11) { display: none !important; } }

.spIcon { display: none; }

@media (orientation: portrait) and (max-width: 768px) { #navSearch { padding: 10px; }
  input.searchForm { width: 80%; }
  input.searchbtn { width: 18%; }
  div#hlogo img { width: 100% !important; }
  #hlogo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  #hlogo > a { width: 60%; }
  .spIcon { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px; width: 20%; }
  .spIcon .loupe { width: 50%; cursor: pointer; }
  .spIcon .loupe img { width: 100% !important; }
  .spIcon .fb { width: 50%; margin: 0 0 0 16px !important; }
  .spIcon .fb img { width: 100% !important; }
  .spIcon .fb a { margin: 0 !important; } }

.spOnly { display: none; }

@media (orientation: portrait) and (max-width: 768px) { .spOnly { display: block; } }

@media (orientation: portrait) and (max-width: 768px) { .spRight { text-align: right; } }

@media (orientation: portrait) and (max-width: 768px) { .gamennai { overflow: initial !important; white-space: initial !important; table-layout: fixed; display: table !important; word-break: break-all; }
  .gamennai::after { content: none !important; }
  .gamennai col { width: auto !important; } }

.sidr ul li a span { font-size: 12px !important; display: inline !important; padding: 0 !important; }

@media (orientation: portrait) and (max-width: 768px) { .searchForm { font-size: 16px !important; } }

#sidr-menu { opacity: 0; }

@media (orientation: portrait) and (max-width: 768px) { #sidr-menu { opacity: 1; } }

@media (orientation: portrait) and (max-width: 768px) { .floatL { -webkit-box-sizing: border-box; box-sizing: border-box; }
  img + img { width: 100% !important; margin-top: 20px; } }

.table.calendar th, td { border: 1px solid #ffffff; }

@media (orientation: portrait) and (max-width: 768px) { .sub_banner li { width: 49%; max-width: 100%; }
  .spFlex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .spFlex .tw { width: 100%; margin: 20px 0 !important; } }
/*# sourceMappingURL=base_adjust.css.map */