@charset "utf-8";

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

　　共通設定

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


/*  全体　基本設定
---------------------------------------------*/

body {
  font-family: "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
  font-size: 1.4em;
  letter-spacing: 0;
  text-align: center;
  word-wrap: break-word;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
}

/*  PC・SP表示切り替え 共通設定
-------------------------- */

.mediaSP {
  display: none;
}

/*  画像 基本設定
-------------------------- */

img {
	vertical-align: top;
	border: none;
}

/*  リンク 基本設定
-------------------------- */

a {
	color: #0059b2;
  text-decoration: none;
	-webkit-tap-highlight-color: transparent;
}

a:hover,
a:focus {
  text-decoration: underline;
}

a:visited {
  color: #0059b2;
}


/*  テキスト 基本設定
-------------------------- */

/* -- ルビ -- */

ruby {
  ruby-align: distribute-space;
  ruby-overhang: auto;
  ruby-position: above;
}

rb {
  padding-top: 4px;
}

rt {
  text-align: center;
}

.yomiselect rt {
  display: block;
}

strong,
noscript {
  font-weight: bold;
}

noscript p {
	margin: 1em 0;
}


/*  フォーム 基本設定
-------------------------- */

input,
button,
select,
textarea {
  border-radius: 0 !important;
  padding: 5px;
  background: #fff;
  font-size: 1em;
  font-family: "segoe UI", "ヒラギノ丸ゴ ProN W3", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
}

input[type="button"],
input[type="text"],
input[type="email"],
input[type="password"],
input[type="submit"] {
  -webkit-appearance: none;
}

input[type="checkbox"],
input[type="radio"] {
  margin-right: 8px;
  padding: 0;
  font-size: 1.2em;
}

input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
  border: 1px solid #d1d1d1;
}

textarea {
  -webkit-appearance: none;
  resize: vertical;
  width: 100%;
  height: 120px;
  line-height: 1.6em;
}

input::-webkit-input-placeholder {
  color: #333;
}

input:-ms-input-placeholder {
  color: #333;
}

input::-moz-placeholder {
  color: #333;
}


/* 　コンテナー　設定
---------------------------------------------*/

#container {
  position: relative;
  min-width: 1000px;
  text-align: center;
}

.boxInner {
  width: 980px;
  margin: 0 auto;
  text-align: left;
}


/*  ヘッダー 設定
---------------------------------------------*/

#header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 800;
  width: 100%;
  height: 66px;
  background: url(/share/imgs/kids-header-bg-all.png) repeat-x top;
  background-attachment: fixed;
  font-family: "segoe UI", "ヒラギノ丸ゴ ProN W3", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
}

#header a {
  display: inline-block;
  *display: inline; /* IE7用 */
  *zoom: 1; /* IE7用 */
  transition: all .4s ease-in-out;
  color: #000;
  text-decoration: none;
}

#header .boxInner {
  position: relative;
  padding-top: 16px;
  padding-bottom: 18px;
}

/* ------ ブロックスキップ ------ */

#blockskip {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  text-align: left;
}

/* 通常時 */
#blockskip a {
  overflow: hidden;
  transition: none !important;
  width: 1px;
  height: 1px;
  color: transparent;
  color: #c5e8f0\9; /* IE8用 */
  text-decoration: underline;
}

/* フォーカス時 */
#blockskip .focus {
  overflow: visible;
  display: inline-block;
  *display: inline; /* IE7用 */
  *zoom: 1; /* IE7用 */
  position: relative;
  z-index: 2000;
  width: auto;
  height: 35px;
  padding: 5px 15px;
  background: #000;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
  line-height: 22px;
  letter-spacing: .5px;
}

/* リンク触れた時 */
#blockskip a:hover {
  text-decoration: none;
}

/* ------ サイトロゴ ------ */

#header #sitelogo {
  float: left;
  width: 132px;
  height: 100%;
}

#header #sitelogo a {
  transition: none;
}

/* ------ ユーザーナビ ------ */

#header #usernav {
  float: right;
  width: 848px;
  padding-top: 3px;
  text-align: right;
}

