@charset "UTF-8";
/* ======================================== div#gHeader
======================================== */
@media (max-width: 640px) { div#gHeader { width: 100%; min-width: 320px; height: 108px; }
  div#gHeader div.logo { width: 195px; height: 68px; top: 25px; }
  div#gHeader div.logo a { background: url(../../images/phone/logo.gif) no-repeat left top; background-size: 195px 60px; }
  div#gHeader div.logoJustsystem { z-index: 1001; width: 60px; height: 28px; top: 15px; }
  div#gHeader div.logoJustsystem a { height: 28px; background: url(../../images/phone/logo_justsystem_sp.gif) no-repeat left top; background-size: 60px 28px; }
  div#gHeader div#gMenu { height: 80%; }
  div#gHeader div#gMenu nav.mainNav { display: none; }
  div#gHeader div#gMenu ul.gNav { display: none; }
  div#gHeader div#gMenu div.btn_logout, div#gHeader div#gMenu div.btn_help { display: none; }
  div#gHeader.chu div.logo { width: 283px; left: 15px; }
  div#gHeader.chu div.logo a { background: url(../../images/chugaku/logo.png) no-repeat left top; background-size: auto; }
  div#gHeader.chu div.logoJustsystem { right: 15px; }
  div#gHeader.chu div.logoJustsystem a { background: url(../../images/chugaku/just_logo.png) no-repeat left top; background-size: 60px 28px; }
  div#gHeader.you { height: 60px; width: 100%; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.27); }
  div#gHeader.you div.logo { left: 10px; top: 10px; }
  div#gHeader.you .topArea { padding: 0px 10px; }
  div#gHeader.you .mainLogo { margin-left: 0px; }
  div#gHeader.you .subNav { display: none; }
  div#gHeader.you .bottomArea { display: none; }
  div#gHeader.you .menuBtn { display: block; width: 36px; text-align: -webkit-center; }
  div#gHeader.you .menuBtn .lineWrap { position: relative; display: flex; flex-direction: column; justify-content: space-between; width: 30px; height: 16px; }
  div#gHeader.you .menuBtn .line { position: relative; top: 0; bottom: 0; display: block; width: 100%; padding-top: 1px; border-bottom: 1px solid #3E3E3E; transition: .3s; }
  div#gHeader.you .menuBtn p { padding-top: 3px; margin-bottom: -3px; text-align: center; }
  div#gHeader.you .menuBtn:hover { cursor: pointer; }
  div#gHeader.you .menuBtn.open .line:first-child { top: calc(50% - 1px); transform: rotate(-45deg); }
  div#gHeader.you .menuBtn.open .line:nth-child(2) { opacity: 0; }
  div#gHeader.you .menuBtn.open .line:last-child { top: calc(-50% + 1px); transform: rotate(45deg); }
  /** スマフォ用メインメニューボタン */
  .menu_button { position: absolute; right: 0px; top: 40px; cursor: pointer; z-index: 1001; width: 60px; height: 43px; margin: 0 10px -3px auto; text-indent: 0; white-space: normal; }
  .menu_button li { border-bottom: solid 1px #DFE1E3; -moz-box-shadow: 0 2px 2px #DDD; -webkit-box-shadow: 0 2px 2px #DDD; box-shadow: 0 2px 2px #DDD; }
  .menu_button li a { display: block; height: 40px; padding: 24px 0 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; color: #F06D00; line-height: 1.2; font-weight: bold; text-decoration: none; font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', メイリオ, 'sans-serif'; font-size: 90%; }
  .menu_button li.open a { background: url(../../images/phone/icon_menu.png) no-repeat center 5px #FFF; }
  .menu_button li.close { display: none; }
  .menu_button li.close a { background: url(../../images/phone/icon_menu_close.png) no-repeat center 5px #FFF; }
  .chu .menu_button { top: 37px; height: 50px; margin: 0 13px -3px auto; }
  .chu .menu_button li { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: solid 3px #05476d; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI3NmQ5NSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFjNjE4OCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #276d95), color-stop(100%, #1c6188)); background: -moz-linear-gradient(#276d95, #1c6188); background: -webkit-linear-gradient(#276d95, #1c6188); background: linear-gradient(#276d95, #1c6188); -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
  .chu .menu_button li a { padding: 25px 0 0 0; color: #fff; }
  .chu .menu_button li.open a { background: url(../../images/chugaku/phone/icon_menu.png) no-repeat center 5px #1C6188; background-size: 32px 15px; }
  .chu .menu_button li.close { display: none; }
  .chu .menu_button li.close a { background: url(../../images/chugaku/phone/icon_menu_close.png) no-repeat center 2px #1C6188; background-size: 20px 20px; }
  /** スマフォ用メインメニューの開閉部分 */
  div.phone-dropdown-list { display: none; z-index: 1100; }
  /** スマフォ用メインメニュー内のリスト */
  .nav { list-style: none; padding: 11px 0 0 0; background: url("../../images/phone/gnav_parts_sp.png") no-repeat right top; }
  .nav li { border-top: solid 1px #B2F0F5; border-bottom: solid 1px #77D1DA; background: #7FDCE5; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk4ZTdlZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdmZGNlNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #98e7ee), color-stop(100%, #7fdce5)); background: -moz-linear-gradient(#98e7ee, #7fdce5); background: -webkit-linear-gradient(#98e7ee, #7fdce5); background: linear-gradient(#98e7ee, #7fdce5); }
  .nav li a { padding: 12px 35px 11px 10px; background: url("../../images/phone/setting_menu_arw.png") no-repeat right center; color: #035F6F; font-weight: bold; font-size: 1.1em; line-height: 1.5; display: block; padding-left: 45px; }
  .nav li a .pc_icon { font-size: 80%; background: #ff7676; margin-left: 10px; padding: 1px 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
  .nav li a, .nav li a:hover { text-decoration: none; }
  li.talk a { background: url(../../images/phone/menu_arw.png) no-repeat right center, url("../../images/phone/menu_talk.png") no-repeat 5px center; }
  li.child-select-mission a { background: url(../../images/phone/menu_arw.png) no-repeat right center, url("../../images/phone/menu_mission.png") no-repeat 5px center; }
  li.home a { background: url(../../images/phone/menu_arw.png) no-repeat right center, url("../../images/phone/menu_home.png") no-repeat 5px center; }
  li.torikumi a { background: url(../../images/phone/menu_arw.png) no-repeat right center, url("../../images/phone/menu_torikumi.png") no-repeat 5px center; }
  li.history a { background: url(../../images/phone/menu_arw.png) no-repeat right center, url("../../images/phone/menu_history.png") no-repeat 5px center; }
  li.service a { background: url(../../images/phone/menu_arw.png) no-repeat right center, url("../../images/phone/menu_service.png") no-repeat 5px center; }
  li.talk, li.home, li.torikumi, li.history, li.service, li.help, li.operationalStatus, li.logout { border-top: solid 1px #48C8D9; border-bottom: solid 1px #0BADC3; background: #0CB5CC; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJmYzBkNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBjYjVjYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2fc0d4), color-stop(100%, #0cb5cc)); background: -moz-linear-gradient(#2fc0d4, #0cb5cc); background: -webkit-linear-gradient(#2fc0d4, #0cb5cc); background: linear-gradient(#2fc0d4, #0cb5cc); }
  li.talk a, li.home a, li.torikumi a, li.history a, li.service a, li.help a, li.operationalStatus a, li.logout a { padding-left: 35px; font-size: 1.2em; color: #FFF; }
  li.child-select-mission { border-top: solid 1px #67D44C; border-bottom: solid 1px #45B129; background: #45B129; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY3ZDQ0YyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ1YjEyOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #67d44c), color-stop(100%, #45b129)); background: -moz-linear-gradient(#67d44c, #45b129); background: -webkit-linear-gradient(#67d44c, #45b129); background: linear-gradient(#67d44c, #45b129); }
  li.child-select-mission a { padding-left: 35px; font-size: 1.2em; color: #FFF; }
  li.current { border-top: solid 1px #DDF8FB; border-bottom: solid 1px #DDF8FB; background: #DDF8FB; }
  div.open_menu { display: block; }
  .phone-dropdown-list.chu .nav { background: url("../../images/chugaku/phone/gnav_parts_sp.png") no-repeat right 28px top; }
  .phone-dropdown-list.chu .nav li { border-top: #e9dbc3; border-bottom: #aa8f61; background: #bb9f69; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjYjA4MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JiOWY2OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ccb081), color-stop(100%, #bb9f69)); background: -moz-linear-gradient(#ccb081, #bb9f69); background: -webkit-linear-gradient(#ccb081, #bb9f69); background: linear-gradient(#ccb081, #bb9f69); }
  .phone-dropdown-list.chu .nav li a { background: url(../../images/chugaku/phone/menu_arw.png) no-repeat right 12px center; color: #4d3711; padding-left: 65px; }
  .phone-dropdown-list.chu li.phoneMenu a { background: url("../../images/chugaku/phone/menu_arw2.png") no-repeat right 12px center; }
  .phone-dropdown-list.chu li.talk a { background: url(../../images/chugaku/phone/menu_arw.png) no-repeat right 12px center, url("../../images/chugaku/phone/menu_talk.png") no-repeat 5px center; }
  .phone-dropdown-list.chu li.home a { background: url(../../images/chugaku/phone/menu_arw.png) no-repeat right 12px center, url("../../images/chugaku/phone/menu_home.png") no-repeat 5px center; }
  .phone-dropdown-list.chu li.history a { background: url(../../images/chugaku/phone/menu_arw.png) no-repeat right 12px center, url("../../images/chugaku/phone/menu_history.png") no-repeat 5px center; }
  .phone-dropdown-list.chu li.service a { background: url(../../images/chugaku/phone/menu_arw.png) no-repeat right 12px center, url("../../images/chugaku/phone/menu_service.png") no-repeat 5px center; }
  .phone-dropdown-list.chu li.talk, .phone-dropdown-list.chu li.home, .phone-dropdown-list.chu li.history, .phone-dropdown-list.chu li.service, .phone-dropdown-list.chu li.help, .phone-dropdown-list.chu li.operationalStatus, .phone-dropdown-list.chu li.logout { border-top: #a2885b; border-bottom: #816638; background: #886e3e; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk2N2M1MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg4NmUzZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #967c50), color-stop(100%, #886e3e)); background: -moz-linear-gradient(#967c50, #886e3e); background: -webkit-linear-gradient(#967c50, #886e3e); background: linear-gradient(#967c50, #886e3e); }
  .phone-dropdown-list.chu li.talk a, .phone-dropdown-list.chu li.home a, .phone-dropdown-list.chu li.history a, .phone-dropdown-list.chu li.service a, .phone-dropdown-list.chu li.help a, .phone-dropdown-list.chu li.operationalStatus a, .phone-dropdown-list.chu li.logout a { padding-left: 45px; color: #dbe6ea; }
  .phone-dropdown-list.chu li.current { border-top: #e9dbc3; border-bottom: #b39766; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ZGJjMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q4YzhhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9dbc3), color-stop(100%, #d8c8aa)); background: -moz-linear-gradient(#e9dbc3, #d8c8aa); background: -webkit-linear-gradient(#e9dbc3, #d8c8aa); background: linear-gradient(#e9dbc3, #d8c8aa); }
  /** スマフォ用メインメニューの開閉部分 */
  div.phone-dropdown-list { position: relative; top: -10px; width: 100%; }
  /** スマフォ用メインメニュー内のリスト */
  .nav { margin-bottom: 20px; margin-left: 0; width: 100%; border-bottom: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
  /** メインメニュー展開時のコンテンツ領域クローズ */
  div.close_container { display: none; } }
/** メインメニュー展開時のheader部分relative化 */
div.container_condition { position: relative !important; }

div.container_condition + div.settings_container { padding-top: 0px; margin-bottom: 20px; }