#header #usernav,
#header #usernav dl,
#header #usernav ul {
  letter-spacing: -.40em;
}

#header #usernav dt,
#header #usernav dd,
#header #usernav li,
#header #usernav > * {
  display: inline-block;
  *display: inline; /* IE7用 */
  *zoom: 1; /* IE7用 */
  letter-spacing: normal;
  vertical-align: middle;
}

#header #usernav dt {
  padding-top: 1px;
  padding-right: 5px;
  font-size: .95em;
  line-height: 23px;
}

/* ---- ボタン共通設定 ---- */

#header #fontsize li a,
#header #inverse li a,
#header #voice a,
#header #kana a,
#header #fontsize #fontsize-normal.on + #fontsize-enlarge.on a {
  height: 22px;
  padding: 0 7px;
  background: #018640;
  border-radius: 3px;
  border: 2px solid #018640;
  color: #fff;
  font-weight: bold;
  line-height: 18px;
  line-height: 20px\9; /* IE8用 */
  letter-spacing: .02em;
  text-align: center;
}

/* IE10用 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #header #fontsize li a,
  #header #inverse li a,
  #header #voice a,
  #header #kana a,
  #header #fontsize #fontsize-normal.on + #fontsize-enlarge.on a { 
    line-height: 20px;
  }
}

/* -- リンク（ホバー・フォーカス時）-- */

#header #fontsize li a:hover,
#header #fontsize li a:focus,
#header #inverse li a:hover,
#header #inverse li a:focus,
#header #voice a:hover,
#header #voice a:focus,
#header #kana a:hover,
#header #kana a:focus,
#header #fontsize #fontsize-normal.on + #fontsize-enlarge.on a:hover,
#header #fontsize #fontsize-normal.on + #fontsize-enlarge.on a:focus {
  border-color: #003215;
  background-color: #003215;
}

/* ---- 文字サイズ ---- */

#header #fontsize {
  margin-right: 10px;
}

#header #fontsize li {
  padding-left: 3px;
  font-size: .95em;
}

/* -- リンク -- */

#header #fontsize .on a {
  background: #fff;
  color: #333;
}

/* -- リンク（ホバー・フォーカス時）-- */

#header #fontsize .on a:hover,
#header #fontsize .on a:focus {
  border-color: #018640;
  background: #fff;
}

/* ---- 配色 ---- */

#header #inverse {
  padding-right: 5px;
}

#header #inverse li {
  padding-left: 3px;
  font-size: .95em;
}

/* -- リンク -- */

#header #inverse li a {
  padding-right: 5px;
  padding-left: 5px;
  border-color: #000;
  background: #000;
}

/* -- リンク（ホバー・フォーカス時）-- */

#header #inverse li a:hover,
#header #inverse li a:focus {
  background: #000;
}

/* -- 標準ボタン -- */

#header #inverse #inverse-btn-default a {
  background: #fff;
  color: #000;
  font-weight: normal;
}

/* ---- 音声読み上げ＆ふりがな ---- */

#header #voice,
#header #kana {
  margin-left: 5px;
}

#header #voice a,
#header #kana a {
  height: 23px;
  padding-right: 5px;
  padding-left: 23px;
  background-color: #018640;
  background-repeat: no-repeat;
  background-position: 5px center;
  font-size: .86em;
}

/* IE9用 */
#header #voice a:not(:target),
#header #kana a:not(:target) {
  line-height: 21px \9;
}


/* ---- 音声読み上げ ---- */

#header #voice a {
  background-image: url(/share/imgs/kids-header-icn-voice.png);
}

/* ---- ふりがな ---- */

#header #kana {
  padding-right: 8px;
}

#header #kana a {
  background-image: url(/share/imgs/kids-header-icn-kana.png);
}

/* ---- 言語切替 ---- */

#header #lang {
  overflow: hidden;
  border-radius: 4px;
  background: #018640;
}

#header #lang li {
  border-left: 1px solid #fff;
}

#header #lang li:first-child {
  border-left: none;
}

/* -- リンク -- */

#header #lang li a {
  display: block;
  transition: background-color .4s ease-in-out;
  width: 60px;
  height: 23px;
  padding-top: 1px;
  background: #018640; 
  color: #fff;
  font-size: .92em;
  font-weight: bold;
  text-align: center;
  line-height: 22px;
}

/* -- リンク（ホバー・フォーカス時）-- */

#header #lang li a:hover,
#header #lang li a:focus {
  background-color: #003215;
}

/* -- 英語ボタン -- */

#header #lang li:first-child a {
  padding-top: 0\9; /* IE8用 */
  font-size: .91em;
}

/* IE10用 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #header #lang li:first-child a { 
    padding-top: 0;
    font-size: .92em;
  }
}

/* Edge用 */
@supports (-ms-ime-align:auto) {
  #header #lang li:first-child a { 
    font-size: .94em;
  }
}

/* -- 韓国語ボタン -- */

#header #lang li:first-child + li a {
  font-size: 1em;
  font-size: .85em\9; /* IE8用 */
}

/* IE9用 */
#header #lang li:first-child + li a:not(:target) {
  padding-top: 3px\9;
}

/* IE10用 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #header #lang li:first-child + li a { 
    padding-top: 1px;
    font-size: .84em;
  }
}

/* Edge用 */
@supports (-ms-ime-align:auto) {
  #header #lang li:first-child + li a {
    font-size: .85em;
  }
}

/* -- 中国語ボタン -- */

#header #lang li:first-child + li + li a,
#header #lang li:first-child + li + li + li a {
}

/* IE10以上用 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #header #lang li:first-child + li + li a,
  #header #lang li:first-child + li + li + li a {
    padding-top: 2px;
  }
}



/*  コンテンツ 設定
---------------------------------------------*/

#content {
  padding-bottom: 120px;
  background: url(/share/imgs/kids-content-cm-bg-all.png);
  background-attachment: fixed;
}

#content a img {
  transition: all .4s ease-in-out;
}

/*  Content Top
-----------------------------------*/

#contentTop {
  overflow: hidden;
  width: 100%;
  min-width: 980px;
  padding-top: 64px;
  background: url(/share/imgs/kids-content-ct-bg-all.png);
  background-attachment: fixed;
  text-align: center;
}

#contentTop > .boxInner {
  position: relative;
  width: 100%;
  height: 305px;
  padding-top: 12px;
  background: url(/share/imgs/kids-content-ct-bg-yama-pc.png) no-repeat center 41px;
}

/* ---- 装飾（太陽・雲） ---- */

#contentTop:before,
#contentTop:after,
#contentTop > .boxInner:before,
#contentTop > .boxInner:after {
  position: absolute;
  top: 0;
  left: 50%;
  background-repeat: no-repeat;
  content: "";
}

/* -- 太陽 -- */

#contentTop:before {
  -webkit-animation: sun 100s linear infinite;
  animation: sun 100s linear infinite;
  top: 140px;
  width: 80px;
  height: 84px;
  margin-left: -360px;
  background-image: url(/share/imgs/kids-content-ct-img-sun.png);
}

@-webkit-keyframes sun {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes sun {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* -- 雲01 -- */

#contentTop:after  {
  display: none;  
  -webkit-animation: cloud 4s ease-in-out infinite;
  animation: cloud 4s ease-in-out infinite;
  top: 221px;
  width: 150px;
  height: 75px;
  margin-left: -468px;
  background-image: url(/share/imgs/kids-index-ct-img-cloud-01.png);
}

/* -- 雲02 -- */

#contentTop > .boxInner:before {
  display: none;
  -webkit-animation: cloud 5s ease-in-out infinite;
  animation: cloud 5s ease-in-out infinite;
  -webkit-animation-delay: -3s;
  animation-delay: -3s;
  top: 68px;
  width: 150px;
  height: 75px;
  margin-left: 430px;
  background-image: url(/share/imgs/kids-index-ct-img-cloud-02.png);
}

/* -- 雲03 -- */

#contentTop > .boxInner:after {
  display: none;
  -webkit-animation: cloud 7s ease-in-out infinite;
  animation: cloud 7s ease-in-out infinite;
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
  top: 122px;
  width: 153px;
  height: 76px;
  margin-left: 274px;
  background-image: url(/share/imgs/kids-index-ct-img-cloud-03.png);
}

/* -- 雲・アニメーション設定 -- */

@-webkit-keyframes cloud {
  50% { -webkit-transform: translateY(-8px); }
}

@keyframes cloud {
  50% { transform: translateY(-8px); }
}

/* ---- タイトル ---- */

#contentTop #mainlogo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

#contentTop #mainlogo h1 {
  width: 980px;
  margin: 0 auto;
  padding-top: 10px;
  text-align: left;
}

/* ---- 装飾（電車） ---- */

#contentTop #mainlogo:before,
#contentTop #mainlogo:after {
  position: absolute;
  bottom: 0;
  background-repeat: no-repeat;
  content: "";
}

/* -- 中央線（奥側） -- */

#contentTop #mainlogo:before {
  -webkit-animation: trainchuo 43s linear infinite,trainmove 1.7s linear infinite;
  animation: trainchuo 43s linear infinite,trainmove 1.7s linear infinite;
  -webkit-animation-delay: -13s,0s;
  animation-delay: -13s,0s;
  right: 50%;
  left: auto;
  width: 130px;
  height: 22px;
  margin-right: 160px\9; /* IE9以下用 */
  background-image: url(/share/imgs/kids-content-ct-img-train-02.png);
}

/* -- 京王線（手前側） -- */

#contentTop #mainlogo:after {
  -webkit-animation: trainkei 42s linear infinite,trainmove 1.6s linear infinite;
  animation: trainkei 42s linear infinite,trainmove 1.6s linear infinite;
  -webkit-animation-delay: -10s,-.9s;
  animation-delay: -10s,-.9s;
  left: 50%;
  width: 153px;
  height: 28px;
  margin-left: 330px\9; /* IE9以下用 */
  background-image: url(/share/imgs/kids-content-ct-img-train-01.png);
}

/* -- 電車横移動・アニメーション設定 -- */

/* 中央線 */
@-webkit-keyframes trainchuo {
  from { right: 100%; }
  to { right: -20%; }
}

@keyframes trainchuo {
  from { right: 100%; }
  to { right: -20%; }
}

/* 京王線 */
@-webkit-keyframes trainkei {
  from { left: 100%; }
  to { left: -20%; }
}

@keyframes trainkei {
  from { left: 100%; }
  to { left: -20%; }
}

/* -- 電車縦の動き・アニメーション設定 -- */

@-webkit-keyframes trainmove {
  0% { transform: translateY(0): }
  10% { transform: translateY(-1px); }
  15% { transform: translateY(0); }
  30% { transform: translateY(-1px); }
  35% { transform: translateY(0); }
}

@keyframes trainmove {
  0% { transform: translateY(0); }
  10% { transform: translateY(-1px); }
  15% { transform: translateY(0); }
  30% { transform: translateY(-1px); }
  35% { transform: translateY(0); }
}

/* ---- キーワード検索 ---- */

#contentTop .boxKeywordSearch {
  text-align: right;
}

#contentTop .boxKeywordSearch label {
  display: none;
}

#contentTop .boxSearchForm {
  position: relative;
  z-index: 1;
  float: right;
  width: auto;
  height: 38px;
  margin-right: 5px;
  margin-left: 100px;
  padding: 4px 5px 6px 5px;
  background: url(/share/imgs/kids-content-search-bg-cont.png) repeat-x;
}

#contentTop .boxSearchForm:before,
#contentTop .boxSearchForm:after {
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  content: "";
}

#contentTop .boxSearchForm:before {
  left: -103px;
  width: 108px;
  height: 44px;
  background-image: url(/share/imgs/kids-content-search-bg-head.png);
}

#contentTop .boxSearchForm:after {
  right: -12px;
  left: auto;
  width: 17px;
  height: 100%;
  background-image: url(/share/imgs/kids-content-search-bg-foot.png);
}

#contentTop .boxSearchFormInner {
  position: relative;
  border: 2px solid #bfbfbf;
}

#contentTop .boxSearchForm .txtSearch {
  transition: width .3s ease-in-out;
  width: 202px;
  height: 26px;
  padding-right: 30px;
  border: none;
}

#contentTop .boxSearchForm .btnSearch {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 26px;
  padding: 0;
  border: none;
  background: url(/share/imgs/kids-content-search-icn-btn-pc.png) no-repeat 4px 3px;
  text-indent: 300px;
  line-height: 300px;
  white-space: nowrap;
  cursor: pointer;
}

/*  Content Main
-----------------------------------*/

#contentMain {
  position: relative;
}

#contentMain:before {
  position: absolute;
  top: -9px;
  left: 0;
  width: 100%;
  height: 12px;
  background: url(/share/imgs/kids-content-cm-bg-field.png) repeat-x;
  content: "";
}

#contentMain .boxInner {
  padding: 14px 0 30px;
}

/* ------ サイトナビ ------ */

#sitenav {
  position: absolute;
  top: -220px;
  z-index: 10;
}

#sitenav .boxInner {
  position: relative;
  height: 220px;
}

/* -- リスト -- */

#sitenav li {
  position: absolute;
}

/* -- リンク -- */

#sitenav li a {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
}

/* -- リンク内テキスト -- */

#sitenav li a span {
  display: none;
}

/* ---- サイトナビ・個別設定 ---- */

/* -- 八王子ってどんなまち？ -- */

#sitenav .boxNavAbout {
  top: 4px;
  left: -2px;
  width: 156px;
  height: 120px;
}

#sitenav .boxNavAbout a {
  background-image: url(/share/imgs/kids-content-cm-nav-icn-about-pc.png);
}

/* -- 放課後をすごす場所 -- */

#sitenav .boxNavHokago {
  left: 97px;
  bottom: 19px;
  width: 158px;
  height: 126px;
}

#sitenav .boxNavHokago a {
  background-image: url(/share/imgs/kids-content-cm-nav-icn-hokago-pc.png);
}

/* -- 市役所・市議会のしごと -- */

#sitenav .boxNavJob {
  top: 2px;
  left: 224px;
  width: 168px;
  height: 133px;
}

#sitenav .boxNavJob a {
  background-image: url(/share/imgs/kids-content-cm-nav-icn-job-pc.png);
}

/* -- 子どもの権利となやみ相談 -- */

#sitenav .boxNavKenri {
  left: 348px;
  bottom: -2px;
  width: 168px;
  height: 130px; 
}

#sitenav .boxNavKenri a {
  background-image: url(/share/imgs/kids-content-cm-nav-icn-kenri-pc.png);
}

/* -- 八王子の小・中学校 -- */

#sitenav .boxNavSchool {
  top: 5px;
  left: 462px;
  width: 152px;
  height: 113px;
}

#sitenav .boxNavSchool a {
  background-image: url(/share/imgs/kids-content-cm-nav-icn-school-pc.png);
}

/* -- 考えてみよう・まもりましょう -- */

#sitenav .boxNavThink {
  left: 541px;
  bottom: 3px;
  width: 174px;
  height: 128px;
}

#sitenav .boxNavThink a {
  background-image: url(/share/imgs/kids-content-cm-nav-icn-think-pc.png);
}

/* -- 学ぼう・知ろう体験しよう -- */

#sitenav .boxNavLearn {
  top: -18px;
  left: 635px;
  width: 173px;
  height: 130px;
}

#sitenav .boxNavLearn a {
  background-image: url(/share/imgs/kids-content-cm-nav-icn-learn-pc.png);
}

/* -- はちおうじっ子フォトニュース -- */

#sitenav .boxNavNews {
  left: 747px;
  bottom: 2px;
  width: 180px;
  height: 137px;
}

#sitenav .boxNavNews a {
  background-image: url(/share/imgs/kids-content-cm-nav-icn-news-pc.png);
}

/* -- クイズコーナー -- */

#sitenav .boxNavQuiz {
  top: -9px;
  left: 848px;
  width: 135px;
  height: 113px;
}

#sitenav .boxNavQuiz a {
  background-image: url(/share/imgs/kids-content-cm-nav-icn-quiz-pc.png);
}


/* ------ サイトナビ（開閉） ------ */

.gt740 #content #sitenav.boxNavToggel ul {
  display: block !important;
  overflow: visible !important;
}


/*  2カラム 設定
-----------------------------------*/

/* ---- 2カラム・メインエリア ---- */

#main {
  float: left;
  width: 690px;
}

/* ---- 2カラム・サイドエリア ---- */

#side {
  float: right;
  width: 255px;
}


/*  フッター 設定
---------------------------------------------*/

#footer {
}
/* -------- フッター上部 -------- */

#footerTop {
  position: relative;
  background: url(/share/imgs/kids-footer-ft-bg-all.png);
  background-attachment: fixed;
}

#footerTop:before {
  position: absolute;
  top: -15px;
  left: 0;
  width: 100%;
  height: 20px;
  background: url(/share/imgs/kids-footer-ft-bg-field.png) repeat-x;
  content: "";
}

#footerTop,
#footerTop a {
  color: #fff;
}

#footerTop .boxInner {
  padding-top: 35px;
  padding-bottom: 90px;
}

/* ---- 表示切替 ---- */

#footer #displayswitch.mediaSP,
#footer #displayswitch.mediaPC {
  display: none;
}

#footer #displayswitch {
  margin-bottom: 25px; 
}

/* -- リスト -- */

#footer #displayswitch ul {
  margin: 0 -10px;
}

#footer #displayswitch li {
  float: left;
  width: 50%;
  padding: 0 10px;
}

/* -- リンク -- */

#footer #displayswitch a {
  display: block;
  border: 2px solid rgba(255,255,255,.4);
  border-radius: 10px;
  color: #fff;
  font-size: 1.05em;
  text-align: center;
  letter-spacing: .02em;
}

/* -- リンク内テキスト -- */

#footer #displayswitch a span {
  display: inline-block;
  padding: 15px 5px;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: auto 20px;
}

/* -- PCボタン -- */

#footer #displayswitch #switch-pc {
  background: none;
}

#footer #displayswitch #switch-pc span {
  padding-left: 30px;
  background-image: url(/share/imgs/kids-footer-icn-display-pc.png);
  text-decoration: underline;
}

/* -- スマホボタン -- */

#footer #displayswitch #switch-sp {
  border-color: transparent;
  background: rgba(255,255,255,.3);
}

#footer #displayswitch #switch-sp span {
  padding-left: 20px;
  background-image: url(/share/imgs/kids-footer-icn-display-sp.png);
}

/* ---- アドレス ---- */

#footer .boxAddress {
  font-size: 1.03em;
  line-height: 1.7em;
}

/* -- タイトル -- */

#footer .boxAddress > dl > dt {
  position: relative;
  margin-bottom: 5px;
  font-size: 1.12em;
  font-weight: bold;
}

/* -- 内容 -- */

#footer .boxAddress > dl > dd {
}

#footer .boxAddress > dl > dd li {
  display: inline;
  padding-left: 8px;  
}

#footer .boxAddress > dl > dd li:first-child {
  padding-left: 0;
}

/* -------- フッター下部 -------- */

#footerBtm {
  position: relative;
  background: url(/share/imgs/kids-footer-fb-bg-all.png);
  background-attachment: fixed;
}

/* ---- コピーライト ---- */

#footer #copyright {
  display: block;
  padding: 25px 0;
  font-size: .85em;
  text-align: center;
}

/* ---- ページトップ ---- */

#footer #pagetop {
  display: block;
  position: absolute;
  top: -360px;
  right: auto;
  left: auto;
  z-index: 600;
  margin-left: 890px;
}

/* -- ページトップ・固定 -- */

#footer #pagetop.fxd {
  position: fixed;
  top: auto !important;
  bottom: 15px;
}

/* -- リンク -- */

#footer #pagetop a {
  display: block;
  transition: all .4s ease-in-out;
  float: right;
  width: 82px;
  height: 114px;
  background: url(/share/imgs/kids-footer-btn-pagetop.png) no-repeat;
}

/* -- リンク（ホバー・フォーカス時）-- */

#footer #pagetop a:hover,
#footer #pagetop a:focus {
}

/* -- リンク内テキスト -- */

#footer #pagetop a span {
  display: none;
}