@charset "UTF-8";
.hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.balloon_h2 {
  position: relative;
  margin: 10px 0px;
  padding: 12px 8px;
  background: #2267a2;
  color: #fff;
}
.balloon_h2::before {
  content: "";
  border: solid transparent;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: absolute;
  border-width: 13px;
  border-top-color: #2267a2;
  margin-left: -13px;
  left: 50%;
  bottom: -26px;
}

.balloonhg {
  position: relative;
  margin: 10px 0px;
  padding: 12px 8px;
  background: #fff;
  text-align: left;
}
.balloonhg::before {
  content: "";
  border: solid transparent;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: absolute;
  border-width: 13px;
  border-bottom-color: #47853d;
  margin-left: -13px;
  left: 22%;
  top: -26px;
}

.balloonh2 {
  position: relative;
  margin: 10px 0px;
  padding: 12px 8px;
  background: #2267a2;
  color: #fff;
}
.balloonh2::before {
  content: "";
  border: solid transparent;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: absolute;
  border-width: 13px;
  border-top-color: #2267a2;
  margin-left: -13px;
  left: 50%;
  bottom: -26px;
}

.balloon_h {
  position: relative;
  margin: 10px 0px;
  padding: 12px 8px;
  background: #2267a2;
  color: #fff;
}
.balloon_h::before {
  content: "";
  border: solid transparent;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: absolute;
  border-width: 13px;
  border-bottom-color: #2267a2;
  margin-left: -13px;
  left: 50%;
  top: -26px;
}

.btnWhite li {
  background: #fff;
  margin: 0.5rem 0;
  font-size: .9rem;
  text-align: left;
  height: 3rem;
  display: table;
  width: 160px;
  line-height: 1.2rem;
}
.btnWhite li a {
  display: table-cell;
  padding: .2rem .5rem;
  vertical-align: middle;
  color: #232323;
  text-decoration: none;
}
.btnWhite li a:hover {
  background: rgba(233, 230, 223, 0.6);
}

/* --------------------------------Top style */
/*-------------------------Top Page Style*/
.top {
  /*.contentsMain:lang(en),.contentsMain:lang(zh-cn),.contentsMain:lang(zh-tw),.contentsMain:lang(ko){
    margin-top: 1rem;
  }*/
}
.top .header {
  background-position: left 50%;
}
.top .contents {
  margin-top: 0;
  background-color: transparent;
  width: 100%;
}
.top .contentsHead {
  width: 100%;
  text-align: center;
  margin: auto;
  padding: 0;
  background: #fff;
  /*.topSearch:lang(en),.topSearch:lang(zh-cn),.topSearch:lang(zh-tw),.topSearch:lang(ko){
    display: none;
  }*/
}
.top .contentsHead .openingInfo {
  padding: 0;
  text-align: center;
  margin: auto;
  background: #594b46;
  width: 100%;
}
@media screen and (max-width: 480px) {
  .top .contentsHead .openingInfo {
    width: auto;
  }
}
.top .contentsHead .openingInfo .opebLib {
  width: 980px;
  padding-top: .5rem;
  margin: auto;
  text-align: left;
}
@media screen and (max-width: 480px) {
  .top .contentsHead .openingInfo .opebLib {
    width: auto;
    padding: .5rem 0;
  }
}
.top .contentsHead .openingInfo .opebLib h2 {
  font-size: .9rem;
  line-height: 1.7rem;
  padding: .5rem;
  margin: auto;
  text-align: left;
  color: #f2e9df;
  background: #594b46;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
.top .contentsHead .openingInfo .opebLib h2::after {
  content: "";
  border: solid transparent;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: absolute;
  border-width: 13px;
  border-top-color: #594b46;
  margin-left: -13px;
  left: 50%;
  bottom: -26px;
}
.top .contentsHead .openingInfo .opebLib h2::after {
  margin-left: -40%;
  z-index: 999;
}
@media screen and (max-width: 480px) {
  .top .contentsHead .openingInfo .opebLib h2 {
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
  }
  .top .contentsHead .openingInfo .opebLib h2::after {
    display: none;
  }
}
.top .contentsHead .openingInfo .opebLib h2 span {
  font-size: 1.4rem;
}
@media screen and (max-width: 480px) {
  .top .contentsHead .openingInfo .opebLib h2 span {
    font-size: 1.2rem;
  }
}
.top .contentsHead .openingInfo .opebLib h2 span strong {
  font-size: 1.7rem;
}
@media screen and (max-width: 480px) {
  .top .contentsHead .openingInfo .opebLib h2 span strong {
    font-size: 1.5rem;
  }
}
.top .contentsHead .openingInfo .opebLib p {
  color: #f2e9df;
  font-size: .9rem;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
@media screen and (max-width: 480px) {
  .top .contentsHead .openingInfo .opebLib p {
    text-align: center;
    display: block;
    font-size: .8rem;
  }
}
.top .contentsHead .openingInfo .each_Library {
  text-align: center;
  margin: auto;
  background: #e3d5c1;
  padding: 1rem 0 0.5rem;
  position: relative;
}
@media screen and (max-width: 480px) {
  .top .contentsHead .openingInfo .each_Library {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 1rem 0 .5rem;
  }
}
.top .contentsHead .openingInfo .each_Library li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 0 4.4px;
  list-style-type: none;
  position: relative;
}
@media screen and (max-width: 480px) {
  .top .contentsHead .openingInfo .each_Library li {
    margin: .1rem;
    flex-basis: 20%;
    padding: 0 .1rem;
  }
}
.top .contentsHead .openingInfo .each_Library li dl {
  position: relative;
  opacity: 0;
  z-index: -9999;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  top: 95px;
  background-color: #594b46;
  font-size: 80%;
  width: 16rem;
  position: absolute;
  line-height: 1.3rem;
}
.top .contentsHead .openingInfo .each_Library li dl::before {
  content: "";
  border: solid transparent;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: absolute;
  border-width: 13px;
  border-bottom-color: #594b46;
  margin-left: -13px;
  left: 50%;
  top: -26px;
}
.top .contentsHead .openingInfo .each_Library li dl::before {
  left: 20%;
}
.top .contentsHead .openingInfo .each_Library li dl dt {
  padding: 1px;
  text-align: center;
  background: #806B64;
  display: block;
  font-size: 120%;
  font-weight: normal;
  margin: .5rem auto;
}
.top .contentsHead .openingInfo .each_Library li dl dd {
  display: block;
  text-align: left;
}
@media screen and (max-width: 480px) {
  .top .contentsHead .openingInfo .each_Library li dl {
    display: none;
  }
}
.top .contentsHead .openingInfo .each_Library li:hover dl.clear {
  opacity: 1;
  z-index: 9999;
  color: #fff;
  border: solid 1px #594b46;
  padding: 1rem;
  height: auto;
}
.top .contentsHead .openingInfo .each_Library li.open_lib001 {
  padding-left: 0;
}
.top .contentsHead .openingInfo .each_Library li.open_lib007 {
  position: relative;
}
.top .contentsHead .openingInfo .each_Library li.open_lib007 dl.clear {
  left: -50%;
  top: 95px;
}
.top .contentsHead .openingInfo .each_Library li.open_lib007 dl.clear::before {
  left: 30%;
}
.top .contentsHead .openingInfo .each_Library li.open_lib008 {
  position: relative;
  border-right: none;
  padding-right: 0;
}
.top .contentsHead .openingInfo .each_Library li.open_lib008 dl.clear {
  right: 5%;
  top: 95px;
}
.top .contentsHead .openingInfo .each_Library li.open_lib008 dl.clear::before {
  left: 80%;
}
.top .contentsHead .topSearch {
  background: #f1c8bc;
  width: 980px;
  margin: 0.8rem auto;
  text-align: center;
  padding: 5px 0;
}
@media screen and (max-width: 480px) {
  .top .contentsHead .topSearch {
    width: auto;
  }
}
.top .contentsHead .topSearch .topSearchHead {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-left: 2rem;
}
@media screen and (max-width: 480px) {
  .top .contentsHead .topSearch .topSearchHead {
    margin: 0 0 0.5rem;
  }
}
.top .contentsHead .topSearch h2 {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
  color: #330000;
  position: relative;
}
.top .contentsHead .topSearch h2:before {
  font-family: "icomoon",sans-serif;
  content: "\e907";
  color: #cf3f3f;
  position: absolute;
  left: -2.5rem;
  top: -0.3rem;
  content: "\e608";
  color: #cb4c4c;
  font-size: 2rem;
  font-weight: normal;
}
@media screen and (max-width: 480px) {
  .top .contentsHead .topSearch h2:before {
    font-size: 1.6rem;
    left: -2.2rem;
    top: -0.2rem;
  }
}
@media screen and (max-width: 480px) {
  .top .contentsHead .topSearch h2 {
    margin: .6rem;
  }
}
.top .contentsHead .topSearch h2 span {
  font-size: 1.5rem;
}
@media screen and (max-width: 480px) {
  .top .contentsHead .topSearch h2 span {
    font-size: 1.3rem;
  }
}
.top .contentsHead .topSearch form {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.top .contentsHead .topSearch form .button {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 10px auto 10px 2px;
}
@media screen and (max-width: 480px) {
  .top .contentsHead .topSearch form .button {
    padding: 0;
    margin: 0;
  }
}
.top .contentsHead .topSearch form .button input {
  background: #594b46;
  color: #f2e9df;
  border-radius: 0;
  font-weight: bold;
}
.top .contentsHead .topSearch form .button input:hover {
  opacity: 0.7;
}
.top .contentsHead .topSearch form input {
  margin: auto;
  padding: 0.5rem 1rem;
}
.top .contentsHead .topSearch form input[type="text"] {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 450px;
  border: 0;
  padding: .4rem .5rem;
  margin-left: .5rem;
}
@media screen and (max-width: 480px) {
  .top .contentsHead .topSearch form input[type="text"] {
    margin: 0;
    width: 70%;
    font-size: 1rem;
    height: 1.7rem;
  }
}
.top .contentsHead .topSearch .bookInfo {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  text-align: left;
  zoom: 1;
  margin: 1rem 0;
}
.top .contentsHead .topSearch .bookInfo:before, .top .contentsHead .topSearch .bookInfo:after {
  content: "";
  display: table;
}
.top .contentsHead .topSearch .bookInfo:after {
  clear: both;
}
@media screen and (max-width: 480px) {
  .top .contentsHead .topSearch .bookInfo p {
    width: 70%;
    text-align: center;
    margin: auto;
    margin-bottom: 0.5rem;
  }
}
.top .contentsHead .topSearch .bookInfo p a {
  color: #f2e9df;
  text-decoration: none;
  font-weight: bold;
  background: #cb4c4c;
  padding: .5rem 1rem;
}
.top .contentsHead .topSearch .bookInfo p a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 480px) {
  .top .contentsHead .topSearch .bookInfo p a {
    display: block;
    padding: 0.8rem 0;
  }
}
@media screen and (max-width: 480px) {
  .top .contentsHead .topSearch .bookInfo {
    padding: 0;
    display: inherit;
    margin: auto;
  }
}
.top .atn {
  margin: 10px auto auto auto;
  background: #fff;
  text-align: left;
  line-height: 1.4em;
  width: 980px;
  padding: 0rem 0 1rem;
}
@media screen and (max-width: 480px) {
  .top .atn {
    margin-bottom: 0px;
    width: auto;
    padding-bottom: 0.5rem;
  }
}
.top .atn > * {
  margin-left: 1rem;
  margin-right: 1rem;
  margin-bottom: .5rem;
  line-height: 1.7rem;
}
.top .atn h2 {
  color: #BF0000;
  margin-bottom: 0.5em;
  padding: 10px;
  background: #F6E7DE;
  margin-left: 0rem;
  margin-right: 0rem;
}
.top .atn ul,
.top .atn dl,
.top .atn ol {
  margin: auto 2rem;
}
.top .contentsMain {
  width: 980px;
  margin: auto;
  text-align: center;
  min-height: calc(100vh - 260px);
  background: #fff;
}
@media screen and (max-width: 480px) {
  .top .contentsMain {
    width: 100%;
  }
}
.top .contentsMain .main {
  float: left;
  width: 850px;
  zoom: 1;
}
.top .contentsMain .main:before, .top .contentsMain .main:after {
  content: "";
  display: table;
}
.top .contentsMain .main:after {
  clear: both;
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main {
    float: none;
    width: 100%;
    display: flex;
    flex-direction: column;
  }
}
.top .contentsMain .main .tab {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin: 1rem 0 0;
}
.top .contentsMain .main .tab li {
  display: table-cell;
  padding: 1.5rem;
}
.top .contentsMain .main .tab li:lang(en),
.top .contentsMain .main .tab li:lang(zh-cn),
.top .contentsMain .main .tab li:lang(zh-tw),
.top .contentsMain .main .tab li:lang(ko) {
  font-size: .8rem;
}
.top .contentsMain .main .mainMid {
  width: 620px;
  float: right;
  margin-bottom: 8rem;
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainMid {
    width: auto;
    float: none;
    order: 2;
    margin: auto;
  }
}
.top .contentsMain .main .mainMid .infoLib {
  border: 1px solid #c3aaa0;
}
.top .contentsMain .main .mainMid .infoLib h2 {
  text-align: left;
  margin: auto;
  padding: 1.8rem 0rem .5rem 2.8rem;
  display: block;
  border: none;
  font-weight: normal;
  background-color: #ede3d5;
  background-image: url("../images/Top_info.png");
  background-repeat: no-repeat;
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainMid .infoLib h2 {
    padding: 0.8rem 0;
    text-align: center;
  }
}
.top .contentsMain .main .mainMid .infoLib .infoBox dl dt .infoLib-icon {
  display: none;
}
.top .contentsMain .main .mainMid .infoLib .infoBox ul.infoLib-list li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-top: .5rem;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainMid .infoLib .infoBox ul.infoLib-list li {
    line-height: inherit;
    vertical-align: top;
    font-size: .9rem;
  }
}
.top .contentsMain .main .mainMid .infoLib .infoBox ul.infoLib-list li.infoLib-link a {
  color: #fff;
  padding: .5rem 4rem;
  background: #cb4c4c;
  text-decoration: none;
  display: block;
  font-weight: bold;
}
.top .contentsMain .main .mainMid .infoLib .infoBox ul.infoLib-list li.infoLib-link a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainMid .infoLib .infoBox ul.infoLib-list li.infoLib-link a {
    padding: inherit;
    display: block;
    padding: 13px .5rem;
  }
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainMid .infoLib .infoBox ul.infoLib-list li.infoLib-link {
    width: 70%;
  }
}
.top .contentsMain .main .mainMid .infoLib .infoBox ul.infoLib-list li.rss {
  float: right;
  margin-right: 1rem;
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainMid .infoLib .infoBox ul.infoLib-list li.rss {
    float: none;
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainMid .infoLib .infoBox ul.infoLib-list {
    margin: auto;
  }
}
.top .contentsMain .main .mainMid .info {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 0;
  border: 1px solid #c3aaa0;
  border-top: 0;
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainMid .info {
    border-bottom: 1px solid #c3aaa0;
  }
}
.top .contentsMain .main .mainMid .info header ul.tab li {
  padding: 0;
  margin-bottom: 0;
  position: relative;
  z-index: 9999;
  padding-right: 7px;
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainMid .info header ul.tab li {
    font-size: .9rem;
    padding-right: 3px;
  }
}
.top .contentsMain .main .mainMid .info header ul.tab li a {
  text-align: center;
  display: block;
  text-decoration: none;
  padding: 1rem 0;
  padding-left: 5px;
  border: 1px solid #c3aaa0;
  border-bottom: 0;
  font-weight: bold;
  color: #330000;
  position: relative;
}
.top .contentsMain .main .mainMid .info header ul.tab li a::before {
  position: absolute;
}
.top .contentsMain .main .mainMid .info header ul.tab li a.selected {
  background: #ede3d5;
}
.top .contentsMain .main .mainMid .info header ul.tab li a:hover {
  background: #ede3d5;
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainMid .info header ul.tab li a {
    padding: 1rem 0;
  }
}
.top .contentsMain .main .mainMid .info header ul.tab li.tabTalk {
  padding-right: 0;
}
.top .contentsMain .main .mainMid .info header ul.tab li.tabTalk a {
  padding-left: 1.5rem;
  border-right: none;
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainMid .info header ul.tab li.tabTalk a {
    padding-left: 0;
    border-right: 0;
  }
}
.top .contentsMain .main .mainMid .info header ul.tab li.tabTalk a::before {
  content: url("../images/Top_story.png");
  left: 5%;
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainMid .info header ul.tab li.tabTalk a::before {
    display: none;
  }
}
.top .contentsMain .main .mainMid .info header ul.tab li.tabNew a {
  padding-left: 1.5rem;
  border-left: none;
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainMid .info header ul.tab li.tabNew a {
    padding-left: 0;
  }
}
.top .contentsMain .main .mainMid .info header ul.tab li.tabNew a::before {
  content: url("../images/Top_new.png");
  left: 8%;
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainMid .info header ul.tab li.tabNew a::before {
    display: none;
  }
}
.top .contentsMain .main .mainMid .info header ul.tab li.tabNew a:lang(en), .top .contentsMain .main .mainMid .info header ul.tab li.tabNew a:lang(zh-cn), .top .contentsMain .main .mainMid .info header ul.tab li.tabNew a:lang(zh-tw), .top .contentsMain .main .mainMid .info header ul.tab li.tabNew a:lang(ko) {
  padding-left: 2.5rem;
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainMid .info header ul.tab li.tabNew a:lang(en), .top .contentsMain .main .mainMid .info header ul.tab li.tabNew a:lang(zh-cn), .top .contentsMain .main .mainMid .info header ul.tab li.tabNew a:lang(zh-tw), .top .contentsMain .main .mainMid .info header ul.tab li.tabNew a:lang(ko) {
    padding-left: 0;
  }
}
.top .contentsMain .main .mainMid .info header ul.tab li.tabNew a:lang(ko) {
  font-size: .7rem;
}
.top .contentsMain .main .mainMid .info header ul.tab li.tabEvent a {
  padding-left: 1.5rem;
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainMid .info header ul.tab li.tabEvent a {
    padding-left: 0;
  }
}
.top .contentsMain .main .mainMid .info header ul.tab li.tabEvent a::before {
  content: url("../images/Top_event.png");
  left: 8%;
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainMid .info header ul.tab li.tabEvent a::before {
    display: none;
  }
}
.top .contentsMain .main .mainMid .info header ul.tab li.tabExhibit a {
  padding-left: 1.5rem;
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainMid .info header ul.tab li.tabExhibit a {
    padding-left: 0;
  }
}
.top .contentsMain .main .mainMid .info header ul.tab li.tabExhibit a::before {
  content: url("../images/Top_exhibition.png");
  left: 8%;
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainMid .info header ul.tab li.tabExhibit a::before {
    display: none;
  }
}
.top .contentsMain .main .mainMid .panel {
  z-index: 5555;
  margin-top: -1px;
  padding-top: 0;
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainMid .panel {
    padding-bottom: 0;
    border-bottom: 0;
    border-right: 0;
  }
}
.top .contentsMain .main .mainMid .panel .infoBox {
  border-top: 1.5rem solid #ede3d5;
  z-index: 3333;
}
.top .contentsMain .main .mainMid footer {
  margin-bottom: 1rem;
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainMid footer {
    margin: .5rem 0;
    font-size: .9rem;
  }
}
.top .contentsMain .main .mainMid footer ul.info-list {
  margin-left: 0;
  zoom: 1;
  margin-top: 0;
  border-spacing: .5rem 0;
  margin: auto;
  text-align: center;
}
.top .contentsMain .main .mainMid footer ul.info-list:before, .top .contentsMain .main .mainMid footer ul.info-list:after {
  content: "";
  display: table;
}
.top .contentsMain .main .mainMid footer ul.info-list:after {
  clear: both;
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainMid footer ul.info-list {
    margin: auto;
    width: 95%;
    text-align: center;
    display: table;
    border-spacing: 0;
  }
}
.top .contentsMain .main .mainMid footer ul.info-list li {
  text-align: center;
  width: 160px;
  margin-left: 10px;
  margin-bottom: 0;
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainMid footer ul.info-list li {
    margin: inherit;
    line-height: inherit;
    display: table-cell;
    text-align: left;
  }
}
.top .contentsMain .main .mainMid footer ul.info-list li a {
  padding: .8rem 0rem;
  text-decoration: none;
  font-weight: bold;
  display: block;
  line-height: 1rem;
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainMid footer ul.info-list li a {
    padding: .1rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.top .contentsMain .main .mainMid footer ul.info-list li a:hover {
  opacity: 0.7;
}
.top .contentsMain .main .mainMid footer ul.info-list li.infoEvent-link {
  background: #ed8311;
}
.top .contentsMain .main .mainMid footer ul.info-list li.infoEvent-link a {
  color: #330000;
}
.top .contentsMain .main .mainMid footer ul.info-list li.infoExbit-link {
  background: #7d5343;
}
.top .contentsMain .main .mainMid footer ul.info-list li.infoExbit-link a {
  color: #f2e9df;
}
.top .contentsMain .main .mainMid footer ul.info-list li.infoTalk-link {
  background: #68af32;
}
.top .contentsMain .main .mainMid footer ul.info-list li.infoTalk-link a {
  color: #330000;
}
.top .contentsMain .main .mainMid footer ul.info-list li.rss {
  width: auto;
  margin-right: 10px;
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainMid footer ul.info-list li.rss {
    margin-right: auto;
    width: 15%;
  }
}
.top .contentsMain .main .mainMid footer ul.info-list li.rss a {
  padding: 0;
}
.top .contentsMain .main .mainMid > * {
  margin: 0 .8rem;
}
.top .contentsMain .main .mainSide {
  width: 230px;
  float: left;
  margin-bottom: 5rem;
  /*.sideCont:lang(en),.sideCont:lang(zh-cn),.sideCont:lang(zh-tw),.sideCont:lang(ko){
    display: none;
  }*/
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainSide {
    width: 100%;
    float: none;
    order: 1;
    margin-bottom: 0.5rem;
  }
}
.top .contentsMain .main .mainSide .userMenu,
.top .contentsMain .main .mainSide .sideCont,
.top .contentsMain .main .mainSide .mobile {
  text-align: left;
  border: solid 1px #c3aaa0;
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainSide .userMenu,
  .top .contentsMain .main .mainSide .sideCont,
  .top .contentsMain .main .mainSide .mobile {
    border: none;
  }
}
.top .contentsMain .main .mainSide .userMenu h2,
.top .contentsMain .main .mainSide .sideCont h2,
.top .contentsMain .main .mainSide .mobile h2 {
  padding: 1rem 1rem 1rem 2rem;
  background-color: #f1c8bc;
  margin-top: .5rem;
  border: none;
  font-size: 1.1rem;
  font-weight: bold;
}
.top .contentsMain .main .mainSide .userMenu h2 {
  position: relative;
  padding-left: 3.5rem;
}
.top .contentsMain .main .mainSide .userMenu h2::before {
  content: url("../images/Gmenu_icon04.png");
  position: absolute;
  left: 4%;
  bottom: 10%;
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainSide .userMenu h2::after {
    content: "＋";
    color: #fff;
    background: #cb4c4c;
    right: 0.5rem;
    padding: 0.3rem 0.4rem;
    position: absolute;
    border-radius: 3px;
    font-weight: bold;
    top: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainSide .userMenu h2.active::after {
    content: "-";
    font-size: 2rem;
    padding: 0.3rem 0.7rem;
  }
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainSide .userMenu h2.active:hover {
    cursor: pointer;
  }
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainSide .userMenu h2:hover {
    cursor: pointer;
  }
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainSide .userMenu h2:hover::after {
    content: "-";
    padding: 0.3rem 0.4rem;
    font-size: 2rem;
    padding: 0.3rem 0.7rem;
  }
}
.top .contentsMain .main .mainSide .userMenu ul {
  margin-left: 0;
  padding-bottom: .5rem;
}
.top .contentsMain .main .mainSide .userMenu ul.umenuList li {
  background: url("../images/Top_key_Mylib.png") no-repeat 5% 30%;
  border-bottom: dotted 1px;
  padding-left: 2.5rem;
  list-style: none;
  padding-bottom: .5rem;
}
.top .contentsMain .main .mainSide .sideCont,
.top .contentsMain .main .mainSide .mobile {
  margin-top: 1rem;
}
.top .contentsMain .main .mainSide .sideCont h2 {
  position: relative;
  padding-left: 3.5rem;
  padding-right: 0;
}
.top .contentsMain .main .mainSide .sideCont h2::before {
  content: url("../images/Gmenu_icon01.png");
  position: absolute;
  left: 4%;
  bottom: 10%;
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainSide .sideCont h2::after {
    content: "＋";
    color: #fff;
    background: #cb4c4c;
    right: 0.5rem;
    padding: 0.3rem 0.4rem;
    position: absolute;
    border-radius: 3px;
    font-weight: bold;
    top: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainSide .sideCont h2.active::after {
    content: "-";
    font-size: 2rem;
    padding: 0.3rem 0.7rem;
  }
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainSide .sideCont h2.active:hover {
    cursor: pointer;
  }
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainSide .sideCont h2:hover {
    cursor: pointer;
  }
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainSide .sideCont h2:hover::after {
    content: "-";
    padding: 0.3rem 0.4rem;
    font-size: 2rem;
    padding: 0.3rem 0.7rem;
  }
}
.top .contentsMain .main .mainSide .sideCont ul {
  margin-left: 0;
}
.top .contentsMain .main .mainSide .sideCont ul li {
  list-style: none;
  border-bottom: dotted 1px;
  padding: .5rem 0 1rem 3.5rem;
  position: relative;
}
.top .contentsMain .main .mainSide .sideCont ul li::before {
  position: absolute;
  left: 4%;
  bottom: 0%;
}
.top .contentsMain .main .mainSide .sideCont ul li.Serch_01::before {
  content: url("../images/Top_Search.png");
}
.top .contentsMain .main .mainSide .sideCont ul li.Serch_02::before {
  content: url("../images/Top_bestreader.png");
}
.top .contentsMain .main .mainSide .sideCont ul li.Serch_03::before {
  content: url("../images/Top_bestorder.png");
}
.top .contentsMain .main .mainSide .sideCont ul li.Serch_04::before {
  content: url("../images/Top_newarrival.png");
}
.top .contentsMain .main .mainSide .sideCont ul li.Serch_05::before {
  content: url("../images/Top_newspaper.png");
}
.top .contentsMain .main .mainSide .mobile {
  word-break: break-all;
  clear: both;
  padding-bottom: 1rem;
}
@media screen and (max-width: 480px) {
  .top .contentsMain .main .mainSide .mobile {
    display: none;
  }
}
.top .contentsMain .main .mainSide .mobile h2 {
  background: #7d635a;
  color: #f2e9df;
  padding: .5rem 0;
  margin-top: 0;
  text-align: center;
  display: block;
  width: 210px;
  margin: auto;
}
.top .contentsMain .main .mainSide .mobile p {
  font-size: .9rem;
  line-height: 1.2rem;
  margin-top: .5rem;
}
.top .contentsMain .main .mainSide .mobile p.qr {
  float: left;
}
.top .contentsMain .side {
  float: left;
  width: 130px;
  margin-top: 0;
  margin-bottom: 8rem;
  margin-right: 0;
}
@media screen and (max-width: 480px) {
  .top .contentsMain .side {
    float: none;
    width: 100%;
  }
}
.top .contentsMain .side a[target="_blank"]::after {
  display: none;
}
.top .contentsMain .side ul li {
  list-style: none;
}
.top .contentsMain .side .menu1 h2 {
  display: none;
}
@media screen and (max-width: 480px) {
  .top .contentsMain .side .menu1 h2 {
    display: block;
    background: #7d635a;
    color: #f2e9df;
    margin-top: 0;
  }
}
.top .contentsMain .side .banner2 {
  background: #ede3d5;
  padding-bottom: .3rem;
}
.top .contentsMain .side .banner2 p {
  padding: 1rem 0 .5rem;
}
.top .contentsMain .side .banner2 p a {
  color: #330000;
  font-size: .9rem;
}
.top .contentsMain .side ul.mainSideList1 {
  margin: 1rem auto;
}
.top .contentsMain .side ul.mainSideList1 li {
  margin: .5rem auto;
}
@media screen and (max-width: 480px) {
  .top .contentsMain .side ul.mainSideList1 li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    padding: 0 0.5rem;
  }
}
.top .contentsMain .side ul.mainSideList1 li.kids {
  background: none;
}
.top .contentsMain .side .menu2 {
  border: 1px solid #c3aaa0;
  margin-bottom: 1rem;
}
@media screen and (max-width: 480px) {
  .top .contentsMain .side .menu2 {
    border: none;
    border-bottom: 1px solid #c3aaa0;
  }
}
.top .contentsMain .side .menu2 h2 {
  background: #7d635a;
  color: #f2e9df;
  padding: 1rem;
  margin: auto .5rem;
}
@media screen and (max-width: 480px) {
  .top .contentsMain .side .menu2 h2 {
    margin: auto;
    text-align: left;
    position: relative;
  }
}
.top .contentsMain .side .menu2 h2::after {
  display: none;
}
@media screen and (max-width: 480px) {
  .top .contentsMain .side .menu2 h2::after {
    display: block;
    content: "＋";
    color: #594b46;
    background: #ede3d5;
    right: 0.5rem;
    padding: 0.3rem 0.4rem;
    position: absolute;
    border-radius: 3px;
    font-weight: bold;
    top: 10px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .top .contentsMain .side .menu2 h2.active::after {
    content: "-";
    font-size: 2rem;
    padding: 0rem 0.7rem 0.1rem;
  }
}
@media screen and (max-width: 480px) {
  .top .contentsMain .side .menu2 h2.active:hover {
    cursor: pointer;
  }
}
@media screen and (max-width: 480px) {
  .top .contentsMain .side .menu2 h2:hover {
    cursor: pointer;
  }
}
@media screen and (max-width: 480px) {
  .top .contentsMain .side .menu2 h2:hover::after {
    content: "-";
    font-size: 2rem;
    padding: 0rem 0.7rem 0.1rem;
  }
}
.top .contentsMain .side .menu2 ul {
  margin: .5rem auto 1rem;
}
.top .contentsMain .side .menu2 ul li {
  padding: 0.5rem 0;
  text-align: left;
  margin: auto .5rem;
  border-bottom: dotted 1px;
  line-height: 1.2rem;
}
.top .footer {
  background-image: url("../images/footer.png");
  background-repeat: repeat-x;
  background-position: 50% 20%;
  padding-top: 0px;
  height: 260px;
  zoom: 1;
  position: relative;
  background-color: #f1c8bc;
}
.top .footer:before, .top .footer:after {
  content: "";
  display: table;
}
.top .footer:after {
  clear: both;
}
.top .footer .banner {
  width: 980px;
  margin: auto;
  text-align: left;
  padding-top: .5rem;
}
@media screen and (max-width: 480px) {
  .top .footer .banner {
    width: auto;
    margin: 1rem .5rem 0;
  }
}
.top .footer .banner a {
  color: #fff;
  font-weight: normal;
}
.top .footer .banner a img {
  height: 60px;
}
.top .footer .banner p {
  color: #330000;
  font-size: .9rem;
}
.top .footer .banner h2 {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 0.5rem;
  background: #c44e4c;
}
@media screen and (max-width: 480px) {
  .top .footer .banner h2 {
    display: block;
    background: none;
    padding: inherit;
  }
}
@media screen and (max-width: 480px) {
  .top .footer .banner h2 a {
    background: #c44e4c;
    padding: 0.5rem;
  }
}
.top .footer .banner h2 a::after {
  display: none;
}
.top .footer .banner p {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-bottom: 1rem;
}
@media screen and (max-width: 480px) {
  .top .footer .banner p {
    margin: 0.5rem 0;
    text-align: left;
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .top .footer .banner ul {
    text-align: left;
    margin: auto;
  }
}
.top .footer .banner ul li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-right: 1rem;
}
@media screen and (max-width: 480px) {
  .top .footer .banner ul li {
    margin-right: 0;
  }
}
.top .footer .banner ul li a::after {
  display: none;
}
@media screen and (max-width: 480px) {
  .top .footer {
    height: inherit;
  }
}
.top .footer .footerMenu {
  position: absolute;
  text-align: center;
  width: 100%;
  top: 150px;
}
@media screen and (max-width: 480px) {
  .top .footer .footerMenu {
    position: static;
    text-align: right;
  }
}
.top .footer p small {
  position: absolute;
  margin: auto;
  padding: 0;
  left: 25%;
  right: 25%;
  top: 180px;
}
@media screen and (max-width: 480px) {
  .top .footer p small {
    position: static;
  }
}

.mainBox .inlineBox > * {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: top;
  width: 40%;
}
.mainBox #sitemap dl {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 29%;
  margin-left: 2rem;
  vertical-align: top;
}
@media screen and (max-width: 480px) {
  .mainBox #sitemap dl {
    width: 90%;
    display: block;
  }
}
.mainBox #sitemap dl dt {
  border-bottom: solid 2px #594b46;
  font-size: 1.1rem;
}
.mainBox #sitemap dl dt:before {
  color: #f2e9df;
}
.mainBox #sitemap dl dd {
  display: list-item;
  line-height: 1.8rem;
  margin-left: 1rem;
  border-bottom: dotted 1px #594b46;
}
.mainBox .ac-body {
  display: none;
  padding-bottom: 1.5rem;
}
.mainBox .ac-body p {
  margin-left: 3rem;
}
@media screen and (max-width: 480px) {
  .mainBox .ac-body p {
    margin-left: 1.5rem;
  }
}
.mainBox .ac-body p span {
  font-weight: bold;
}
.mainBox .ac-body {
  display: block;
  cursor: pointer;
  background: #E2E2E2 url(../images/icoPm1.png) no-repeat 10px center;
  width: auto;
  padding: 10px 10px 10px 50px;
  background-position: 10px center;
  font-size: 1.2rem;
  border: none;
  border-radius: 25px;
  margin: 1rem 0 0;
}
@media screen and (max-width: 480px) {
  .mainBox .ac-body {
    border-radius: 0;
  }
}
.mainBox .ac-body.active {
  background: #fedd92 url(../images/icoPm2.png) no-repeat;
  background-position: 10px center;
}
.mainBox .ac-body:hover {
  background: #fedd92 url(../images/icoPm2.png) no-repeat;
  background-position: 10px center;
}
.mainBox .calBox {
  margin-top: 1rem;
}
@media screen and (max-width: 480px) {
  .mainBox .calBox {
    text-align: center;
  }
}
.mainBox .calBox .calt {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
@media screen and (max-width: 480px) {
  .mainBox .calBox .calt {
    width: auto;
  }
}
.mainBox .calBox .calt table {
  margin: 1.5em 5px 1rem;
  display: block;
  width: 320px;
}
.mainBox .calBox .calt table caption {
  font-weight: bold;
  color: #594b46;
  font-size: 1.1rem;
}
.mainBox .calBox .calt table td {
  text-align: center;
  height: 2rem;
  padding: 3px 0;
  vertical-align: middle;
  background: #fff;
}
.mainBox .calBox .calt table td.close {
  background-color: #f5e7e7;
  color: #bf1c0a;
  font-weight: bold;
}
.mainBox .calBox .calt table td.close span {
  display: block;
  font-weight: normal;
  font-size: .9rem;
}
.mainBox .calBox .calt table th {
  text-align: center;
  height: 2rem;
  padding: 3px 0;
  vertical-align: middle;
  width: 2.5rem;
}
.mainBox .calBox .calt table th span.blue1 {
  color: #0243EB;
}
.mainBox .calBox .txtBox {
  margin-right: .5rem;
}
@media screen and (max-width: 480px) {
  .mainBox .calBox .txtBox {
    width: auto;
  }
}
@media screen and (max-width: 480px) {
  .mainBox .calBox .txtBox dl {
    margin: 1rem .5rem;
    width: auto;
  }
}

@media screen and (max-width: 480px) {
  .mainBox table.newsTable.type01, .mainBox table.newsTable.type02, .mainBox table.newsTable.type03 {
    width: 800px !important;
    margin: 0 .5rem;
  }
}
.mainBox .genreSearch ul.lineList li {
  margin: 2px;
}

.mainBox .ttls ul {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.mainBox .ttls ul li {
  margin-right: .3rem;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.mainBox .ttls ul li a {
  border: solid 1px #594b46;
  padding: 5px 10px;
  display: block;
  white-space: normal;
}

dl.Genre {
  text-align: center;
  margin-top: 1rem;
  margin-left: 1rem;
  line-height: 1em;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  border: 1px solid;
  vertical-align: top;
}
dl.Genre dt {
  padding: 10px;
  background: #3E6BBD;
  color: #fff;
  position: inherit;
}
dl.Genre dt::before {
  content: '';
}
dl.Genre dd {
  border-top: 1px solid;
  padding: 10px;
  text-align: center;
  margin: 0;
}

@media screen and (max-width: 480px) {
  .mainBox .spBar {
    width: 100%;
    overflow-x: auto;
  }
  .mainBox .spBar table th {
    word-break: keep-all;
  }
}

.libguide .column1 .mainBox {
  text-align: center;
}
.libguide .mainBox .guideMap,
.libguide .mainBox .libList {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: top;
  text-align: left;
  margin: 1rem;
}
.libguide .mainBox .guideMap img,
.libguide .mainBox .libList img {
  margin-top: 1rem;
}
.libguide .mainBox .guideMap ul li,
.libguide .mainBox .libList ul li {
  text-align: left;
  border-bottom: dotted 1px;
  margin: 1rem 0;
}
.libguide .mainBox .guideMap ol,
.libguide .mainBox .libList ol {
  text-align: left;
}
.libguide .mainBox .list {
  display: none;
}
.libguide .mainBox .calt table {
  width: 320px;
  vertical-align: top;
}
.libguide .mainBox .guideBox ul.imgBox {
  margin: 0;
}
@media screen and (max-width: 480px) {
  .libguide .mainBox .guideBox ul.imgBox {
    margin-left: .8rem;
  }
}
.libguide .mainBox .guideBox ul.imgBox li {
  width: calc(100% - 230px);
}
@media screen and (max-width: 480px) {
  .libguide .mainBox .guideBox ul.imgBox li {
    width: auto;
  }
}
.libguide .mainBox .guideBox ul.imgBox li:first-child {
  width: 220px;
}
@media screen and (max-width: 480px) {
  .libguide .mainBox .guideBox ul.imgBox li:first-child {
    width: auto;
  }
}
.libguide .mainBox .guideBox table {
  margin: 0px 0px 10px;
}
.libguide .mainBox .guideBox table th {
  white-space: nowrap;
}
.libguide .mainBox .guideBox table td ul {
  margin: 0 1rem;
}
.libguide .mainBox .mapBox .googleMap {
  text-align: center;
}
.libguide .openinfo {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: top;
  width: 369px;
}
@media screen and (max-width: 480px) {
  .libguide .openinfo {
    width: auto;
  }
}
.libguide .openinfo dl {
  margin: 3rem 0 1rem 0;
}
@media screen and (max-width: 480px) {
  .libguide .column1 .mainBox .guideMap {
    display: none;
  }
}
.libguide .column2 .mainBox .guideMap {
  display: table;
  margin-top: 2rem;
}
@media screen and (max-width: 480px) {
  .libguide .column2 .mainBox .guideMap {
    display: block;
  }
}
.libguide .column2 .mainBox .guideMap #map_canvas {
  display: table-cell;
  vertical-align: top;
  width: 380px;
}
.libguide .column2 .mainBox .guideMap #map_canvas iframe {
  width: 399px;
}
@media screen and (max-width: 480px) {
  .libguide .column2 .mainBox .guideMap #map_canvas {
    display: block;
    width: auto;
    height: auto;
  }
  .libguide .column2 .mainBox .guideMap #map_canvas iframe {
    width: 100%;
  }
}
.libguide .column2 .mainBox .guideMap .mapDetail {
  display: table-cell;
  width: 50%;
  vertical-align: top;
}
@media screen and (max-width: 480px) {
  .libguide .column2 .mainBox .guideMap .mapDetail {
    width: auto;
    display: block;
  }
}
.libguide .column2 .mainBox .guideMap .mapDetail dl {
  margin-left: 1rem;
  margin-top: 0;
}
@media screen and (max-width: 480px) {
  .libguide .column2 .mainBox .guideMap .mapDetail dl {
    margin-left: 0;
    margin-top: 1rem;
  }
}

#map_canvas {
  width: 95%;
  height: 600px;
  margin: auto;
}

.headNav input[type="submit"],
.headNav input[type="reset"],
.headNav input[type="button"] {
  padding: 1px 15px;
  margin: 0px 5px 3px;
}
@media screen and (max-width: 480px) {
  .headNav input[type="submit"],
  .headNav input[type="reset"],
  .headNav input[type="button"] {
    padding: 3px 8px;
  }
}

.mainBox .rform table th {
  border: none;
}
.mainBox .rform table td {
  background: #fff;
  border: none;
}

.search .mainBox .infotable {
  border: 1px solid #594b46;
  text-align: left;
  page-break-inside: avoid;
}

.mainBox table.history {
  border-spacing: 0px;
  border-collapse: collapse;
}
.mainBox table.history th {
  background: #3E6BBD;
  color: #fff;
  border: solid 1px #0F2E66;
}
.mainBox table.history td {
  border: solid 1px #0F2E66;
}

.mainBox p.returnMenu {
  text-align: right;
  margin: 1rem 0 .5rem;
}
.mainBox p.returnMenu a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  border: 1px solid #330000;
  padding: 5px;
  border-radius: 5px;
  padding-right: 2rem;
  position: relative;
}
.mainBox p.returnMenu a:after {
  content: "\e907";
  font-family: "icomoon",sans-serif;
  color: #cf3f3f;
  position: absolute;
  right: 0.3rem;
  content: "\e90c";
  color: #330000;
}
.mainBox .returnMenu:first-child {
  position: absolute;
  top: -6rem;
  right: 1rem;
  margin: 0;
}
@media screen and (max-width: 480px) {
  .mainBox .returnMenu:first-child {
    display: none;
  }
}

.pdf {
  padding: .5rem;
  background: #ffefed;
  margin: 1rem;
  border-radius: 5px;
}
.pdf p {
  font-size: .9rem;
  margin: 0;
}

.inlineList dd {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.inlineList dd:first-letter {
  font-weight: bold;
}

.side .localNav h2 {
  background-repeat: no-repeat;
  background-position: 4% 55%;
  text-indent: 1.5rem;
}
@media screen and (max-width: 480px) {
  .side .localNav h2 {
    text-align: left;
    padding-left: 2rem;
    margin-top: 0;
    position: relative;
  }
}
@media screen and (max-width: 480px) {
  .side .localNav h2::after {
    text-align: center;
    content: "＋";
    color: #fff;
    background: #cb4c4c;
    right: 0.5rem;
    padding: 0.3rem 0.4rem;
    position: absolute;
    border-radius: 3px;
    font-weight: bold;
    top: 15px;
    font-size: 1.5rem;
    text-indent: 0;
  }
}
@media screen and (max-width: 480px) {
  .side .localNav h2.active::after {
    content: "-";
    font-size: 2rem;
    padding: 0.3rem 0.7rem;
  }
}
@media screen and (max-width: 480px) {
  .side .localNav h2.active:hover {
    cursor: pointer;
  }
}
@media screen and (max-width: 480px) {
  .side .localNav h2:hover {
    cursor: pointer;
  }
}
@media screen and (max-width: 480px) {
  .side .localNav h2:hover::after {
    content: "-";
    padding: 0.3rem 0.7rem;
    font-size: 2rem;
  }
}

.search .side .localNav h2 {
  background-image: url(../images/Gmenu_icon01.png);
}
@media screen and (max-width: 480px) {
  .search .side .localNav h2 {
    padding-left: 2rem;
  }
}

.guide .side .localNav h2 {
  background-image: url(../images/Gmenu_icon02.png);
}

.libguide .side .localNav h2 {
  background-image: url(../images/Gmenu_icon03.png);
}

.mylib .side .localNav h2 {
  background-image: url(../images/Gmenu_icon04.png);
}

@media screen and (max-width: 480px) {
  .main .mainBox .filterList {
    margin-top: .5rem;
    margin-bottom: 1.5rem;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  .main .mainBox .filterList label {
    margin-left: 0;
    font-size: .9rem;
  }
}
@media screen and (max-width: 480px) {
  .main .mainBox .filterList select {
    font-size: .9rem;
  }
}

div.s_search {
  margin: 1rem auto;
  text-align: center;
}
@media screen and (max-width: 480px) {
  div.s_search {
    margin: 1rem 0;
  }
}
div.s_search input.imeon {
  width: 50%;
}
@media screen and (max-width: 480px) {
  div.s_search input.imeon {
    width: 90%;
  }
}

.mainBox ul.pageLink li a, ul.pagein_Link li a {
  background: #594b46;
  color: #fff;
  border: none;
}
.mainBox ul.pageLink li a:after, ul.pagein_Link li a:after {
  color: #fff;
}
.mainBox ul.pageLink li a:hover, ul.pagein_Link li a:hover {
  color: #594b46;
  border: none;
  background: #f7ae00;
}
.mainBox ul.pageLink li a:hover:after, ul.pagein_Link li a:hover:after {
  color: #594b46;
}

body.event .mainBox .freeFrame {
  margin: 1rem auto;
  text-align: right;
}
@media screen and (max-width: 480px) {
  body.event .mainBox .freeFrame {
    margin-bottom: 1rem;
    position: inherit;
    text-align: right;
    margin-top: 1rem;
  }
}

.mainBox .filterList {
  padding: .5rem 0;
}
@media screen and (max-width: 480px) {
  .mainBox .filterList {
    text-align: left;
  }
}

.mainBox .mform ul.feedbackPanel {
  padding: 1rem 2rem;
  background-color: #ff000017;
  margin: 2rem 1rem 1rem;
}
.mainBox .mform ul.feedbackPanel li.feedbackPanelERROR span {
  font-weight: bold;
  color: red;
}
.mainBox .mform table td {
  background: #f2e9df;
  border: solid 1px #594b46;
}
.mainBox .mform table td textarea {
  border: solid 1px #594b46;
}
.mainBox .mform table td span {
  font-size: .9rem;
  margin-left: .5rem;
}
.mainBox .mform table td input[type="text"] {
  border: solid 1px #594b46;
}
@media screen and (max-width: 480px) {
  .mainBox .mform table tr {
    display: block;
    margin-bottom: 0;
    margin-top: .5rem;
  }
  .mainBox .mform table th {
    padding: .5rem .5rem 0;
    border-bottom: 0;
  }
  .mainBox .mform table th label {
    word-wrap: normal;
    white-space: normal;
  }
  .mainBox .mform table label {
    display: block;
  }
  .mainBox .mform table td {
    text-align: left;
  }
}

.contentsMain .main .infoBox span[class^="lib-"], main .articleHead li > span[class^="lib-"] {
  padding: .2rem 0;
}

.mainBox ul.eventLink {
  margin: 1rem 0;
  text-align: right;
}
.mainBox ul.eventLink li {
  font-weight: bold;
  top: -.1rem;
  right: 0;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  z-index: 999;
}
@media screen and (max-width: 480px) {
  .mainBox ul.eventLink li {
    position: inherit;
  }
}
.mainBox ul.eventLink li a {
  padding: .5rem 1rem;
  background: #594b46;
  color: #f2e9df;
  text-decoration: none;
  border-radius: 5px;
}
.mainBox ul.eventLink li a:hover {
  background: #f7ae00;
  color: #330000;
}

.search .mainMargin .magazineList_left_tsm {
  width: 600px;
  margin-top: 1.5rem;
}
.search .mainMargin .magazineList_left_tsm table {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
@media screen and (max-width: 480px) {
  .search .mainMargin .magazineList_left_tsm {
    width: auto;
  }
}
.search .mainMargin ul.bunyaList_left_tsm {
  margin-top: 1.5rem;
}
.search .mainMargin ul.bunyaList_left_tsm li {
  width: 40%;
  line-height: 2rem;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
@media screen and (max-width: 480px) {
  .search .mainMargin ul.bunyaList_left_tsm {
    margin-left: 0rem;
  }
  .search .mainMargin ul.bunyaList_left_tsm li {
    width: auto;
    position: relative;
    margin-left: 1rem;
  }
  .search .mainMargin ul.bunyaList_left_tsm li::before {
    font-family: "icomoon",sans-serif;
    content: "\e912";
    position: absolute;
    font-size: .9rem;
  }
  .search .mainMargin ul.bunyaList_left_tsm li a {
    padding-left: 1rem;
  }
}

.contentsMain .main .infoBox dl {
  padding: .4rem .5rem;
  line-height: 1.1;
}
.contentsMain .main .infoBox dl dt span[class^="info"] {
  margin-left: .1rem;
}
.contentsMain .main .infoBox dl dt span.infoLib-icon {
  padding: .2rem 0;
}
.contentsMain .main .infoBox dl dt span.infoEvent-icon {
  padding: .2rem 0;
}
.contentsMain .main .infoBox dl dt span.infoExbit-icon {
  padding: .2rem 0;
}
.contentsMain .main .infoBox dl dt span.infoTalk-icon {
  padding: .2rem 0;
}
.contentsMain .main .infoBox dl dt span[class^="lib-"] {
  padding: .1rem 0;
}
.contentsMain .main .infoBox dl dt span[class^="target"] {
  padding: .2rem .8rem;
}

/*お知らせ系多言語対応*/
.contentsMain .main .infoBox:lang(en) dl dt span.infoEvent-icon, .contentsMain .main .infoBox:lang(zh-cn) dl dt span.infoEvent-icon, .contentsMain .main .infoBox:lang(zh-tw) dl dt span.infoEvent-icon, .contentsMain .main .infoBox:lang(ko) dl dt span.infoEvent-icon {
  width: auto;
  padding: .2rem .3rem;
}
.contentsMain .main .infoBox:lang(en) dl dt span.infoExbit-icon, .contentsMain .main .infoBox:lang(zh-cn) dl dt span.infoExbit-icon, .contentsMain .main .infoBox:lang(zh-tw) dl dt span.infoExbit-icon, .contentsMain .main .infoBox:lang(ko) dl dt span.infoExbit-icon {
  width: auto;
  padding: .2rem .3rem;
}
.contentsMain .main .infoBox:lang(en) dl dt span.date, .contentsMain .main .infoBox:lang(zh-cn) dl dt span.date, .contentsMain .main .infoBox:lang(zh-tw) dl dt span.date, .contentsMain .main .infoBox:lang(ko) dl dt span.date {
  width: auto;
}
.contentsMain .main .infoBox:lang(en) dl dt span.infoTalk-icon, .contentsMain .main .infoBox:lang(zh-cn) dl dt span.infoTalk-icon, .contentsMain .main .infoBox:lang(zh-tw) dl dt span.infoTalk-icon, .contentsMain .main .infoBox:lang(ko) dl dt span.infoTalk-icon {
  width: auto;
}
.contentsMain .main .infoBox:lang(en) dl dt span[class^="lib-"], .contentsMain .main .infoBox:lang(zh-cn) dl dt span[class^="lib-"], .contentsMain .main .infoBox:lang(zh-tw) dl dt span[class^="lib-"], .contentsMain .main .infoBox:lang(ko) dl dt span[class^="lib-"] {
  width: auto;
  padding: .1rem .3rem;
}
.contentsMain .main .infoBox:lang(en) dl dt span[class^="target"], .contentsMain .main .infoBox:lang(zh-cn) dl dt span[class^="target"], .contentsMain .main .infoBox:lang(zh-tw) dl dt span[class^="target"], .contentsMain .main .infoBox:lang(ko) dl dt span[class^="target"] {
  padding: .2rem .8rem;
}

/*図書館カレンダー　各指定HPへのリンク*/
@media screen and (max-width: 480px) {
  .tsm_lib_position {
    position: inherit !important;
    display: block;
    text-align: right;
  }
  .tsm_lib_position a {
    position: inherit !important;
    display: block;
    top: 0 !important;
    right: 0px !important;
    left: auto;
  }
}

/*h2_padding削除*/
.contents .mainBox h2.pd_none {
  padding-top: 0;
  margin-top: -1rem;
}
@media screen and (max-width: 480px) {
  .contents .mainBox h2.pd_none {
    padding-top: 1.5rem;
    margin-top: 0;
  }
}

/*認証付きサイト*/
.sch .loginMenu {
  right: 13.5rem;
}
.sch .toppage_blank {
  font-size: 14px;
  position: absolute;
  top: 7.38rem;
  right: 1rem;
  z-index: 999;
}
.sch .toppage_blank a {
  isplay: block;
  color: #fff;
  background-color: #cb4c4c;
  font-size: 0.8rem;
  border-radius: 5px;
  cursor: pointer;
  padding: 3px 15px;
  vertical-align: middle;
  height: auto;
  -webkit-transition: background 0.3s ease-out;
  -moz-transition: background 0.3s ease-out;
  transition: background .3s ease-out;
  -ms-transition: background 0.3s ease-out;
  box-shadow: 0 3px 0 #d6ccbf;
  text-decoration: none;
  padding: .3rem .4rem;
  font-weight: bold;
}
.sch .toppage_blank a:hover {
  box-shadow: 0 1px 0 #d6ccbf;
  background: #eea53e;
  color: #330000;
}
.sch .toppage_blank a::after {
  content: none;
}
@media screen and (max-width: 480px) {
  .sch .toppage_blank {
    position: static;
    margin-bottom: .5rem;
  }
}
@media screen and (max-width: 480px) {
  .sch .cssChange {
    top: 10px;
    display: inline-block;
    position: inherit;
  }
}
@media screen and (max-width: 480px) {
  .sch .acceBtn {
    padding: .5rem 1rem;
  }
}
@media screen and (max-width: 480px) {
  .sch .header .title_in {
    padding-top: 30px;
  }
}
.sch.schTop .contentsMain {
  border: 1px solid #9C8B7B;
}
@media screen and (max-width: 480px) {
  .sch.schTop .contentsMain {
    border: none;
    border-bottom: 1px solid #9C8B7B;
  }
}
.sch.schTop .contentsMain .main {
  float: right;
}
@media screen and (max-width: 480px) {
  .sch.schTop .contentsMain .main {
    float: none;
  }
}
.sch.schTop .contentsMain .infoImp {
  margin: 2.5rem 2rem 0 300px;
}
@media screen and (max-width: 480px) {
  .sch.schTop .contentsMain .infoImp {
    margin: auto;
  }
}
.sch.schTop .contentsMain .infoImp h2 {
  text-align: left;
  margin: auto;
  padding: 1rem 0rem 1rem 1.5rem;
  border: none;
  background-color: #ede3d5;
}
.sch.schTop .contentsMain .infoImp dt {
  width: auto;
}
.sch.schTop .contentsMain .infoImp dd {
  margin: 0;
}
.sch.schTop .contentsMain .side {
  width: 250px;
  margin-right: -270px;
  margin-left: 15px;
  margin-top: 3rem;
}
@media screen and (max-width: 480px) {
  .sch.schTop .contentsMain .side {
    width: 100%;
    margin: auto;
    margin-top: 1rem;
  }
}
.sch.schTop .contentsMain .side .box_top {
  margin-bottom: 1rem;
}
.sch.schTop .contentsMain .side h2 {
  text-align: left;
  margin-top: 0;
}
.sch.schTop .contentsMain .side ul li {
  border-bottom: dotted 1px;
  text-align: left;
  padding: 1rem 0 1rem 0rem;
  list-style: none;
  text-indent: 1.5rem;
}
.sch.schLogin .contentsMain {
  margin-bottom: 0;
}
.sch.schLogin .main form {
  width: 450px;
  background: #f2ebe1;
  margin: auto;
  text-align: center;
  padding-bottom: 2rem;
}
@media screen and (max-width: 480px) {
  .sch.schLogin .main form {
    width: auto;
  }
}
.sch.schLogin .main form table {
  padding: 2rem 0 0;
  margin: auto;
}
.sch.schLogin .main form table td {
  border: 0;
  background: none;
  padding-left: 0;
}
.sch.schLogin .main form table th {
  border: 0;
  background: none;
  text-align: right;
  padding-right: 0;
}
.sch.schTop .contentsMain {
  min-height: inherit;
}
.sch .globalNav li {
  text-indent: 0;
}
.sch .globalNav li.nav01 a, .sch .globalNav li.nav02 a, .sch .globalNav li.nav03 a, .sch .globalNav li.nav04 a, .sch .globalNav li.nav05 a {
  background-image: none;
}
@media screen and (max-width: 480px) {
  .sch .contentsMain {
    border-right: 0;
    border-left: 0;
  }
}
.sch .contentsMain .main {
  border-bottom: 3rem;
  width: 100%;
}
@media screen and (max-width: 480px) {
  .sch .contentsMain .main {
    float: none;
  }
}
.sch .infoImp {
  margin-bottom: 3rem;
  margin-top: 0;
}
@media screen and (max-width: 480px) {
  .sch .infoImp {
    margin: auto;
    border-right: 0;
    border-left: 0;
  }
}
.sch .infoImp .infoImp-list {
  width: 100%;
  margin: auto;
  text-align: center;
  padding: 3rem 0 1rem;
}
.sch .infoImp .infoImp-list li {
  list-style: none;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: auto .5rem;
}
@media screen and (max-width: 480px) {
  .sch .infoImp .infoImp-list li {
    display: block;
  }
}
.sch .infoImp .infoImp-list li a {
  border: 1px solid #9C8B7B;
  padding: .9rem 80px;
}
@media screen and (max-width: 480px) {
  .sch .infoImp .infoImp-list li a {
    padding: .9rem 1.5rem;
  }
}
@media screen and (max-width: 480px) {
  .sch .infoImp .infoImp-list li.infoImp-link {
    margin-bottom: 2.5rem;
  }
}

main .info,
main .infoImp {
  margin: .5rem;
  padding: .5rem;
}
main .panel {
  padding: 1rem 0;
}
main .infoBox dl {
  text-align: left;
  margin: 0;
  padding: .8rem .5rem;
  border-bottom: dotted 1px #6b6b6b;
}
main .infoBox dl:nth-child(even) {
  background: #f5f3f2;
}
main .infoBox dt {
  line-height: 1.7;
  margin: 0;
  padding: 0;
  font-weight: normal;
}
main .infoBox dd {
  margin: 0;
}
main .filterList {
  text-align: center;
  margin: auto;
  padding: .3rem;
  background: #e2e2e2;
}
main .filterList label {
  font-size: .95rem;
  margin-left: 1rem;
  margin-right: 0;
}
main .filterList .filter {
  color: #fff;
  background-color: #594b46;
  font-size: 0.8rem;
  border-radius: 5px;
  cursor: pointer;
  padding: 3px 15px;
  vertical-align: middle;
  height: auto;
  -webkit-transition: background 0.3s ease-out;
  -moz-transition: background 0.3s ease-out;
  transition: background .3s ease-out;
  -ms-transition: background 0.3s ease-out;
  box-shadow: 0 3px 0 #d6ccbf;
  text-decoration: none;
  margin: .3rem auto;
  padding: .3rem 1rem;
  border: none;
}
main .filterList .filter:hover {
  box-shadow: 0 1px 0 #d6ccbf;
  background: #eea53e;
  color: #330000;
}
main .filterList .filter:hover {
  margin: .3rem auto;
}
main .articleHead {
  text-align: right;
  margin: auto;
  margin-top: .5rem;
}
main .articleHead li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  font-size: .8rem;
  line-height: 1.4;
}
main .articleHead li .date {
  font-size: .9rem;
}
main .articleHead li .date > span::after {
  content: "：";
  font-weight: bold;
}
main .articleHead li.snsBtn {
  vertical-align: middle;
}
main .articleHead li.snsBtn > div {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-right: 0.5rem;
  vertical-align: top;
  line-height: 0;
}
main .infoBox span,
main .articleHead li > span {
  font-size: .8rem;
  white-space: nowrap;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  line-height: 1.3;
  padding: 0.3rem 0;
  vertical-align: middle;
}
main .infoBox span:before,
main .articleHead li > span:before {
  display: block;
  margin-left: .5rem;
}
main .infoBox span.date,
main .articleHead li > span.date {
  width: 7rem;
  text-align: left;
}
main .infoBox span[class^="info"],
main .articleHead li > span[class^="info"] {
  width: 4.2rem;
  background: #E7A302;
}
main .infoBox span.infoImp-icon,
main .articleHead li > span.infoImp-icon {
  background: #fff;
  color: #000;
}
main .infoBox span.infoLib-icon,
main .articleHead li > span.infoLib-icon {
  background: #79C0C3;
  color: #000;
}
main .infoBox span.infoEvent-icon,
main .articleHead li > span.infoEvent-icon {
  background: #ed8311;
  color: #000;
  margin-left: 0.5rem;
}
main .infoBox span.infoExbit-icon,
main .articleHead li > span.infoExbit-icon {
  background: #7d5343;
  color: #fff;
  margin-left: .5rem;
}
main .infoBox span.infoTalk-icon,
main .articleHead li > span.infoTalk-icon {
  background: #F97589;
  color: #000;
}
main .infoBox span[class^="lib-"],
main .articleHead li > span[class^="lib-"] {
  width: 4rem;
  padding: .3rem 0;
  border: #594b46 solid 1px;
  background: #fff;
  margin-left: .5rem;
}
main .infoBox span[class^="target"],
main .articleHead li > span[class^="target"] {
  background: #e38383;
  border-radius: 10px;
  padding: .1rem .8rem;
  margin-left: .5rem;
}
main .infoBox span.targetKids-icon,
main .articleHead li > span.targetKids-icon {
  background: #fdb6b2;
}
main .infoBox span.targetTeens-icon,
main .articleHead li > span.targetTeens-icon {
  background: #f7ae00;
}
main .infoBox span.end,
main .articleHead li > span.end {
  font-weight: bold;
  color: #d91954;
  margin-left: 1rem;
}
main .infoBox span.new,
main .articleHead li > span.new {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url("../images/new.png") no-repeat left;
  width: 60px;
  height: 22px;
  padding: .5rem 0;
  margin-left: 0.3rem;
}
main .info-list li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
main .infoImp dt,
main .infoImp dd {
  line-height: 1.7;
}
main .infoImp dt {
  width: 4.2rem;
}
main .infoImp dd {
  margin-top: -1.8rem;
  margin-left: 6.5rem;
}
main dl.date {
  text-align: right;
}
main dl.date dt,
main dl.date dd {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
}
main dl.date dt {
  padding: 0;
}
main dl.date dt:before {
  content: '';
}
main dl.date dt:after {
  content: "：";
}
main dl.date dd {
  margin: 0;
}

.kids {
  background: #83d1db;
}
.kids .header {
  background-color: #fff;
}
.kids h1.kidsTitle {
  width: 100%;
  margin: auto;
  text-align: center;
  position: relative;
  padding: 2.5rem 0;
  border: 0;
}
.kids h1.kidsTitle::before, .kids h1.kidsTitle::after {
  display: none;
}
@media screen and (max-width: 480px) {
  .kids h1.kidsTitle {
    height: auto;
    width: 80%;
    margin: 2rem auto 0;
    padding: 0;
  }
}
.kids .contents {
  margin-bottom: 0rem;
  margin-top: 0;
  background: url("../images/kids_head_bk.png") no-repeat center top;
  display: block;
}
@media screen and (max-width: 480px) {
  .kids .contents {
    width: 95%;
    margin: auto;
  }
}
@media screen and (max-width: 480px) {
  .kids .contents .contentsMain {
    width: 100%;
    min-height: calc(100vh - 260px);
  }
}
.kids .contents .side {
  width: 180px;
  margin-right: -180px;
}
@media screen and (max-width: 480px) {
  .kids .contents .side {
    width: 100%;
    margin: auto;
  }
}
.kids .contents .side .localNav {
  background: none;
  border: none;
  margin-bottom: 2rem;
}
.kids .contents .side .localNav h2 {
  display: none;
}
@media screen and (max-width: 480px) {
  .kids .contents .side .localNav h2 {
    display: inherit;
    padding: 1.5rem;
    font-size: 1.5rem;
    color: #4a2d13;
    font-weight: bold;
    border-radius: 10px;
    background: #f2efda;
    border: #aa352a solid 5px;
    text-align: left;
    padding: 1.2rem 0 1.2rem 2rem;
    text-indent: 0;
  }
}
@media screen and (max-width: 480px) {
  .kids .contents .side .localNav h2::after {
    background: #aa352a;
  }
}
@media screen and (max-width: 480px) {
  .kids .contents .side .localNav ul {
    margin: 1rem auto 0 auto;
    text-align: center;
  }
}
.kids .contents .side .localNav ul li {
  padding: inherit;
  border-bottom: 0;
}
.kids .contents .side .localNav ul li::before {
  content: none;
}
.kids .contents .side .localNav ul li:hover {
  background: none;
}
@media screen and (max-width: 480px) {
  .kids .contents .side .localNav ul li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }
}
.kids .contents .side .localNav ul li a {
  border: none;
  padding: 0.5rem;
}
@media screen and (max-width: 480px) {
  .kids .contents .side .localNav ul li a {
    padding: 0;
  }
}
.kids .contents .side .localNav ul li a:hover {
  transition: none;
}
.kids .contents .side .localNav ul li a:hover img {
  visibility: hidden;
}
@media screen and (max-width: 377px) {
  .kids .contents .side .localNav ul li a img {
    width: 135px;
  }
}
.kids .contents .side .localNav ul li.nav01 a {
  padding-top: 0;
  margin-top: 0;
}
.kids .contents .side .localNav ul li.nav01 a:hover {
  background: url(../images/kids_menu01_open.png) no-repeat 8px top;
}
@media screen and (max-width: 480px) {
  .kids .contents .side .localNav ul li.nav01 a:hover {
    background: url(../images/kids_menu01_open.png) no-repeat 0px 0px;
  }
}
@media screen and (max-width: 377px) {
  .kids .contents .side .localNav ul li.nav01 a:hover {
    background-size: 135px;
  }
}
.kids .contents .side .localNav ul li.nav02 a:hover {
  background: url(../images/kids_menu02_open.png) no-repeat 8px 8px;
}
@media screen and (max-width: 480px) {
  .kids .contents .side .localNav ul li.nav02 a:hover {
    background: url(../images/kids_menu02_open.png) no-repeat 0px 0px;
  }
}
@media screen and (max-width: 377px) {
  .kids .contents .side .localNav ul li.nav02 a:hover {
    background-size: 135px;
  }
}
.kids .contents .side .localNav ul li.nav03 a:hover {
  background: url(../images/kids_menu03_open.png) no-repeat 8px 8px;
}
@media screen and (max-width: 480px) {
  .kids .contents .side .localNav ul li.nav03 a:hover {
    background: url(../images/kids_menu03_open.png) no-repeat 0px 0px;
  }
}
@media screen and (max-width: 377px) {
  .kids .contents .side .localNav ul li.nav03 a:hover {
    background-size: 135px;
  }
}
.kids .contents .side .localNav ul li.nav04 a:hover {
  background: url(../images/kids_menu04_open.png) no-repeat 8px 8px;
}
@media screen and (max-width: 480px) {
  .kids .contents .side .localNav ul li.nav04 a:hover {
    background: url(../images/kids_menu04_open.png) no-repeat 0px 0px;
  }
}
@media screen and (max-width: 377px) {
  .kids .contents .side .localNav ul li.nav04 a:hover {
    background-size: 135px;
  }
}
.kids .contents .side .localNav ul li.nav05 a:hover {
  background: url(../images/kids_menu05_open.png) no-repeat 8px 8px;
}
@media screen and (max-width: 480px) {
  .kids .contents .side .localNav ul li.nav05 a:hover {
    background: url(../images/kids_menu05_open.png) no-repeat 0px 0px;
  }
}
@media screen and (max-width: 377px) {
  .kids .contents .side .localNav ul li.nav05 a:hover {
    background-size: 135px;
  }
}
@media screen and (max-width: 377px) {
  .kids .contents .side .localNav ul li.nav05 a:hover {
    background-size: 135px;
  }
}
.kids .contents .side .localNav ul li.nav06 a:hover {
  background: url(../images/kids_menu06_open.png) no-repeat 8px 8px;
}
@media screen and (max-width: 480px) {
  .kids .contents .side .localNav ul li.nav06 a:hover {
    background: url(../images/kids_menu06_open.png) no-repeat 0px 0px;
  }
}
@media screen and (max-width: 377px) {
  .kids .contents .side .localNav ul li.nav06 a:hover {
    background-size: 135px;
  }
}
.kids .contents .side .localNav ul li.nav07 a:hover {
  background: url(../images/kids_menu07_open.png) no-repeat 8px 8px;
}
@media screen and (max-width: 480px) {
  .kids .contents .side .localNav ul li.nav07 a:hover {
    background: url(../images/kids_menu07_open.png) no-repeat 0px 0px;
  }
}
@media screen and (max-width: 377px) {
  .kids .contents .side .localNav ul li.nav07 a:hover {
    background-size: 135px;
  }
}
.kids .contents .side .localNav ul li.nav08 a:hover {
  background: url(../images/kids_menu08_open.png) no-repeat 8px 8px;
}
@media screen and (max-width: 480px) {
  .kids .contents .side .localNav ul li.nav08 a:hover {
    background: url(../images/kids_menu08_open.png) no-repeat 0px 0px;
  }
}
@media screen and (max-width: 377px) {
  .kids .contents .side .localNav ul li.nav08 a:hover {
    background-size: 135px;
  }
}
.kids .contents .side .localNav ul li.nav09 a:hover {
  background: url(../images/kids_menu09_open.png) no-repeat 8px 8px;
}
@media screen and (max-width: 480px) {
  .kids .contents .side .localNav ul li.nav09 a:hover {
    background: url(../images/kids_menu09_open.png) no-repeat 0px 0px;
  }
}
@media screen and (max-width: 377px) {
  .kids .contents .side .localNav ul li.nav09 a:hover {
    background-size: 135px;
  }
}
.kids .contents .side .localNav ul li.nav10 a:hover {
  background: url(../images/kids_menu10_open.png) no-repeat 8px 8px;
}
@media screen and (max-width: 480px) {
  .kids .contents .side .localNav ul li.nav10 a:hover {
    background: url(../images/kids_menu10_open.png) no-repeat 0px 0px;
  }
}
@media screen and (max-width: 377px) {
  .kids .contents .side .localNav ul li.nav10 a:hover {
    background-size: 135px;
  }
}
.kids .contents .side .localNav ul li.nav11 a:hover {
  background: url(../images/kids_menu11_open.png) no-repeat 8px 8px;
}
@media screen and (max-width: 480px) {
  .kids .contents .side .localNav ul li.nav11 a:hover {
    background: url(../images/kids_menu11_open.png) no-repeat 0px 0px;
  }
}
@media screen and (max-width: 377px) {
  .kids .contents .side .localNav ul li.nav11 a:hover {
    background-size: 135px;
  }
}
.kids .contents .side .localNav ul li.nav12 a:hover {
  background: url(../images/kids_menu12_open.png) no-repeat 8px 8px;
}
@media screen and (max-width: 480px) {
  .kids .contents .side .localNav ul li.nav12 a:hover {
    background: url(../images/kids_menu12_open.png) no-repeat 0px 0px;
  }
}
@media screen and (max-width: 377px) {
  .kids .contents .side .localNav ul li.nav12 a:hover {
    background-size: 135px;
  }
}
@media screen and (max-width: 480px) {
  .kids .contents .column2 {
    margin-top: 1rem;
  }
}
.kids .contents .mainMargin {
  margin-left: 195px;
  margin-right: 20px;
  border-radius: 20px;
  border-style: inherit;
  padding: .5rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 480px) {
  .kids .contents .mainMargin {
    margin: auto;
    margin-bottom: 1rem;
    border-radius: 0;
  }
}
.kids .contents .mainMargin h1 {
  margin: 1rem 1rem 2rem;
  border: none;
}
.kids .contents .mainMargin h1::before {
  content: none;
}
.kids .contents .mainMargin h1::after {
  content: none;
}
.kids .contents .mainMargin .mainBox {
  background: none;
}
@media screen and (max-width: 480px) {
  .kids .contents .mainMargin .mainBox a {
    word-break: break-all;
  }
}
.kids .contents .mainMargin .mainBox h2 {
  border-radius: 5px;
  background: #f3ddcd;
  border-left: solid #fa7d70 15px;
  border-bottom: none;
  padding: .8rem;
}
.kids .contents .mainMargin .mainBox h2.noneimg {
  background: none;
  border: none;
  text-align: center;
  padding: 0;
  margin: 0;
}
.kids .contents .mainMargin .mainBox h3 {
  background: url("../images/kidsh3bk.gif") no-repeat left;
  border-bottom: dotted 5px #fa7d70;
  border-left: none;
  padding-left: 1.5rem;
  margin-left: .5rem;
}
.kids .contents .mainMargin .mainBox h3.noneimg {
  border: none;
  background: none;
  margin: 0;
  padding: 0;
}
.kids .contents .mainMargin .mainBox table {
  border-spacing: 5px;
}
.kids .contents .mainMargin .mainBox th,
.kids .contents .mainMargin .mainBox td {
  border: solid 2px #71B948;
  background: #fff;
}
.kids .contents .mainMargin .mainBox th {
  background: #e1f8d8;
  color: #245433;
}
@media screen and (max-width: 480px) {
  .kids .contents .mainMargin .mainBox ul.pageLink li {
    word-break: break-all;
    white-space: inherit;
    margin-left: auto;
    display: block;
    text-align: left;
  }
}
.kids .contents .mainMargin .mainBox ul.pageLink li a {
  border-radius: 8px;
  color: #55361a;
  padding: 0.3rem 1rem;
  font-weight: bold;
  font-size: 1.1rem;
  background: #fff;
  border: solid 4px #dd6f00;
}
.kids .contents .mainMargin .mainBox ul.pageLink li a:hover {
  background: #ffcea2;
  border-color: #ffcea2;
}
.kids .contents .mainMargin .mainBox ul.pageLink li a::after {
  content: none;
}
.kids .contents .mainMargin .mainBox ul.pageLinkimg li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  list-style: none;
}
.kids .contents .mainMargin .mainBox p.kankou {
  border: dotted #ABD715 4px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  font-size: 1.1rem;
  padding: .3rem .5rem;
  margin: 1rem .5rem;
  text-indent: 0;
}
.kids .contents .mainMargin .mainBox ul.imgBox {
  margin-left: 0;
}
.kids .contents .mainMargin .mainBox .CharacterBox {
  display: table;
  margin: 2rem 1rem;
}
@media screen and (max-width: 480px) {
  .kids .contents .mainMargin .mainBox .CharacterBox {
    display: block;
    text-align: center;
    margin: 2rem 0rem;
  }
}
.kids .contents .mainMargin .mainBox .CharacterBox p {
  width: 140px;
  display: table-cell;
  padding-right: 1.5rem;
}
@media screen and (max-width: 480px) {
  .kids .contents .mainMargin .mainBox .CharacterBox p {
    width: auto;
    display: block;
  }
}
.kids .contents .mainMargin .mainBox .CharacterBox ul {
  display: table-cell;
  margin: auto;
  vertical-align: middle;
  padding: 1rem;
  background: #fffbc9;
}
@media screen and (max-width: 480px) {
  .kids .contents .mainMargin .mainBox .CharacterBox ul {
    display: block;
    text-align: left;
  }
}
.kids .contents .mainMargin .mainBox .CharacterBox ul li {
  list-style: none;
}
.kids .contents .mainMargin .mainBox ul.kidsnewbook, .kids .contents .mainMargin .mainBox ul.kidsmylib {
  margin: auto;
  text-align: center;
  padding: 5rem 0;
  border: dotted 10px #FEA598;
  background: #FFF5D7;
  width: 80%;
}
@media screen and (max-width: 480px) {
  .kids .contents .mainMargin .mainBox ul.kidsnewbook, .kids .contents .mainMargin .mainBox ul.kidsmylib {
    padding: 1rem;
  }
}
.kids .contents .mainMargin .mainBox ul.kidsnewbook li, .kids .contents .mainMargin .mainBox ul.kidsmylib li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 40%;
}
@media screen and (max-width: 480px) {
  .kids .contents .mainMargin .mainBox ul.kidsnewbook li, .kids .contents .mainMargin .mainBox ul.kidsmylib li {
    display: block;
    width: auto;
  }
}
.kids .contents .mainMargin .mainBox ul.kidsnewbook li.newehon a:hover, .kids .contents .mainMargin .mainBox ul.kidsmylib li.newehon a:hover {
  background: url("../images/newbook_ico-02.gif") no-repeat center top;
  transition: none;
}
@media screen and (max-width: 480px) {
  .kids .contents .mainMargin .mainBox ul.kidsnewbook li.newehon a:hover, .kids .contents .mainMargin .mainBox ul.kidsmylib li.newehon a:hover {
    background: none;
  }
}
.kids .contents .mainMargin .mainBox ul.kidsnewbook li.book a:hover, .kids .contents .mainMargin .mainBox ul.kidsmylib li.book a:hover {
  background: url("../images/newbook_ico.gif") no-repeat center top;
  transition: none;
}
@media screen and (max-width: 480px) {
  .kids .contents .mainMargin .mainBox ul.kidsnewbook li.book a:hover, .kids .contents .mainMargin .mainBox ul.kidsmylib li.book a:hover {
    background: none;
  }
}
.kids .contents .mainMargin .mainBox ul.kidsnewbook li a, .kids .contents .mainMargin .mainBox ul.kidsmylib li a {
  display: block;
}
.kids .contents .mainMargin .mainBox ul.kidsnewbook li a:hover img, .kids .contents .mainMargin .mainBox ul.kidsmylib li a:hover img {
  visibility: hidden;
}
@media screen and (max-width: 480px) {
  .kids .contents .mainMargin .mainBox ul.kidsnewbook li a:hover img, .kids .contents .mainMargin .mainBox ul.kidsmylib li a:hover img {
    visibility: inherit;
  }
}
.kids .contents .mainMargin .mainBox ul.kidsRecommend_menu {
  display: none;
}
@media screen and (max-width: 480px) {
  .kids .contents .mainMargin .mainBox ul.kidsRecommend_menu {
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .kids .contents .mainMargin .mainBox p.kidsRecommendimg {
    display: none;
  }
}
.kids .contents .mainMargin .mainBox ul.kidsmylib {
  border-color: #a2df46;
  background: #eafdd2;
}
.kids .contents .mainMargin .mainBox ul.kidsmylib li.user a:hover {
  background: url("../images/ico_usermenu02_on.gif") no-repeat center top;
  transition: none;
}
.kids .contents .mainMargin .mainBox ul.kidsmylib li.pass a:hover {
  background: url("../images/ico_usermenu01_on.gif") no-repeat center top;
  transition: none;
}
.kids .contents .mainMargin .mainBox .specialBox {
  text-align: center;
}
.kids .contents .mainMargin .mainBox .specialBox p.imgleft, .kids .contents .mainMargin .mainBox .specialBox p.imgright {
  width: 170px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.kids .contents .mainMargin .mainBox .specialBox .r_fuki, .kids .contents .mainMargin .mainBox .specialBox .l_fuki {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  border: solid 1px;
  border-radius: 50px;
  padding: 1rem 0 2rem;
  position: relative;
  position: relative;
  position: relative;
  text-align: left;
}
.kids .contents .mainMargin .mainBox .specialBox .r_fuki::before, .kids .contents .mainMargin .mainBox .specialBox .l_fuki::before {
  content: "";
  border: solid transparent;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: absolute;
  border-width: 13px;
  border-right-color: #fff;
  margin-top: -13px;
  left: -26px;
  top: 50%;
}
.kids .contents .mainMargin .mainBox .specialBox .r_fuki::after, .kids .contents .mainMargin .mainBox .specialBox .l_fuki::after {
  content: "";
  border: solid transparent;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: absolute;
  border-width: 15px;
  border-right-color: #594b46;
  margin-top: -15px;
  left: -30px;
  top: 50%;
}
@media screen and (max-width: 480px) {
  .kids .contents .mainMargin .mainBox .specialBox .r_fuki, .kids .contents .mainMargin .mainBox .specialBox .l_fuki {
    padding: 1rem 0;
  }
  .kids .contents .mainMargin .mainBox .specialBox .r_fuki p, .kids .contents .mainMargin .mainBox .specialBox .l_fuki p {
    margin: 0.5rem 1rem 0rem;
  }
}
.kids .contents .mainMargin .mainBox .specialBox .r_fuki::after, .kids .contents .mainMargin .mainBox .specialBox .l_fuki::after {
  margin-left: 0%;
  z-index: 1;
}
.kids .contents .mainMargin .mainBox .specialBox .r_fuki::before, .kids .contents .mainMargin .mainBox .specialBox .l_fuki::before {
  z-index: 2;
}
.kids .contents .mainMargin .mainBox .specialBox .r_fuki strong, .kids .contents .mainMargin .mainBox .specialBox .l_fuki strong {
  font-size: 1.1rem;
}
.kids .contents .mainMargin .mainBox .specialBox .l_fuki {
  position: relative;
  position: relative;
}
.kids .contents .mainMargin .mainBox .specialBox .l_fuki::before {
  content: "";
  border: solid transparent;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: absolute;
  border-width: 13px;
  border-left-color: #fff;
  margin-top: -13px;
  right: -26px;
  top: 50%;
}
.kids .contents .mainMargin .mainBox .specialBox .l_fuki::after {
  content: "";
  border: solid transparent;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: absolute;
  border-width: 15px;
  border-left-color: #594b46;
  margin-top: -15px;
  right: -30px;
  top: 50%;
}
.kids .contents .mainMargin .mainBox .specialBox .l_fuki::after {
  left: auto;
}
.kids .contents .mainMargin .mainBox .specialBox .l_fuki::before {
  left: auto;
}
@media screen and (max-width: 480px) {
  .kids .contents .mainMargin .mainBox .specialBox .r_fuki {
    border-radius: 20px;
    margin-top: 1rem;
    position: relative;
    position: relative;
  }
  .kids .contents .mainMargin .mainBox .specialBox .r_fuki::before {
    content: "";
    border: solid transparent;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: absolute;
    border-width: 13px;
    border-bottom-color: #fff;
    margin-left: -13px;
    left: 50%;
    top: -26px;
  }
  .kids .contents .mainMargin .mainBox .specialBox .r_fuki::after {
    content: "";
    border: solid transparent;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: absolute;
    border-width: 15px;
    border-bottom-color: #594b46;
    margin-left: -15px;
    left: 50%;
    top: -30px;
  }
  .kids .contents .mainMargin .mainBox .specialBox .r_fuki::after {
    left: 50%;
    top: -15px;
  }
  .kids .contents .mainMargin .mainBox .specialBox .r_fuki::before {
    left: 50%;
    top: -13px;
  }
}
@media screen and (max-width: 480px) {
  .kids .contents .mainMargin .mainBox .specialBox .l_fuki {
    border-radius: 20px;
    margin-bottom: 1rem;
    position: relative;
    position: relative;
  }
  .kids .contents .mainMargin .mainBox .specialBox .l_fuki::before {
    content: "";
    border: solid transparent;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: absolute;
    border-width: 13px;
    border-top-color: #fff;
    margin-left: -13px;
    left: 50%;
    bottom: -26px;
  }
  .kids .contents .mainMargin .mainBox .specialBox .l_fuki::after {
    content: "";
    border: solid transparent;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: absolute;
    border-width: 15px;
    border-top-color: #594b46;
    margin-left: -15px;
    left: 50%;
    bottom: -30px;
  }
  .kids .contents .mainMargin .mainBox .specialBox .l_fuki::after {
    right: inherit;
    top: inherit;
  }
  .kids .contents .mainMargin .mainBox .specialBox .l_fuki::before {
    right: inherit;
    top: inherit;
  }
}
.kids .contents .mainMargin .mainBox .kidsAdultBox, .kids .contents .mainMargin .mainBox .kidsAdultBox02 {
  border: dotted #ff9999 8px;
  padding: 1rem 0 2rem;
  margin-bottom: 2rem;
}
.kids .contents .mainMargin .mainBox .kidsAdultBox p.yonde, .kids .contents .mainMargin .mainBox .kidsAdultBox p.honno, .kids .contents .mainMargin .mainBox .kidsAdultBox02 p.yonde, .kids .contents .mainMargin .mainBox .kidsAdultBox02 p.honno {
  padding: 10px 0 10px 50px;
  background: url("../images/k_booklist.png") left no-repeat;
  float: right;
  margin-bottom: 1rem;
}
.kids .contents .mainMargin .mainBox .kidsAdultBox p.yonde a, .kids .contents .mainMargin .mainBox .kidsAdultBox p.honno a, .kids .contents .mainMargin .mainBox .kidsAdultBox02 p.yonde a, .kids .contents .mainMargin .mainBox .kidsAdultBox02 p.honno a {
  padding-left: 20px;
  background: url("../images/ico_tsm.png") left no-repeat;
}
.kids .contents .mainMargin .mainBox .kidsAdultBox p, .kids .contents .mainMargin .mainBox .kidsAdultBox02 p {
  clear: both;
}
.kids .contents .mainMargin .mainBox .kidsAdultBox02 {
  border-color: #e2c205;
}
.kids .contents .mainMargin .mainBox .kidsAdultBox03 {
  background: url("../images/tiisaiko.png") no-repeat right;
  margin: 2rem auto;
}
@media screen and (max-width: 480px) {
  .kids .contents .mainMargin .mainBox .kidsAdultBox03 {
    background: none;
    margin: auto;
  }
}
@media screen and (max-width: 480px) {
  .kids .contents .mainMargin .mainBox p.charactermap {
    display: none;
  }
}
.kids .contents .mainMargin .mainBox .calBox .calt table {
  width: 315px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: top;
}
@media screen and (max-width: 480px) {
  .kids .contents .mainMargin .mainBox .kids_map {
    display: none;
  }
}
.kids.kidsReading .contentsMain .main .mainMargin h1 {
  background-image: url("../images/kids_h1_01.png"), url("../images/kids_h1_02.png");
  background-repeat: no-repeat;
  background-position: top left,top right;
  background-color: #c2e5fe;
}
@media screen and (max-width: 480px) {
  .kids.kidsReading .contentsMain .main .mainMargin h1 {
    background-image: none;
  }
}
.kids.kidsReading .contentsMain .side .localNav li.nav07 a {
  background: url(../images/kids_menu07_open.png) no-repeat 8px 8px;
}
@media screen and (max-width: 480px) {
  .kids.kidsReading .contentsMain .side .localNav li.nav07 a {
    background: url(../images/kids_menu07_open.png) no-repeat 0px 0px;
  }
}
@media screen and (max-width: 377px) {
  .kids.kidsReading .contentsMain .side .localNav li.nav07 a {
    background-size: 135px;
  }
}
.kids.kidsReading .contentsMain .side .localNav li.nav07 a img {
  visibility: hidden;
}
.kids.kidsGuide .contentsMain .main .mainMargin h1 {
  background-image: url("../images/kids_h1_03.png"), url("../images/kids_h1_04.png");
  background-repeat: no-repeat;
  background-position: top left,top right;
  background-color: #c2e5fe;
}
@media screen and (max-width: 480px) {
  .kids.kidsGuide .contentsMain .main .mainMargin h1 {
    background-image: none;
  }
}
.kids.kidsGuide .contentsMain .main ul.klib li {
  list-style: none;
  padding-left: 40px;
}
.kids.kidsGuide .contentsMain .main ul.klib li.chu {
  background: url("../images/ico_chuou.gif") no-repeat left;
}
.kids.kidsGuide .contentsMain .main ul.klib li.ko {
  background: url("../images/ico_komagome.gif") no-repeat left;
}
.kids.kidsGuide .contentsMain .main ul.klib li.su {
  background: url("../images/ico_sugamo.gif") no-repeat left;
}
.kids.kidsGuide .contentsMain .main ul.klib li.ka {
  background: url("../images/ico_kamiikebukuro.gif") no-repeat left;
}
.kids.kidsGuide .contentsMain .main ul.klib li.ike {
  background: url("../images/ico_ikebukuro.gif") no-repeat left;
}
.kids.kidsGuide .contentsMain .main ul.klib li.me {
  background: url("../images/ico_mejiro.gif") no-repeat left;
}
.kids.kidsGuide .contentsMain .main ul.klib li.chi {
  background: url("../images/ico_chihaya.gif") no-repeat left;
}
.kids.kidsGuide .contentsMain .main .box_y {
  background: #FFFFB5;
  padding: 1rem;
  margin: 1rem;
}
.kids.kidsGuide .contentsMain ul.star li {
  background: url("../images/ico_lmenu_12.png") no-repeat left;
  list-style: none;
  padding-left: 30px;
}
.kids.kidsGuide .contentsMain .side .localNav li.nav01 a {
  background: url(../images/kids_menu01_open.png) no-repeat 8px top;
}
@media screen and (max-width: 480px) {
  .kids.kidsGuide .contentsMain .side .localNav li.nav01 a {
    background: url(../images/kids_menu01_open.png) no-repeat 0px 0px;
  }
}
@media screen and (max-width: 377px) {
  .kids.kidsGuide .contentsMain .side .localNav li.nav01 a {
    background-size: 135px;
  }
}
.kids.kidsGuide .contentsMain .side .localNav li.nav01 a img {
  visibility: hidden;
}
.kids.kidsEvent .contentsMain .main .mainMargin h1 {
  background-image: url("../images/kids_h1_03.png"), url("../images/kids_h1_03.png");
  background-repeat: no-repeat;
  background-position: top left,top right;
  background-color: #c2e5fe;
}
@media screen and (max-width: 480px) {
  .kids.kidsEvent .contentsMain .main .mainMargin h1 {
    background-image: none;
  }
}
.kids.kidsEvent .contentsMain .side .localNav li.nav02 a {
  background: url(../images/kids_menu02_open.png) no-repeat 8px 8px;
}
@media screen and (max-width: 480px) {
  .kids.kidsEvent .contentsMain .side .localNav li.nav02 a {
    background: url(../images/kids_menu02_open.png) no-repeat 0px 0px;
  }
}
@includ mqSP5 {
  .kids.kidsEvent .contentsMain .side .localNav li.nav02 a {
    background-size: 135px;
  }
}
.kids.kidsEvent .contentsMain .side .localNav li.nav02 a img {
  visibility: hidden;
}
.kids.kidsRecommend .contentsMain .mainMargin h1, .kids.kidsGuide .contentsMain .mainMargin h1, .kids.kidsReading .contentsMain .mainMargin h1, .kids.kidsEvent .contentsMain .mainMargin h1, .kids.kidsNewbook .contentsMain .mainMargin h1, .kids.kidsMylib .contentsMain .mainMargin h1, .kids.kidsSearch .contentsMain .mainMargin h1, .kids.kidsLink .contentsMain .mainMargin h1, .kids.kidsSchool .contentsMain .mainMargin h1, .kids.kidsCharacter .contentsMain .mainMargin h1, .kids.kidsAdult .contentsMain .mainMargin h1, .kids.kidsSpecial .contentsMain .mainMargin h1 {
  background: #fef974;
  text-align: center;
  border-left: #fef974 solid 4rem;
  border-right: #fef974 solid 4rem;
  background: #c2e5fe;
  padding: 1rem;
  font-size: 2rem;
  padding-left: 80px;
  padding-right: 80px;
}
@media screen and (max-width: 480px) {
  .kids.kidsRecommend .contentsMain .mainMargin h1, .kids.kidsGuide .contentsMain .mainMargin h1, .kids.kidsReading .contentsMain .mainMargin h1, .kids.kidsEvent .contentsMain .mainMargin h1, .kids.kidsNewbook .contentsMain .mainMargin h1, .kids.kidsMylib .contentsMain .mainMargin h1, .kids.kidsSearch .contentsMain .mainMargin h1, .kids.kidsLink .contentsMain .mainMargin h1, .kids.kidsSchool .contentsMain .mainMargin h1, .kids.kidsCharacter .contentsMain .mainMargin h1, .kids.kidsAdult .contentsMain .mainMargin h1, .kids.kidsSpecial .contentsMain .mainMargin h1 {
    border-left: #fef974 solid 1rem;
    border-right: #fef974 solid 1rem;
    text-align: left;
    margin: 1rem 0.5rem;
    font-size: 1.7rem;
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
.kids.kidsInfo .contentsMain .mainMargin h1 {
  font-size: 2rem;
  letter-spacing: .5rem;
  font-weight: bold;
  border-left: #fef974 solid 4rem;
  border-right: #fef974 solid 4rem;
  background: #c2e5fe;
}
@media screen and (max-width: 480px) {
  .kids.kidsInfo .contentsMain .mainMargin h1 {
    border-left: #fef974 solid 1rem;
    border-right: #fef974 solid 1rem;
    text-align: left;
    margin: 1rem 0.5rem;
    font-size: 1.7rem;
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
.kids.kidsRecommend .contentsMain .main .mainMargin h1 {
  background-image: url("../images/kids_h1_01.png"), url("../images/kids_h1_01.png");
  background-repeat: no-repeat;
  background-position: top left,top right;
  background-color: #c2e5fe;
}
@media screen and (max-width: 480px) {
  .kids.kidsRecommend .contentsMain .main .mainMargin h1 {
    background-image: none;
    padding: inherit;
  }
}
.kids.kidsRecommend .contentsMain .mainBox ul.osusumenu {
  display: table;
  table-layout: fixed;
  margin: 0 auto -3px;
}
@media screen and (max-width: 480px) {
  .kids.kidsRecommend .contentsMain .mainBox ul.osusumenu {
    display: block;
    width: 95%;
  }
}
.kids.kidsRecommend .contentsMain .mainBox ul.osusumenu li {
  display: table-cell;
  padding: 0 1rem;
  margin: 0;
  line-height: inherit;
}
@media screen and (max-width: 480px) {
  .kids.kidsRecommend .contentsMain .mainBox ul.osusumenu li {
    padding: 0 0.5rem 0 0;
    display: block;
    text-align: center;
  }
  .kids.kidsRecommend .contentsMain .mainBox ul.osusumenu li.menu01, .kids.kidsRecommend .contentsMain .mainBox ul.osusumenu li.menu02, .kids.kidsRecommend .contentsMain .mainBox ul.osusumenu li.menu03 {
    display: table-cell;
    text-align: left;
  }
  .kids.kidsRecommend .contentsMain .mainBox ul.osusumenu li.menu01 img, .kids.kidsRecommend .contentsMain .mainBox ul.osusumenu li.menu02 img, .kids.kidsRecommend .contentsMain .mainBox ul.osusumenu li.menu03 img {
    width: 100%;
  }
}
.kids.kidsRecommend .contentsMain .mainBox .Kids_Left_menu li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.kids.kidsRecommend .contentsMain .mainBox .Letsread, .kids.kidsRecommend .contentsMain .mainBox .Wantread, .kids.kidsRecommend .contentsMain .mainBox .Bookisland {
  padding: 2rem;
  margin-top: 0;
  border: double 20px #42bfec;
  border-radius: 10px;
  background: #def8fc;
}
@media screen and (max-width: 480px) {
  .kids.kidsRecommend .contentsMain .mainBox .Letsread, .kids.kidsRecommend .contentsMain .mainBox .Wantread, .kids.kidsRecommend .contentsMain .mainBox .Bookisland {
    padding: 0 0.5rem;
  }
}
.kids.kidsRecommend .contentsMain .mainBox .Letsread h3.none, .kids.kidsRecommend .contentsMain .mainBox .Wantread h3.none, .kids.kidsRecommend .contentsMain .mainBox .Bookisland h3.none {
  display: block;
}
.kids.kidsRecommend .contentsMain .mainBox .Letsread ul.pageLink_Recommend, .kids.kidsRecommend .contentsMain .mainBox .Wantread ul.pageLink_Recommend, .kids.kidsRecommend .contentsMain .mainBox .Bookisland ul.pageLink_Recommend {
  text-align: right;
}
@media screen and (max-width: 480px) {
  .kids.kidsRecommend .contentsMain .mainBox .Letsread ul.pageLink_Recommend, .kids.kidsRecommend .contentsMain .mainBox .Wantread ul.pageLink_Recommend, .kids.kidsRecommend .contentsMain .mainBox .Bookisland ul.pageLink_Recommend {
    text-align: left;
  }
}
.kids.kidsRecommend .contentsMain .mainBox .Letsread ul.pageLink_Recommend li a, .kids.kidsRecommend .contentsMain .mainBox .Wantread ul.pageLink_Recommend li a, .kids.kidsRecommend .contentsMain .mainBox .Bookisland ul.pageLink_Recommend li a {
  border: solid 4px #f19495;
}
.kids.kidsRecommend .contentsMain .mainBox .Letsread ul.pageLink_Recommend li a:hover, .kids.kidsRecommend .contentsMain .mainBox .Wantread ul.pageLink_Recommend li a:hover, .kids.kidsRecommend .contentsMain .mainBox .Bookisland ul.pageLink_Recommend li a:hover {
  background: #fde8e8;
}
.kids.kidsRecommend .contentsMain .mainBox .Letsread h2.kids_h2, .kids.kidsRecommend .contentsMain .mainBox .Wantread h2.kids_h2, .kids.kidsRecommend .contentsMain .mainBox .Bookisland h2.kids_h2 {
  position: relative;
  height: 40px;
  background: #fff;
  width: 100%;
  border: none;
  padding: 0;
}
.kids.kidsRecommend .contentsMain .mainBox .Letsread h2.kids_h2 img, .kids.kidsRecommend .contentsMain .mainBox .Wantread h2.kids_h2 img, .kids.kidsRecommend .contentsMain .mainBox .Bookisland h2.kids_h2 img {
  position: absolute;
  top: -25px;
  width: auto;
}
@media screen and (max-width: 480px) {
  .kids.kidsRecommend .contentsMain .mainBox .Letsread h2.kids_h2, .kids.kidsRecommend .contentsMain .mainBox .Wantread h2.kids_h2, .kids.kidsRecommend .contentsMain .mainBox .Bookisland h2.kids_h2 {
    position: static;
    height: auto;
    background: none;
  }
  .kids.kidsRecommend .contentsMain .mainBox .Letsread h2.kids_h2 img, .kids.kidsRecommend .contentsMain .mainBox .Wantread h2.kids_h2 img, .kids.kidsRecommend .contentsMain .mainBox .Bookisland h2.kids_h2 img {
    position: static;
    top: auto;
  }
}
.kids.kidsRecommend .contentsMain .mainBox .Letsread ul.Kids_Left_menu, .kids.kidsRecommend .contentsMain .mainBox .Wantread ul.Kids_Left_menu, .kids.kidsRecommend .contentsMain .mainBox .Bookisland ul.Kids_Left_menu {
  margin-top: 2rem;
}
@media screen and (max-width: 480px) {
  .kids.kidsRecommend .contentsMain .mainBox .Letsread ul.Kids_Left_menu, .kids.kidsRecommend .contentsMain .mainBox .Wantread ul.Kids_Left_menu, .kids.kidsRecommend .contentsMain .mainBox .Bookisland ul.Kids_Left_menu {
    margin-top: .5rem;
  }
}
.kids.kidsRecommend .contentsMain .mainBox .Letsread .Kids_Recommended_menu, .kids.kidsRecommend .contentsMain .mainBox .Wantread .Kids_Recommended_menu, .kids.kidsRecommend .contentsMain .mainBox .Bookisland .Kids_Recommended_menu {
  padding: 1rem 1rem .5rem;
  background: #fff;
}
.kids.kidsRecommend .contentsMain .mainBox .Letsread .Kids_Recommended_menu li, .kids.kidsRecommend .contentsMain .mainBox .Wantread .Kids_Recommended_menu li, .kids.kidsRecommend .contentsMain .mainBox .Bookisland .Kids_Recommended_menu li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding-left: 1.5rem;
  background: url("../images/ico_lmenu_12.png") left no-repeat;
  margin-left: .5rem;
}
.kids.kidsRecommend .contentsMain .mainBox .Letsread h3, .kids.kidsRecommend .contentsMain .mainBox .Wantread h3, .kids.kidsRecommend .contentsMain .mainBox .Bookisland h3 {
  text-align: center;
  background: none;
  margin-top: 0.5rem;
  line-height: 2rem;
}
.kids.kidsRecommend .contentsMain .mainBox .Letsread table, .kids.kidsRecommend .contentsMain .mainBox .Wantread table, .kids.kidsRecommend .contentsMain .mainBox .Bookisland table {
  width: 90%;
  margin: auto;
}
.kids.kidsRecommend .contentsMain .mainBox .Letsread table th, .kids.kidsRecommend .contentsMain .mainBox .Wantread table th, .kids.kidsRecommend .contentsMain .mainBox .Bookisland table th {
  border: solid 1px #846b6b;
  text-align: center;
  background: #fdf5ca;
}
@media screen and (max-width: 480px) {
  .kids.kidsRecommend .contentsMain .mainBox .Letsread table th, .kids.kidsRecommend .contentsMain .mainBox .Wantread table th, .kids.kidsRecommend .contentsMain .mainBox .Bookisland table th {
    border: none;
    display: block;
  }
}
.kids.kidsRecommend .contentsMain .mainBox .Letsread table td, .kids.kidsRecommend .contentsMain .mainBox .Wantread table td, .kids.kidsRecommend .contentsMain .mainBox .Bookisland table td {
  width: 70%;
  vertical-align: top;
  border: solid 1px #846b6b;
  background: #fdf5ca;
}
@media screen and (max-width: 480px) {
  .kids.kidsRecommend .contentsMain .mainBox .Letsread table td, .kids.kidsRecommend .contentsMain .mainBox .Wantread table td, .kids.kidsRecommend .contentsMain .mainBox .Bookisland table td {
    border: none;
    display: block;
    width: auto;
  }
}
.kids.kidsRecommend .contentsMain .mainBox .Letsread table h3, .kids.kidsRecommend .contentsMain .mainBox .Letsread table h4, .kids.kidsRecommend .contentsMain .mainBox .Wantread table h3, .kids.kidsRecommend .contentsMain .mainBox .Wantread table h4, .kids.kidsRecommend .contentsMain .mainBox .Bookisland table h3, .kids.kidsRecommend .contentsMain .mainBox .Bookisland table h4 {
  margin: 0rem 0.5rem 0.5rem 1rem;
  background: none;
  padding: 0rem 0 0.5rem 0rem;
  border-bottom: dashed 3px #FC0;
  line-height: 2rem;
  text-align: left;
}
.kids.kidsRecommend .contentsMain .mainBox .Letsread h3.imgBlue {
  border-bottom: solid 6px #66b3d8;
  background: #fff;
  background-image: none;
  padding: 0;
  text-align: left;
  width: 90%;
  margin: 1.5rem auto .5rem;
  padding-top: 1rem;
}
.kids.kidsRecommend .contentsMain .mainBox .Letsread h3.imgBlue img {
  vertical-align: bottom;
}
.kids.kidsRecommend .contentsMain .mainBox .Letsread h3.imgGreen {
  border-bottom: solid 6px #7cc937;
  background: #fff;
  background-image: none;
  padding: 0;
  text-align: left;
  width: 90%;
  margin: 1.5rem auto .5rem;
  padding-top: 1rem;
}
.kids.kidsRecommend .contentsMain .mainBox .Letsread h3.imgGreen img {
  vertical-align: bottom;
}
.kids.kidsRecommend .contentsMain .mainBox .Letsread h3.imgYellow {
  border-bottom: solid 6px #efbd0e;
  background: #fff;
  background-image: none;
  padding: 0;
  text-align: left;
  width: 90%;
  margin: 1.5rem auto .5rem;
  padding-top: 1rem;
}
.kids.kidsRecommend .contentsMain .mainBox .Letsread h3.imgYellow img {
  vertical-align: bottom;
}
.kids.kidsRecommend .contentsMain .mainBox .Wantread {
  border-color: #f19495;
  background: #fde8e8;
}
@media screen and (max-width: 480px) {
  .kids.kidsRecommend .contentsMain .mainBox .Wantread h2.imgbooklist_sp, .kids.kidsRecommend .contentsMain .mainBox .Wantread h2.imgyomikikase_sp {
    height: 70px;
    background: url("../images/h2_osusume_book_Sp.png") no-repeat 50%;
    background-size: contain;
    text-align: center;
  }
  .kids.kidsRecommend .contentsMain .mainBox .Wantread h2.imgbooklist_sp img, .kids.kidsRecommend .contentsMain .mainBox .Wantread h2.imgyomikikase_sp img {
    position: absolute;
    top: -1000px;
    left: -1000px;
  }
}
@media screen and (max-width: 480px) {
  .kids.kidsRecommend .contentsMain .mainBox .Wantread h2.imgyomikikase_sp {
    background: url("../images/h2_osusume_kikase_Sp.png") no-repeat 50%;
    background-size: contain;
  }
}
.kids.kidsRecommend .contentsMain .mainBox .Bookisland {
  border-color: #ecc01f;
  background: #fff9e3;
}
@media screen and (max-width: 480px) {
  .kids.kidsRecommend .contentsMain .mainBox .Bookisland h2.land_ta_Sp, .kids.kidsRecommend .contentsMain .mainBox .Bookisland h2.land_mu_Sp, .kids.kidsRecommend .contentsMain .mainBox .Bookisland h2.land_yu_Sp, .kids.kidsRecommend .contentsMain .mainBox .Bookisland h2.land_oha_Sp {
    height: 70px;
    background: url("../images/h2_hontoshima_tanoshi_Sp.png") no-repeat 50%;
    background-size: contain;
    text-align: center;
  }
  .kids.kidsRecommend .contentsMain .mainBox .Bookisland h2.land_ta_Sp img, .kids.kidsRecommend .contentsMain .mainBox .Bookisland h2.land_mu_Sp img, .kids.kidsRecommend .contentsMain .mainBox .Bookisland h2.land_yu_Sp img, .kids.kidsRecommend .contentsMain .mainBox .Bookisland h2.land_oha_Sp img {
    position: absolute;
    top: -1000px;
    left: -1000px;
  }
}
@media screen and (max-width: 480px) {
  .kids.kidsRecommend .contentsMain .mainBox .Bookisland h2.land_mu_Sp {
    background: url("../images/h2_hontoshima_mukashi_Sp.png") no-repeat 50%;
    background-size: contain;
  }
}
@media screen and (max-width: 480px) {
  .kids.kidsRecommend .contentsMain .mainBox .Bookisland h2.land_yu_Sp {
    background: url("../images/h2_hontoshima_yukai_Sp.png") no-repeat 50%;
    background-size: contain;
  }
}
@media screen and (max-width: 480px) {
  .kids.kidsRecommend .contentsMain .mainBox .Bookisland h2.land_oha_Sp {
    background: url("../images/h2_hontoshima_iroiro_Sp.png") no-repeat 50%;
    background-size: contain;
  }
}
.kids.kidsRecommend .contentsMain .mainBox .Bookisland ul.pageLink_Recommend li a {
  border-color: #ecc01f;
}
.kids.kidsRecommend .contentsMain .mainBox .Bookisland ul.pageLink_Recommend li a:hover {
  background: #fff9e3;
}
.kids.kidsRecommend .contentsMain .side .localNav li.nav05 a {
  background: url(../images/kids_menu05_open.png) no-repeat 8px 8px;
}
@media screen and (max-width: 480px) {
  .kids.kidsRecommend .contentsMain .side .localNav li.nav05 a {
    background: url(../images/kids_menu05_open.png) no-repeat 0px 0px;
  }
}
@media screen and (max-width: 377px) {
  .kids.kidsRecommend .contentsMain .side .localNav li.nav05 a {
    background-size: 135px;
  }
}
.kids.kidsRecommend .contentsMain .side .localNav li.nav05 a img {
  visibility: hidden;
}
.kids.kidsNewbook .contentsMain .main .mainMargin h1 {
  background-image: url("../images/kids_h1_05.png"), url("../images/kids_h1_05.png");
  background-repeat: no-repeat;
  background-position: top left,top right;
  background-color: #c2e5fe;
}
@media screen and (max-width: 480px) {
  .kids.kidsNewbook .contentsMain .main .mainMargin h1 {
    background-image: none;
  }
}
.kids.kidsNewbook .contentsMain .side .localNav li.nav04 a {
  background: url(../images/kids_menu04_open.png) no-repeat 8px 8px;
}
@media screen and (max-width: 480px) {
  .kids.kidsNewbook .contentsMain .side .localNav li.nav04 a {
    background: url(../images/kids_menu04_open.png) no-repeat 0px 0px;
  }
}
@media screen and (max-width: 377px) {
  .kids.kidsNewbook .contentsMain .side .localNav li.nav04 a {
    background-size: 135px;
  }
}
.kids.kidsNewbook .contentsMain .side .localNav li.nav04 a img {
  visibility: hidden;
}
.kids.kidsMylib .contentsMain .main .mainMargin h1 {
  background-image: url("../images/kids_h1_05.png"), url("../images/kids_h1_06.png");
  background-repeat: no-repeat;
  background-position: top left,top right;
  background-color: #c2e5fe;
}
@media screen and (max-width: 480px) {
  .kids.kidsMylib .contentsMain .main .mainMargin h1 {
    background-image: none;
  }
}
.kids.kidsMylib .contentsMain .side .localNav li.nav09 a {
  background: url(../images/kids_menu09_open.png) no-repeat 8px 8px;
}
@media screen and (max-width: 480px) {
  .kids.kidsMylib .contentsMain .side .localNav li.nav09 a {
    background: url(../images/kids_menu09_open.png) no-repeat 0px 0px;
  }
}
@media screen and (max-width: 377px) {
  .kids.kidsMylib .contentsMain .side .localNav li.nav09 a {
    background-size: 135px;
  }
}
.kids.kidsMylib .contentsMain .side .localNav li.nav09 a img {
  visibility: hidden;
}
.kids.kidsSearch .contentsMain .main .mainMargin h1 {
  background-image: url("../images/kids_h1_08.png"), url("../images/kids_h1_08.png");
  background-repeat: no-repeat;
  background-position: top left,top right;
  background-color: #c2e5fe;
}
@media screen and (max-width: 480px) {
  .kids.kidsSearch .contentsMain .main .mainMargin h1 {
    background-image: none;
  }
}
.kids.kidsSearch .contentsMain .side .localNav li.nav06 a {
  background: url(../images/kids_menu06_open.png) no-repeat 8px 8px;
}
@media screen and (max-width: 480px) {
  .kids.kidsSearch .contentsMain .side .localNav li.nav06 a {
    background: url(../images/kids_menu06_open.png) no-repeat 0px 0px;
  }
}
@media screen and (max-width: 377px) {
  .kids.kidsSearch .contentsMain .side .localNav li.nav06 a {
    background-size: 135px;
  }
}
.kids.kidsSearch .contentsMain .side .localNav li.nav06 a img {
  visibility: hidden;
}
.kids.kidsLink .contentsMain .main .mainMargin h1 {
  background-image: url("../images/kids_h1_06.png"), url("../images/kids_h1_06.png");
  background-repeat: no-repeat;
  background-position: top left,top right;
  background-color: #c2e5fe;
}
@media screen and (max-width: 480px) {
  .kids.kidsLink .contentsMain .main .mainMargin h1 {
    background-image: none;
  }
}
.kids.kidsLink .contentsMain .side .localNav li.nav08 a {
  background: url(../images/kids_menu08_open.png) no-repeat 8px 8px;
}
@media screen and (max-width: 480px) {
  .kids.kidsLink .contentsMain .side .localNav li.nav08 a {
    background: url(../images/kids_menu08_open.png) no-repeat 0px 0px;
  }
}
@media screen and (max-width: 377px) {
  .kids.kidsLink .contentsMain .side .localNav li.nav08 a {
    background-size: 135px;
  }
}
.kids.kidsLink .contentsMain .side .localNav li.nav08 a img {
  visibility: hidden;
}
.kids.kidsSchool .contentsMain .main .mainMargin h1 {
  background-image: url("../images/kids_h1_02.png"), url("../images/kids_h1_02.png");
  background-repeat: no-repeat;
  background-position: top left,top right;
  background-color: #c2e5fe;
}
@media screen and (max-width: 480px) {
  .kids.kidsSchool .contentsMain .main .mainMargin h1 {
    background-image: none;
  }
}
.kids.kidsSchool .contentsMain .side .localNav li.nav12 a {
  background: url(../images/kids_menu12_open.png) no-repeat 8px 8px;
}
@media screen and (max-width: 480px) {
  .kids.kidsSchool .contentsMain .side .localNav li.nav12 a {
    background: url(../images/kids_menu12_open.png) no-repeat 0px 0px;
  }
}
@media screen and (max-width: 377px) {
  .kids.kidsSchool .contentsMain .side .localNav li.nav12 a {
    background-size: 135px;
  }
}
.kids.kidsSchool .contentsMain .side .localNav li.nav12 a img {
  visibility: hidden;
}
.kids.kidsCharacter .contentsMain .main .mainMargin h1 {
  background-image: url("../images/kids_h1_08.png"), url("../images/kids_h1_07.png");
  background-repeat: no-repeat;
  background-position: top left,top right;
  background-color: #c2e5fe;
}
@media screen and (max-width: 480px) {
  .kids.kidsCharacter .contentsMain .main .mainMargin h1 {
    background-image: none;
  }
}
.kids.kidsCharacter .contentsMain .side .localNav li.nav10 a {
  background: url(../images/kids_menu10_open.png) no-repeat 8px 8px;
}
@media screen and (max-width: 480px) {
  .kids.kidsCharacter .contentsMain .side .localNav li.nav10 a {
    background: url(../images/kids_menu10_open.png) no-repeat 0px 0px;
  }
}
@media screen and (max-width: 377px) {
  .kids.kidsCharacter .contentsMain .side .localNav li.nav10 a {
    background-size: 135px;
  }
}
.kids.kidsCharacter .contentsMain .side .localNav li.nav10 a img {
  visibility: hidden;
}
.kids.kidsAdult .contentsMain .main .mainMargin h1 {
  background-image: url("../images/kids_h1_07.png"), url("../images/kids_h1_07.png");
  background-repeat: no-repeat;
  background-position: top left,top right;
  background-color: #c2e5fe;
}
@media screen and (max-width: 480px) {
  .kids.kidsAdult .contentsMain .main .mainMargin h1 {
    background-image: none;
  }
}
.kids.kidsAdult .contentsMain .side .localNav li.nav11 a {
  background: url(../images/kids_menu11_open.png) no-repeat 8px 8px;
}
@media screen and (max-width: 480px) {
  .kids.kidsAdult .contentsMain .side .localNav li.nav11 a {
    background: url(../images/kids_menu11_open.png) no-repeat 0px 0px;
  }
}
@media screen and (max-width: 377px) {
  .kids.kidsAdult .contentsMain .side .localNav li.nav11 a {
    background-size: 135px;
  }
}
.kids.kidsAdult .contentsMain .side .localNav li.nav11 a img {
  visibility: hidden;
}
.kids.kidsSpecial .contentsMain .main .mainMargin h1 {
  background-image: url("../images/kids_h1_04.png"), url("../images/kids_h1_04.png");
  background-repeat: no-repeat;
  background-position: top left,top right;
  background-color: #c2e5fe;
}
@media screen and (max-width: 480px) {
  .kids.kidsSpecial .contentsMain .main .mainMargin h1 {
    background-image: none;
  }
}
.kids.kidsSpecial .contentsMain .side .localNav li.nav03 a {
  background: url(../images/kids_menu03_open.png) no-repeat 8px 8px;
}
@media screen and (max-width: 480px) {
  .kids.kidsSpecial .contentsMain .side .localNav li.nav03 a {
    background: url(../images/kids_menu03_open.png) no-repeat 0px 0px;
  }
}
@media screen and (max-width: 377px) {
  .kids.kidsSpecial .contentsMain .side .localNav li.nav03 a {
    background-size: 135px;
  }
}
.kids.kidsSpecial .contentsMain .side .localNav li.nav03 a img {
  visibility: hidden;
}
.kids.kidsTop {
  color: #55361a;
  background-image: url(../images/kids_bk.png), url(../images/kids_bk_2.png);
  background-repeat: repeat-x, repeat;
  background-color: transparent \9;
  background: url(../images/kids_bk.png) repeat-x \9;
}
.kids.kidsTop .contents {
  width: 100%;
}
.kids.kidsTop .contentsMain {
  background: url("../images/kids_top_footer.png") repeat-x bottom;
  padding-bottom: 200px;
  min-height: calc(100vh - 260px);
  width: 100%;
  margin-bottom: 0;
}
@media screen and (max-width: 480px) {
  .kids.kidsTop .contentsMain {
    background-size: contain;
    padding-bottom: 140px;
  }
}
.kids.kidsTop .contentsMain h1.kidsTitle {
  background: url("../images/kids_head_bk.png") no-repeat center;
}
@media screen and (max-width: 480px) {
  .kids.kidsTop .contentsMain h1.kidsTitle {
    padding: 0 0 1rem;
  }
}
.kids.kidsTop .column2 {
  padding-bottom: 0px;
}
@media screen and (max-width: 480px) {
  .kids.kidsTop .column2 {
    padding-bottom: 2rem;
  }
}
.kids.kidsTop .mainMargin {
  padding-bottom: 0;
  background-image: url("../images/kids_margin_bottom.png");
  background-repeat: repeat-x;
  background-position: bottom;
  background-color: inherit;
  margin: 0;
  border: none;
  padding: inherit;
}
@media screen and (max-width: 480px) {
  .kids.kidsTop .mainMargin {
    padding-bottom: .5rem;
  }
}
.kids.kidsTop .contents .mainMargin .mainBox {
  padding: 0;
  background: none;
  margin-bottom: 0;
  margin-top: 0;
}
@media screen and (max-width: 480px) {
  .kids.kidsTop .contents .mainMargin .mainBox {
    width: 100%;
    margin-left: auto;
    height: auto;
    padding-bottom: 1rem;
    background: linear-gradient(180deg, #83d1db 0%, #83d1db 15%, #fcf6cf 15%, #fcf6cf 100%);
  }
  .kids.kidsTop .contents .mainMargin .mainBox h2 {
    background: #5ba5eb;
  }
}
.kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids {
  background-image: url("../images/kids_top_center.png"), url("../images/kids_margin_bottom.png");
  background-repeat: repeat-x;
  background-position: center 57.5%, center bottom;
  width: 100%;
  margin: auto;
}
@media screen and (max-width: 480px) {
  .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids {
    background-image: none;
    padding-top: 0rem;
  }
}
.kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul {
  width: 980px;
  background: url("../images/kids_top_bk01.png") no-repeat;
  margin: auto;
  padding-top: 55px;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: url("../images/Sp_kids_top_bk01.png") no-repeat center top;
    background-size: cover;
    padding-top: 10px;
    border-bottom: solid 20px #b8b1a3;
  }
}
.kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li {
  list-style: none;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 200px;
  margin-left: 10px;
  text-align: center;
  margin-bottom: 72px;
  line-height: 0;
}
@media screen and (max-width: 480px) {
  .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li {
    width: auto;
    flex-basis: 20%;
    margin-bottom: 0;
  }
}
.kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav09, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav11, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav12, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav10 {
  vertical-align: top;
  margin-bottom: 48px;
}
.kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav09 a, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav11 a, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav12 a, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav10 a {
  height: 160px;
  padding-top: 10px;
}
.kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav10 {
  vertical-align: bottom;
}
.kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav10 a {
  height: 195px;
}
.kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav01, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav02, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav03, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav04 {
  margin-bottom: 62px;
}
.kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav05, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav06, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav07, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav08 {
  margin-bottom: 37px;
}
.kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav05 a, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav06 a, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav07 a, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav08 a {
  height: 160px;
  padding-top: 10px;
}
.kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li a {
  display: block;
  transition: none;
}
.kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li a:hover img {
  visibility: hidden;
}
.kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav01 a:hover {
  background: url("../images/kids_Top_menu01_open.png") no-repeat center;
}
.kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav02 a:hover {
  background: url("../images/kids_Top_menu02_open.png") no-repeat center;
}
.kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav03 a:hover {
  background: url("../images/kids_Top_menu03_open.png") no-repeat center;
}
.kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav04 a:hover {
  background: url("../images/kids_Top_menu04_open.png") no-repeat center;
}
.kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav05 a:hover {
  background: url("../images/kids_Top_menu05_open.png") no-repeat center 4px;
}
.kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav06 a:hover {
  background: url("../images/kids_Top_menu06_open.png") no-repeat center 4px;
}
.kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav07 a:hover {
  background: url("../images/kids_Top_menu07_open.png") no-repeat center 4px;
}
.kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav08 a:hover {
  background: url("../images/kids_Top_menu08_open.png") no-repeat center 4px;
}
.kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav09 a:hover {
  background: url("../images/kids_Top_menu09_open.png") no-repeat center 4px;
}
.kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav10 a:hover {
  background: url("../images/kids_Top_menu10_open.png") no-repeat center 1px;
}
.kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav11 a:hover {
  background: url("../images/kids_Top_menu12_open.png") no-repeat center 4px;
}
.kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav12 a:hover {
  background: url("../images/kids_Top_menu11_open.png") no-repeat center 4px;
}
@media screen and (max-width: 480px) {
  .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav01, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav02, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav03, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav04, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav05, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav06, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav07, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav08, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav09, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav10, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav11, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav12 {
    margin: 10px 5px;
  }
}
@media screen and (max-width: 480px) {
  .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav01 a, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav02 a, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav03 a, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav04 a, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav05 a, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav06 a, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav07 a, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav08 a, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav09 a, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav10 a, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav11 a, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav12 a {
    height: inherit;
    margin: auto;
    padding: inherit;
  }
  .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav01 a:hover, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav02 a:hover, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav03 a:hover, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav04 a:hover, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav05 a:hover, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav06 a:hover, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav07 a:hover, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav08 a:hover, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav09 a:hover, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav10 a:hover, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav11 a:hover, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav12 a:hover {
    background: none;
    opacity: .7;
  }
  .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav01 a:hover img, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav02 a:hover img, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav03 a:hover img, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav04 a:hover img, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav05 a:hover img, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav06 a:hover img, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav07 a:hover img, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav08 a:hover img, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav09 a:hover img, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav10 a:hover img, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav11 a:hover img, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav12 a:hover img {
    visibility: inherit;
  }
}
@media screen and (max-width: 480px) {
  .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav05, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav06, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav07, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav08 {
    margin: 30px 10px 10px;
    flex-basis: 18%;
  }
}
@media screen and (max-width: 480px) {
  .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav09, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav10, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav11, .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav12 {
    flex-basis: 18%;
    margin: 10px;
  }
}
@media screen and (max-width: 480px) {
  .kids.kidsTop .contents .mainMargin .mainBox nav.gNavKids ul li.nav10 {
    margin-bottom: 0;
    flex-basis: 20%;
  }
}
.kids.kidsTop .contents .mainMargin .mainBox .infoKids {
  width: 965px;
  margin: auto;
  text-align: center;
  background: #8a5727;
  position: relative;
  border-radius: 30px;
  padding: 50px 0 40px 0;
  margin-top: 30px;
  margin-bottom: 0px;
}
@media screen and (max-width: 480px) {
  .kids.kidsTop .contents .mainMargin .mainBox .infoKids {
    width: auto;
    border-radius: 0px;
    padding: 0px 0px 30px;
  }
}
.kids.kidsTop .contents .mainMargin .mainBox .infoKids::after {
  content: '';
  height: 310px;
  width: 980px;
  position: absolute;
  bottom: 0;
  background: url("../images/kids_footer.png") no-repeat;
  margin: auto;
  text-align: center;
  left: 0px;
  bottom: -220px;
}
@media screen and (max-width: 480px) {
  .kids.kidsTop .contents .mainMargin .mainBox .infoKids::after {
    width: 100%;
    background-image: url("../images/kids_top_footer.png"), url("../images/Sp_kids_footer.png");
    background-repeat: repeat-x,no-repeat;
    background-position: bottom;
    background-size: contain,auto;
    bottom: -163px;
    height: 163px;
  }
}
.kids.kidsTop .contents .mainMargin .mainBox .infoKids h2 {
  text-indent: -9999px;
  border: none;
  display: block;
  width: 980px;
  margin: auto;
  padding: 0;
  position: absolute;
  left: -10px;
  top: -24px;
  height: 118px;
  background: url("../images/kids_top_h2.png") no-repeat top;
}
@media screen and (max-width: 480px) {
  .kids.kidsTop .contents .mainMargin .mainBox .infoKids h2 {
    width: auto;
    display: block;
    background: none;
    text-indent: inherit;
    position: inherit;
    font-size: 1.5rem;
    padding: .8rem 0;
    color: #f2e9df;
    height: auto;
    top: 0;
    left: 0;
    text-align: center;
  }
}
.kids.kidsTop .contents .mainMargin .mainBox .infoKids .infoBox {
  background: #fff;
  width: 880px;
  margin: auto;
  height: 255px;
  overflow: auto;
  margin-top: 1.5rem;
}
@media screen and (max-width: 480px) {
  .kids.kidsTop .contents .mainMargin .mainBox .infoKids .infoBox {
    width: 100%;
    margin-top: 0;
  }
}
.kids.kidsTop .contents .mainMargin .mainBox .infoKids .infoBox dl {
  padding-top: 1rem;
}
.kids.kidsTop .contents .mainMargin .mainBox .infoKids ul.infoKids-list {
  width: 880px;
  background: #fff;
  margin: auto;
  padding: 1rem 0;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .kids.kidsTop .contents .mainMargin .mainBox .infoKids ul.infoKids-list {
    width: 100%;
  }
}
.kids.kidsTop .contents .mainMargin .mainBox .infoKids ul.infoKids-list li {
  list-style: none;
}
.kids.kidsTop .contents .mainMargin .mainBox .infoKids ul.infoKids-list li a {
  position: relative;
  display: block;
  z-index: 9999;
  text-decoration: none;
  font-size: 1.2rem;
  color: #f2e9df;
  background: #cb4c4c;
  width: 14rem;
  font-weight: bold;
  margin: auto;
  padding: .5rem 1rem;
}
.kids.kidsTop .contents .mainMargin .mainBox .infoKids ul.infoKids-list li a:hover {
  background: #f7ae00;
  color: #330000;
}
.kids.basic .contents .mainMargin {
  padding: 20px;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 480px) {
  .kids.basic .contents .mainMargin {
    padding: 5px;
    border-radius: 10px;
  }
}
.kids.basic .contents .mainMargin .mainBox {
  border-radius: 10px;
  padding: 0 1.5rem 4rem 1.5rem;
  margin: 0;
}
@media screen and (max-width: 480px) {
  .kids.basic .contents .mainMargin .mainBox {
    padding: 0 .5rem 4rem .5rem;
    border-radius: 5px;
  }
}
.kids.basic .contents .mainMargin .mainBox table td {
  vertical-align: middle;
}
.kids .searchBox1 {
  padding: 1rem;
  margin-top: 1.5rem;
  background: #F8FFED;
  border: dotted 8px #A2DF46;
}
.kids .searchBox1 input[type="checkbox"]#child {
  margin-left: 2.5rem;
  font-size: .9rem;
}
@media screen and (max-width: 480px) {
  .kids .searchBox1 fieldset.floatRight {
    margin: .5rem auto;
  }
}
@media screen and (max-width: 480px) {
  .kids .searchBox1 input[type="text"], .kids .searchBox1 input[type="password"] {
    margin-top: 3px;
  }
}
@media screen and (max-width: 480px) {
  .kids .searchBox1 ol {
    text-indent: inherit;
    margin-left: 0;
  }
}
.kids .searchBox1 ol li::before {
  color: #330000;
  font-size: 1.3rem;
  font-weight: bold;
  counter-increment: item;
  content: counter(item) "．";
}
@media screen and (max-width: 480px) {
  .kids .searchBox1 ol li::before {
    display: none;
  }
}
.kids .searchBox1 fieldset.floatRight legend {
  width: auto;
}
.kids .searchBox1 .notAdult {
  margin-left: 6rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 480px) {
  .kids .searchBox1 .notAdult {
    margin-left: -1.5rem;
  }
}
.kids .searchBox1 .searchKey ol input[type="text"] {
  width: 12em;
}
.kids.kidsMylib .searchBox1 {
  padding: 1.5rem 1rem .5rem 1rem;
  margin-bottom: 2rem;
}
.kids.kidsMylib .searchBox1 label {
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 8rem;
  margin-bottom: 1rem;
  vertical-align: top;
}

@media screen and (max-width: 480px) {
  /* 2020.2.26 こどもSP表示調整 */
  /* ブロック幅調整 */
  .kids .contents {
    width: 100%;
  }

  .kids.basic .contents .mainMargin {
    padding: 5px;
    border-radius: 0;
  }

  /* お知らせの見出し */
  .kids.kidsInfo .contentsMain .mainMargin h1 {
    border-right: none;
    padding: 0.8rem 0.5rem;
    font-size: 1.4rem;
    letter-spacing: 0;
    line-height: 1.5;
  }

  .kids .contents .mainMargin .mainBox h2 {
    padding: 0.8rem 0.5rem;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 480px) {
  .teens .gNav {
    background: none;
  }
}
.teens .contentsMain {
  margin: auto;
  position: relative;
}
@media screen and (max-width: 480px) {
  .teens .contentsMain {
    width: auto;
  }
}
.teens .contentsMain h1.teensTitle {
  border-bottom: none;
  width: 520px;
  margin-right: 75px;
  float: left;
  padding-bottom: 1.5rem;
}
@media screen and (max-width: 480px) {
  .teens .contentsMain h1.teensTitle {
    width: auto;
    text-align: center;
    float: none;
    margin: auto .5rem;
    padding-bottom: 1rem;
    margin-top: 1rem;
  }
}
.teens .contentsMain .main.column2 {
  float: right;
  margin-bottom: 3rem;
}
@media screen and (max-width: 480px) {
  .teens .contentsMain .main.column2 {
    float: none;
    width: auto;
    margin-bottom: 1rem;
  }
}
.teens .contentsMain .main .mainMargin > h1::before {
  content: '';
}
.teens .contentsMain .main h2 {
  padding-left: .5rem;
  vertical-align: middle;
  margin: 0 .5rem;
  border-bottom: #fa73a2 4px solid;
}
.teens .contentsMain .main h3 {
  border: 3px solid #64a2ff;
  color: black;
  margin: 1rem;
  background: #eefaff;
}
@media screen and (max-width: 480px) {
  .teens .contentsMain .main h3 {
    margin: 1rem .5rem;
  }
}
.teens .contentsMain .main h4 {
  border: 3px solid #64a2ff;
  background: #fff;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: .5rem 1rem;
}
.teens .contentsMain .main table {
  border-spacing: 5px;
}
.teens .contentsMain .main th,
.teens .contentsMain .main td {
  border: solid 2px #59CACA;
  background: #fff;
}
.teens .contentsMain .main th {
  background: #d3f1f1;
}
.teens .contentsMain .main .mainMargin {
  margin-left: 240px;
  background-color: transparent;
  text-align: left;
  border: 4px solid #fa73a2;
}
@media screen and (max-width: 480px) {
  .teens .contentsMain .main .mainMargin {
    padding-bottom: 1rem;
    margin-left: auto;
    margin-top: 1rem;
  }
}
.teens .contentsMain .main .mainMargin h1 {
  border-style: solid;
  border-width: 2px;
  border-color: #fa73a2;
  margin: 1rem;
  background-repeat: repeat;
  background-image: url("../images/ya_menu01_bk.png");
  background-color: inherit;
  background-position: center;
}
.teens .contentsMain .main .mainMargin h1::before, .teens .contentsMain .main .mainMargin h1::after {
  content: none;
}
.teens .contentsMain .main .mainMargin strong {
  color: #1A6788;
}
.teens .contentsMain .main .mainMargin a[target="_blank"]::after {
  display: none;
}
.teens .contentsMain .main .mainBox {
  padding: 0 1rem;
}
@media screen and (max-width: 480px) {
  .teens .contentsMain .main .mainBox {
    padding: 0 0.5rem;
  }
}
.teens .contentsMain .main .mainBox ul.menu {
  font-size: 0;
  margin: 2rem 1rem 3rem;
  text-align: center;
}
.teens .contentsMain .main .mainBox ul.menu li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
  margin: .5rem;
  min-width: 47%;
  font-size: 1.1rem;
  font-weight: bold;
  text-align: left;
  background-position: 50% 50%;
}
@media screen and (max-width: 480px) {
  .teens .contentsMain .main .mainBox ul.menu li {
    display: block;
    list-style-type: none;
  }
}
.teens .contentsMain .main .mainBox ul.menu li a {
  align-items: center;
  height: 10rem;
  border: 3px solid black;
  padding: 0 1rem;
  text-decoration: none;
  color: black;
  background-repeat: no-repeat;
  background-position: right center;
}
@media screen and (max-width: 480px) {
  .teens .contentsMain .main .mainBox ul.menu li a {
    height: 6rem;
  }
}
.teens .contentsMain .main .mainBox ul.menu li a:hover {
  background: rgba(90, 203, 203, 0.76);
}
.teens .contentsMain .main .mainBox ul.pageLink li, .teens .contentsMain .main .mainBox ul.Kids_Recommended_menu li, .teens .contentsMain .main .mainBox ul.pagein_Link li {
  border: #fdda3a solid 3px;
  color: #330000;
  font-weight: bold;
  border-radius: 0;
}
@media screen and (max-width: 480px) {
  .teens .contentsMain .main .mainBox ul.pageLink li, .teens .contentsMain .main .mainBox ul.Kids_Recommended_menu li, .teens .contentsMain .main .mainBox ul.pagein_Link li {
    display: block;
  }
}
.teens .contentsMain .main .mainBox ul.pageLink li a, .teens .contentsMain .main .mainBox ul.Kids_Recommended_menu li a, .teens .contentsMain .main .mainBox ul.pagein_Link li a {
  border-radius: 0;
  color: #330000;
  padding: 5px 10px 5px 10px;
  background: #fff3bc;
  border: none;
}
.teens .contentsMain .main .mainBox ul.pageLink li a::after, .teens .contentsMain .main .mainBox ul.Kids_Recommended_menu li a::after, .teens .contentsMain .main .mainBox ul.pagein_Link li a::after {
  display: none;
}
.teens .contentsMain .main .mainBox ul.pageLink li a:hover, .teens .contentsMain .main .mainBox ul.Kids_Recommended_menu li a:hover, .teens .contentsMain .main .mainBox ul.pagein_Link li a:hover {
  font-weight: bold;
  background: #fdda3a;
  border-radius: 0;
}
.teens .contentsMain .main .mainBox ul.Kids_Recommended_menu li {
  border: #64a2ff solid 3px;
}
.teens .contentsMain .main .mainBox ul.Kids_Recommended_menu li a {
  background: #eefaff;
}
.teens .contentsMain .main .mainBox ul.Kids_Recommended_menu li a:hover {
  background: #64a2ff;
}
.teens .contentsMain .main .mainBox .menuBox {
  padding: .5rem;
  margin: 1rem;
  border-bottom: 3px black solid;
  border-top: 3px black solid;
}
@media screen and (max-width: 480px) {
  .teens .contentsMain .main .mainBox .menuBox {
    background-repeat: repeat;
    background-position: top left;
    position: relative;
    margin-top: 3rem;
  }
}
.teens .contentsMain .main .mainBox ul.infoLink {
  text-align: right;
}
.teens .contentsMain .main .mainBox ul.infoLink li {
  list-style-type: none;
}
.teens .contentsMain .main .mainBox dl {
  margin-left: 1rem;
}
@media screen and (max-width: 480px) {
  .teens .contentsMain .main .mainBox .infoBox dl {
    margin-left: 0;
  }
}
.teens .contentsMain .main .mainBox .calBox .calt table {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 280px;
}
.teens .contentsMain .main .mainBox .linkBtn a {
  background: #3F74AD;
}
.teens .contentsMain .main .mainBox .linkBtn a:hover {
  background: #c8e8f3;
}
.teens .contentsMain .main .mainBox .articleHead {
  margin-top: 1rem;
}
.teens .contentsMain .side {
  margin-bottom: 5rem;
  margin-right: -310px;
  margin-left: 10px;
}
@media screen and (max-width: 480px) {
  .teens .contentsMain .side {
    width: auto;
    margin-right: auto;
    margin-left: auto;
  }
}
.teens .contentsMain .side H2 {
  display: none;
}
@media screen and (max-width: 480px) {
  .teens .contentsMain .side H2 {
    display: block;
    position: relative;
    background: none;
    border: solid 2px #cb4c4c;
    margin: 0.5rem;
    margin-bottom: 1rem;
    border-radius: 35px;
    color: #cb4c4c;
    padding-left: .5rem;
  }
  .teens .contentsMain .side H2::after {
    border-radius: 30px;
    right: 1rem;
  }
}
.teens .contentsMain .side .localNav {
  border: none;
}
.teens .contentsMain .side .localNav li {
  margin-top: .5rem;
  border-bottom: none;
  padding: 0;
}
.teens .contentsMain .side .localNav li::before {
  content: none;
}
.teens .contentsMain .side .localNav li:hover {
  background: none;
}
.teens .contentsMain .side .localNav li a {
  border: none;
  font-size: .75rem;
  border-radius: 35px;
  background-repeat: no-repeat;
  background-position: 1%;
  padding: 1.7rem .5rem 1.2rem 75px;
  word-break: break-word;
}
.teens .contentsMain .side .localNav li a::before {
  display: none;
}
@media screen and (max-width: 480px) {
  .teens .contentsMain .side .localNav li a {
    margin: .5rem;
    font-size: 1.2rem;
  }
}
.teens .contentsMain .side .localNav li a::after {
  display: none;
}
.teens .contentsMain .side .localNav li.nav01 a {
  border: solid 3px #fa73a2;
  background-image: url("../images/YA_gmenu_01.png");
}
.teens .contentsMain .side .localNav li.nav01 a:hover {
  background-color: #fee3ec;
}
.teens .contentsMain .side .localNav li.nav02 a {
  border: solid 3px #64a2ff;
  background-image: url("../images/YA_gmenu_02.png");
}
.teens .contentsMain .side .localNav li.nav02 a:hover {
  background-color: #e0ecff;
}
.teens .contentsMain .side .localNav li.nav03 a {
  border: solid 3px #c097ec;
  background-image: url("../images/YA_gmenu_03.png");
}
.teens .contentsMain .side .localNav li.nav03 a:hover {
  background-color: #ece0f9;
}
.teens .contentsMain .side .localNav li.nav04 a {
  border: solid 3px #ff8989;
  background-image: url("../images/YA_gmenu_04.png");
}
.teens .contentsMain .side .localNav li.nav04 a:hover {
  background-color: #ffd0d0;
}
.teens .contentsMain .side .localNav li.nav05 a {
  border: solid 3px #fdda3a;
  background-image: url("../images/YA_gmenu_05.png");
}
.teens .contentsMain .side .localNav li.nav05 a:hover {
  background-color: #fef0b0;
}
.teens .contentsMain .side .localNav li.nav06 a {
  border: solid 3px #9cedd6;
  background-image: url("../images/YA_gmenu_06.png");
}
.teens .contentsMain .side .localNav li.nav06 a:hover {
  background-color: #e1faf3;
}
.teens .contentsMain .side .localNav li.nav07 a {
  border: solid 3px #aad867;
  background-image: url("../images/YA_gmenu_07.png");
}
.teens .contentsMain .side .localNav li.nav07 a:hover {
  background-color: #ddefc2;
}
.teens .contentsMain .side .localNav li.nav08 a {
  border: solid 3px #6bdaff;
  background-image: url("../images/YA_gmenu_08.png");
}
.teens .contentsMain .side .localNav li.nav08 a:hover {
  background-color: #d2f4ff;
}
.teens .contentsMain .side .localNav li.nav09 a {
  border: solid 3px #efbcd6;
  background-image: url("../images/YA_gmenu_09.png");
}
.teens .contentsMain .side .localNav li.nav09 a:hover {
  background-color: #f9e4ef;
}
.teens.teensCorner .contentsMain .mainMargin {
  border-color: #fa73a2;
}
.teens.teensCorner .contentsMain .mainMargin h1 {
  border-color: #fa73a2;
  background-image: url("../images/ya_menu01_bk.png");
}
.teens.teensCorner .contentsMain .mainMargin .lib_ya h3 {
  position: relative;
  padding: 1.5rem 1rem;
  margin: 2rem 0;
}
@media screen and (max-width: 480px) {
  .teens.teensCorner .contentsMain .mainMargin .lib_ya h3 {
    position: inherit;
    padding: 1rem;
  }
}
.teens.teensCorner .contentsMain .mainMargin .lib_ya h3 span {
  font-size: .9rem;
  position: absolute;
  right: 1rem;
}
@media screen and (max-width: 480px) {
  .teens.teensCorner .contentsMain .mainMargin .lib_ya h3 span {
    position: inherit;
    display: block;
    text-align: right;
  }
}
.teens.teensCorner .contentsMain .mainMargin .lib_ya h3 span a {
  padding-bottom: 15px;
  padding-top: 15px;
  padding-right: 3rem;
}
.teens.teensCorner .contentsMain .mainMargin .lib_ya #tyuu span a {
  background: url("../images/ycorner-08.png") no-repeat right;
}
.teens.teensCorner .contentsMain .mainMargin .lib_ya #koma span a {
  background: url("../images/ycorner-06.png") no-repeat right;
}
.teens.teensCorner .contentsMain .mainMargin .lib_ya #suga span a {
  background: url("../images/ycorner-07.png") no-repeat right;
}
.teens.teensCorner .contentsMain .mainMargin .lib_ya #kami span a {
  background: url("../images/ycorner-05.png") no-repeat right;
}
.teens.teensCorner .contentsMain .mainMargin .lib_ya #ike span a {
  background: url("../images/ycorner-04.png") no-repeat right;
}
.teens.teensCorner .contentsMain .mainMargin .lib_ya #meji span a {
  background: url("../images/ycorner-03.png") no-repeat right;
}
.teens.teensCorner .contentsMain .mainMargin .lib_ya #chiha span a {
  background: url("../images/ycorner-02.png") no-repeat right;
}
.teens.teensCorner .contentsMain .mainMargin .lib_ya .iright {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 480px) {
  .teens.teensCorner .contentsMain .mainMargin .lib_ya .iright {
    display: block;
  }
}
.teens.teensCorner .contentsMain .mainMargin .lib_ya .Corner_text {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 49%;
  vertical-align: top;
}
@media screen and (max-width: 480px) {
  .teens.teensCorner .contentsMain .mainMargin .lib_ya .Corner_text {
    display: block;
    width: 100%;
  }
}
.teens.teensCorner .contentsMain .mainMargin .lib_ya .Corner_text p {
  margin-top: 0;
}
.teens.teensCorner .contentsMain .mainMargin ul.pageLink li {
  border-color: #fa73a2;
}
.teens.teensCorner .contentsMain .mainMargin ul.pageLink li a {
  background: #fee3ec;
}
.teens.teensCorner .contentsMain .mainMargin ul.pageLink li a:hover {
  background: #fa73a2;
}
.teens.teensCorner .contentsMain .side .localNav li.nav01 a {
  background-color: #fee3ec;
  padding-right: 1rem;
}
.teens.teensRecommend .contentsMain .mainMargin {
  border-color: #64a2ff;
}
.teens.teensRecommend .contentsMain .mainMargin .osusume {
  border-bottom: 5px solid #CCC;
  margin: 1rem auto;
  width: 95%;
}
.teens.teensRecommend .contentsMain .mainMargin .osusume th {
  border: 0;
  width: 150px;
  background: none;
}
@media screen and (max-width: 480px) {
  .teens.teensRecommend .contentsMain .mainMargin .osusume th {
    display: block;
    text-align: center;
    margin: auto;
    width: auto;
  }
}
.teens.teensRecommend .contentsMain .mainMargin .osusume th a[target="_blank"]::after {
  display: none;
}
.teens.teensRecommend .contentsMain .mainMargin .osusume td {
  border: 0;
  background: none;
  vertical-align: top;
}
@media screen and (max-width: 480px) {
  .teens.teensRecommend .contentsMain .mainMargin .osusume td {
    display: block;
    padding: 0;
  }
}
.teens.teensRecommend .contentsMain .mainMargin .osusume td h3 {
  margin-left: 0;
  margin-top: 0;
}
@media screen and (max-width: 480px) {
  .teens.teensRecommend .contentsMain .mainMargin .osusume td h3 {
    font-size: 1rem !important;
    padding: 0.5rem;
    line-height: 1.8rem;
    margin: 1rem 0rem;
  }
}
.teens.teensRecommend .contentsMain .mainMargin .osusume td h3.new {
  background-image: url("../images/yanewico.png");
  background-position: right;
  background-repeat: no-repeat;
  padding-right: 120px;
}
@media screen and (max-width: 480px) {
  .teens.teensRecommend .contentsMain .mainMargin .osusume td h3.new {
    background-image: url("../images/yanewico_sp.png");
    padding: .8rem 0.5rem;
    padding-right: 4rem;
  }
}
.teens.teensRecommend .contentsMain .mainMargin .osusume td h3 a[target="_blank"]::after {
  display: none;
}
.teens.teensRecommend .contentsMain .mainMargin .osusume td ul {
  text-align: right;
  font-size: .9rem;
}
.teens.teensRecommend .contentsMain .mainMargin .osusume td ul li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  list-style: none;
  margin-left: 1rem;
}
@media screen and (max-width: 480px) {
  .teens.teensRecommend .contentsMain .mainMargin .osusume td p {
    margin: 1rem 0rem 0rem;
  }
}
.teens.teensRecommend .contentsMain .mainMargin .osusume td p.date {
  text-align: right;
  font-size: .9rem;
}
.teens.teensRecommend .contentsMain .mainMargin h1 {
  border-color: #64a2ff;
  background-image: url("../images/ya_menu02_bk.png");
}
.teens.teensRecommend .contentsMain .mainMargin ul.pageLink li {
  border-color: #64a2ff;
}
.teens.teensRecommend .contentsMain .mainMargin ul.pageLink li a {
  background: #e0ecff;
}
.teens.teensRecommend .contentsMain .mainMargin ul.pageLink li a:hover {
  background: #64a2ff;
}
.teens.teensRecommend .contentsMain .side .localNav li.nav02 a {
  background-color: #e0ecff;
}
.teens.teensNewbook .contentsMain .mainMargin {
  border-color: #c097ec;
}
.teens.teensNewbook .contentsMain .mainMargin h1 {
  border-color: #c097ec;
  background-image: url("../images/ya_menu03_bk.png");
}
.teens.teensNewbook .contentsMain .mainMargin ul.pageLink li {
  border-color: #c097ec;
}
.teens.teensNewbook .contentsMain .mainMargin ul.pageLink li a {
  background: #ece0f9;
}
.teens.teensNewbook .contentsMain .mainMargin ul.pageLink li a:hover {
  background: #c097ec;
}
.teens.teensNewbook .contentsMain .side .localNav li.nav03 a {
  background-color: #ece0f9;
}
.teens.teensBestReader .contentsMain .mainMargin {
  border-color: #ff8989;
}
.teens.teensBestReader .contentsMain .mainMargin h1 {
  border-color: #ff8989;
  background-image: url("../images/ya_menu04_bk.png");
}
.teens.teensBestReader .contentsMain .side .localNav li.nav04 a {
  background-color: #ffd0d0;
}
.teens.teensPickup .contentsMain .mainMargin {
  border-color: #fdda3a;
}
.teens.teensPickup .contentsMain .mainMargin h1 {
  border-color: #fdda3a;
  background-image: url("../images/ya_menu05_bk.png");
}
.teens.teensPickup .contentsMain .mainMargin ul.pageLink li {
  border-color: #fdda3a;
}
.teens.teensPickup .contentsMain .mainMargin ul.pageLink li a {
  background: #fef0b0;
}
.teens.teensPickup .contentsMain .mainMargin ul.pageLink li a:hover {
  background: #fdda3a;
}
.teens.teensPickup .contentsMain .side .localNav li.nav05 a {
  background-color: #fef0b0;
}
.teens.teensPickup .contentsMain .infoBox dl dt {
  background: none;
}
.teens.teensPickup .contentsMain dl.date dt {
  background: none;
}
.teens.teensPickup p.pickup_coment {
  margin-bottom: 2rem;
}
.teens.teensPickup .pickup_contents {
  padding-top: 1.5rem;
  border-top: solid 1px #fdda3a;
  margin-bottom: 1.5rem;
}
.teens.teensPickup .pickup_contents p {
  text-align: center;
}
@media screen and (max-width: 480px) {
  .teens.teensPickup .pickup_contents {
    padding-top: 1rem;
  }
}
.teens.teensPickup .pickup_contents h2 {
  background: #fff2b7;
  border: solid 1px #fdda3a;
  margin-top: .5rem;
  padding: 1rem;
  padding-left: 1.5rem;
  border-radius: 30px;
}
@media screen and (max-width: 480px) {
  .teens.teensPickup .pickup_contents h2 {
    padding: 0.5rem 1rem;
    font-size: 1.2rem;
  }
}
.teens.teensPickup .pickup_contents ul {
  text-align: right;
  margin-right: 1.5rem;
}
.teens.teensPickup .pickup_contents ul li {
  list-style: none;
  line-height: 1rem;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-left: 1rem;
  margin-right: auto;
}
.teens.teensPoint .contentsMain .mainMargin {
  border-color: #9cedd6;
}
.teens.teensPoint .contentsMain .mainMargin h1 {
  border-color: #9cedd6;
  background-image: url("../images/ya_menu06_bk.png");
}
.teens.teensPoint .contentsMain .mainMargin table.bnone {
  border-spacing: 0px;
}
.teens.teensPoint .contentsMain .mainMargin table.bnone th {
  background: none;
  border-radius: 0px;
  border: 0;
  border-bottom: 1px solid #F66;
  text-align: center;
  vertical-align: middle;
}
.teens.teensPoint .contentsMain .mainMargin table.bnone th.moku, .teens.teensPoint .contentsMain .mainMargin table.bnone th.saku, .teens.teensPoint .contentsMain .mainMargin table.bnone th.oku {
  width: 150px;
}
.teens.teensPoint .contentsMain .mainMargin table.bnone td {
  background: none;
  border-radius: 0px;
  border: 0;
  border-bottom: 1px solid #F66;
}
.teens.teensPoint .contentsMain .mainMargin ul.pageLink li {
  border-color: #9cedd6;
}
.teens.teensPoint .contentsMain .mainMargin ul.pageLink li a {
  background: #e1faf3;
}
.teens.teensPoint .contentsMain .mainMargin ul.pageLink li a:hover {
  background: #9cedd6;
}
.teens.teensPoint .contentsMain .mainMargin table.ndc {
  border-spacing: 3px;
  margin: auto;
}
.teens.teensPoint .contentsMain .mainMargin table.ndc th, .teens.teensPoint .contentsMain .mainMargin table.ndc td {
  text-align: center;
  border: solid 1px #59CACA;
  border-radius: 0;
}
.teens.teensPoint .contentsMain .mainMargin table.ndc th {
  padding: 0rem;
  vertical-align: middle;
  padding: .5rem;
  text-align: center;
  width: 9%;
  white-space: nowrap;
}
.teens.teensPoint .contentsMain .mainMargin table.ndc td {
  padding: .2rem;
  text-align: center;
}
.teens.teensPoint .contentsMain .side .localNav li.nav06 a {
  background-color: #e1faf3;
}
.teens.teensLink .contentsMain .mainMargin {
  border-color: #aad867;
}
.teens.teensLink .contentsMain .mainMargin h1 {
  border-color: #aad867;
  background-image: url("../images/ya_menu07_bk.png");
}
.teens.teensLink .contentsMain .mainMargin ul.pageLink li {
  border-color: #aad867;
}
.teens.teensLink .contentsMain .mainMargin ul.pageLink li a {
  background: #ddefc2;
}
.teens.teensLink .contentsMain .mainMargin ul.pageLink li a:hover {
  background: #aad867;
}
.teens.teensLink .contentsMain .side .localNav li.nav07 a {
  background-color: #ddefc2;
}
.teens.teensSchool .contentsMain .mainMargin {
  border-color: #6bdaff;
}
.teens.teensSchool .contentsMain .mainMargin h1 {
  border-color: #6bdaff;
  background-image: url("../images/ya_menu08_bk.png");
}
.teens.teensSchool .contentsMain .mainMargin ul.pageLink li {
  border-color: #6bdaff;
}
.teens.teensSchool .contentsMain .mainMargin ul.pageLink li a {
  background: #d2f4ff;
}
.teens.teensSchool .contentsMain .mainMargin ul.pageLink li a:hover {
  background: #6bdaff;
}
.teens.teensSchool .contentsMain .side .localNav li.nav08 a {
  background-color: #d2f4ff;
}
.teens.teensCharacter .contentsMain .mainMargin {
  border-color: #efbcd6;
}
.teens.teensCharacter .contentsMain .mainMargin h1 {
  border-color: #efbcd6;
  background-image: url("../images/ya_menu09_bk.png");
}
.teens.teensCharacter .contentsMain .mainMargin ul.pageLink li {
  border-color: #efbcd6;
}
.teens.teensCharacter .contentsMain .mainMargin ul.pageLink li a {
  background: #f9e4ef;
}
.teens.teensCharacter .contentsMain .mainMargin ul.pageLink li a:hover {
  background: #efbcd6;
}
.teens.teensCharacter .contentsMain .side .localNav li.nav09 a {
  background-color: #f9e4ef;
}
.teens.teensInfo .contentsMain .mainMargin {
  border-color: #58c1cb;
}
.teens.teensInfo .contentsMain .mainMargin h1 {
  margin: 1.5rem 0;
  border-left: none;
  border-right: none;
  border-top: solid 1.5rem #58c1cb;
  border-bottom: solid .5rem #58c1cb;
  padding: 1rem 0 1rem 1.5rem;
  color: #4b4b4b;
  background-image: none;
}
.teens.teensNewbook .mainBox .floatBox, .teens.teensCharacter .mainBox .floatBox, .teens.teensBestReader .mainBox .floatBox {
  margin: auto;
  text-align: center;
  margin-top: 1rem;
}
.teens.teensNewbook .mainBox .floatBox li, .teens.teensCharacter .mainBox .floatBox li, .teens.teensBestReader .mainBox .floatBox li {
  list-style: none;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding-left: 0;
  width: auto;
}
.teens.teensNewbook .mainBox .floatBox li p, .teens.teensCharacter .mainBox .floatBox li p, .teens.teensBestReader .mainBox .floatBox li p {
  margin-left: 0;
}
.teens .mainBox dl.exbox1 {
  margin: 1.5em 2em;
  overflow: hidden;
  height: auto;
}
.teens .mainBox dl.exbox1 dt {
  border-radius: 50%;
  background-color: #FDD1CC;
  width: 3em;
  padding: 0px;
  font-weight: bold;
  text-align: center;
  font-size: 110%;
  color: #B40303;
  float: left;
  margin: 0 1em 0px 0px !important;
  padding: 0 !important;
  border: 0 !important;
}
.teens .mainBox dl.exbox1 dd {
  font-size: 100%;
  overflow: auto;
}
.teens .mainBox .ts_opacimg_left p {
  width: 48%;
  margin: auto;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.teens .mainBox dl.exbox2 {
  margin: 1.5em 2em;
  background: #EDEDED;
  padding: 10px 20px;
}
.teens .mainBox dl.exbox2 dt {
  width: 5em;
  padding: 0px;
  font-weight: bold;
  font-size: 100%;
  color: #CB3462;
  background: none;
}
.teens .mainBox dl.exbox2 dd {
  font-size: .9rem;
}
.teens .mainBox .floatBox li {
  list-style: none;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding-left: 0;
  width: 45%;
  text-align: left;
  padding: 1%;
}
@media screen and (max-width: 480px) {
  .teens .mainBox .floatBox li {
    display: block;
    width: inherit;
  }
}
.teens .mainBox .floatBox li ol {
  margin-left: 2rem;
}
.teens .mainBox .floatBox li ol li {
  width: 90%;
  display: block;
  padding-bottom: 0;
}
.teens .mainBox .floatBox li p {
  margin-left: 0;
  margin-right: 0;
}
@media screen and (max-width: 480px) {
  .teens .mainBox .floatBox li p {
    margin: 1rem 1rem 0rem;
  }
}
.teens .mainBox dt {
  background: #E7DAE6;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
.teens.teensPoint .mainBox .floatBox {
  text-align: center;
  margin: auto;
}
.teens.teensTop .contentsMain .what_ya {
  float: right;
  width: 320px;
  text-align: left;
}
@media screen and (max-width: 480px) {
  .teens.teensTop .contentsMain .what_ya {
    display: block;
    width: auto;
    margin: .5rem;
    float: none;
  }
}
.teens.teensTop .contentsMain .what_ya h2 {
  border: none;
  text-align: left;
  padding: 0;
  margin: 0;
}
.teens.teensTop .contentsMain .what_ya p {
  margin: 0;
  border-bottom: dotted 1px;
  display: inline;
  font-size: .9rem;
  line-height: 1.7rem;
}
@media screen and (max-width: 480px) {
  .teens.teensTop .contentsMain .what_ya {
    background-size: 100%;
    background: none;
    padding: .5rem;
  }
}
.teens.teensTop .contentsMain h1.teensTitle {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
@media screen and (max-width: 480px) {
  .teens.teensTop .contentsMain h1.teensTitle {
    display: block;
  }
}
.teens.teensTop .contentsMain .main {
  border: none;
  zoom: 1;
}
.teens.teensTop .contentsMain .main:before, .teens.teensTop .contentsMain .main:after {
  content: "";
  display: table;
}
.teens.teensTop .contentsMain .main:after {
  clear: both;
}
.teens.teensTop .contentsMain .main.column2 .mainMargin {
  border: none;
}
.teens.teensTop .contentsMain .main .mainBox {
  background-color: transparent;
  background: none;
  margin-top: 0;
  border: none;
}
.teens.teensTop .contentsMain .main .mainBox dl dt {
  background: none;
}
@media screen and (max-width: 480px) {
  .teens.teensTop .contentsMain .main .mainBox .yasearch {
    margin-top: 1rem;
  }
}
.teens.teensTop .contentsMain .main .mainBox .yasearch h2 {
  margin: auto;
  text-align: center;
  padding-bottom: 0;
  margin-bottom: 0;
  line-height: 0;
  border-bottom: 0;
  padding: 0px;
}
.teens.teensTop .contentsMain .main .mainBox .yasearch h2 a {
  width: 285px;
  height: 307px;
  display: block;
  margin: auto;
}
@media screen and (max-width: 480px) {
  .teens.teensTop .contentsMain .main .mainBox .yasearch h2 a {
    height: auto;
    width: auto;
  }
}
.teens.teensTop .contentsMain .main .mainBox .yasearch h2 a:hover {
  background: url("../images/YaTop_Search_on.png") no-repeat;
}
@media screen and (max-width: 480px) {
  .teens.teensTop .contentsMain .main .mainBox .yasearch h2 a:hover {
    background: none;
  }
}
.teens.teensTop .contentsMain .main .mainBox .yasearch h2 a:hover img {
  display: none;
}
@media screen and (max-width: 480px) {
  .teens.teensTop .contentsMain .main .mainBox .yasearch h2 a:hover img {
    display: block;
    text-align: center;
    margin: auto;
  }
}
.teens.teensTop .contentsMain .main .mainBox .infoTeens h2 {
  border-top: solid 1.5rem #58c1cb;
  border-bottom: solid .5rem #58c1cb;
  padding: 1rem 0 1rem 1.5rem;
  color: #4b4b4b;
}
.teens.teensTop .contentsMain .main .mainBox .infoTeens ul.infoTeens-list {
  width: 100%;
  margin: auto;
  text-align: center;
  padding: 2rem 0;
}
.teens.teensTop .contentsMain .main .mainBox .infoTeens ul.infoTeens-list li {
  list-style: none;
}
.teens.teensTop .contentsMain .main .mainBox .infoTeens ul.infoTeens-list li a {
  text-decoration: none;
  border: 2px solid #58c1cb;
  padding: .9rem 100px;
}
@media screen and (max-width: 480px) {
  .teens.teensTop .contentsMain .main .mainBox .infoTeens ul.infoTeens-list li a {
    padding: .9rem 4rem;
  }
}
.teens.teensTop .contentsMain .main .mainBox .infoTeens ul.infoTeens-list li a:hover {
  background: #cdecef;
}
.teens.teensTop .contentsMain .main .mainMargin {
  background-color: transparent;
  margin-left: 330px;
}
@media screen and (max-width: 480px) {
  .teens.teensTop .contentsMain .main .mainMargin {
    margin: auto;
  }
}
.teens.teensTop .contentsMain .main .mainMargin .localNav li a {
  font-size: 1.2rem;
}
@media screen and (max-width: 480px) {
  .teens.teensTop .contentsMain .main .mainMargin {
    padding: 0;
  }
}
.teens.teensTop .contentsMain .side {
  width: 300px;
}
@media screen and (max-width: 480px) {
  .teens.teensTop .contentsMain .side {
    width: auto;
  }
}
.teens.teensTop .contentsMain .side .localNav ul li a {
  font-size: 1.2rem;
}
.teens.teensInfo .mainBox dl dt {
  background: none;
}

.BookingEntry .main h1 {
  padding: 2.5rem 0.9rem 0.9rem;
}
.BookingEntry fieldset {
  text-align: center;
}
.BookingEntry fieldset div {
  margin: 0.2rem auto;
  text-align: center;
}
.BookingEntry fieldset label.entry {
  width: 11rem;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background: #594b46;
  color: #fff;
  text-align: right;
  padding: .5rem;
  font-weight: bold;
  margin: 0.2rem 0;
}
.BookingEntry fieldset input {
  width: 11rem;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  line-height: 1.4rem;
  height: auto;
  padding: .5rem;
}
.BookingEntry .button a {
  display: block;
  margin: 1rem;
}
.BookingEntry input[value="クリア"] {
  background: #d6d2d6;
  box-shadow: #abaaad 0px 3px 0px;
  color: #412614;
}

.bookingFormBox {
  width: 75%;
  text-align: center;
  margin: auto;
}
@media screen and (max-width: 480px) {
  .bookingFormBox {
    width: 100%;
  }
}

.bookingUserDetail .contents {
  margin: auto;
  text-align: center;
}
.bookingUserDetail .main h1 {
  padding: 2.5rem 0.9rem 0.9rem;
  text-align: left;
}
.bookingUserDetail .main h2 {
  text-align: left;
}
.bookingUserDetail .main input[type="submit"] {
  margin: 0 auto 1rem auto;
  text-align: center;
}
.bookingUserDetail .main dl {
  display: table;
  border-collapse: separate;
  border-spacing: 3px;
  margin: auto;
  text-align: center;
  width: 100%;
  table-layout: fixed;
  border-bottom: solid 1px #51771d;
}
@media screen and (max-width: 480px) {
  .bookingUserDetail .main dl {
    display: block;
    border-bottom: none;
  }
}
.bookingUserDetail .main dl dt {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  font-weight: bold;
  line-height: 1.2rem;
  padding: .7rem;
  width: 10rem;
  background: #e1ecd2;
}
@media screen and (max-width: 480px) {
  .bookingUserDetail .main dl dt {
    display: block;
    border-bottom: solid 1px #51771d;
    width: auto;
    text-align: left;
    margin: auto;
  }
}
.bookingUserDetail .main dl dt::before {
  content: none;
}
.bookingUserDetail .main dl dt .reqd {
  display: block;
  font-size: .8rem;
  color: #e61818;
}
@media screen and (max-width: 480px) {
  .bookingUserDetail .main dl dt .reqd {
    display: inline;
    margin-left: .5rem;
  }
}
.bookingUserDetail .main dl dd {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding: .5rem;
  color: #412614;
  line-height: 1.2rem;
  background: #fff;
  border-radius: 5px;
  word-break: break-all;
}
@media screen and (max-width: 480px) {
  .bookingUserDetail .main dl dd {
    display: block;
    border-bottom: none;
    width: auto;
    text-align: left;
    margin-left: 0;
  }
  .bookingUserDetail .main dl dd input[type="text"],
  .bookingUserDetail .main dl dd input[type="password"] {
    width: 99%;
  }
  .bookingUserDetail .main dl dd.age input[type="text"] {
    width: 3rem;
    margin-right: .5rem;
  }
}
.bookingUserDetail .main dl dd.kome {
  margin-top: 0;
  font-size: 0.9rem;
  border: none;
  width: auto;
  display: table-caption;
  margin: 0;
  padding: .3rem 0 0;
  text-align: right;
}
@media screen and (max-width: 480px) {
  .bookingUserDetail .main dl dd.kome {
    padding: 0 0 .5rem;
    text-align: left;
    display: block;
  }
}
.bookingUserDetail .main dl dd.itemerror {
  display: table-footer-group;
  white-space: nowrap;
  font-size: .9rem;
  color: #fa0000;
}
@media screen and (max-width: 480px) {
  .bookingUserDetail .main dl dd.itemerror {
    margin: 0;
    display: block;
    padding-top: 0;
  }
}
.bookingUserDetail .main dl dd textarea {
  width: 100%;
}
.bookingUserDetail .main p.button {
  margin: 1.5rem;
}
.bookingUserDetail input[value="取消"] {
  background: #d6d2d6;
  box-shadow: #abaaad 0 3px 0;
  color: #412614;
}

.seatWeb .mainBox h2 span {
  font-size: 2rem;
}
.seatWeb .mainBox h2.title span.title_sub {
  font-size: 1rem;
  font-weight: normal;
  margin-left: 1rem;
}
.seatWeb .mainBox h2.title br {
  display: none;
}
.seatWeb .mainBox p.small {
  font-size: 1rem;
}
.seatWeb .mainBox div[align="center"] table {
  width: 80% !important;
}
@media screen and (max-width: 480px) {
  .seatWeb .mainBox div[align="center"] table {
    width: 98% !important;
  }
}
.seatWeb .mainBox div[align="center"] table th {
  text-align: right;
  width: auto !important;
  white-space: nowrap;
}
.seatWeb .mainBox form[name="fmain"] {
  text-align: center;
  margin: auto;
}
.seatWeb .mainBox form[name="fmain"] .colon {
  margin: 1.5rem auto .5rem;
  display: block;
  font-weight: bold;
  font-size: 1.4rem;
}
.seatWeb .mainBox form[name="fmain"] ul {
  margin: 0;
}
.seatWeb .mainBox div div div table {
  width: 98% !important;
}
.seatWeb .mainBox .spTable th {
  font-size: 1.2rem;
  white-space: nowrap;
}
@media screen and (max-width: 480px) {
  .seatWeb .mainBox .spTable th {
    font-size: 1rem;
  }
}
@media screen and (max-width: 480px) {
  .seatWeb .mainBox form + div {
    width: 100%;
    overflow-x: auto;
  }
  .seatWeb .mainBox form + div .spTable {
    width: 700px !important;
  }
  .seatWeb .mainBox form + div + div form {
    width: 100%;
    overflow-x: auto;
  }
  .seatWeb .mainBox form + div + div form .spTable {
    width: 700px !important;
  }
  .seatWeb .mainBox div div div {
    width: 100%;
    overflow-x: auto;
  }
  .seatWeb .mainBox div div div table {
    width: 800px !important;
  }
}
.seatWeb .mainBox p.tablebottom {
  margin: .5rem;
}
.seatWeb .mainBox p.tablebottom br {
  display: none;
}
.seatWeb .mainBox p.tablebottom + br {
  display: none;
}
.seatWeb .mainBox .seatinformation {
  margin: 1rem auto;
}
.seatWeb .mainBox .seatinformation th {
  background: #d7e8d7;
  font-size: 1.2rem;
  color: #1E4008;
}
.seatWeb .mainBox .seatinformation td {
  border: 1px solid #d7e8d7;
}
@media screen and (max-width: 480px) {
  .seatWeb .mainBox .seatinformation td,
  .seatWeb .mainBox .seatinformation th {
    display: block;
  }
  .seatWeb .mainBox .seatinformation td {
    margin-bottom: .5rem;
  }
}

.evaluatePanel {
  margin: 1rem;
  background: #f4f4f4;
  padding: 1rem 1.5rem;
}
@media screen and (max-width: 480px) {
  .evaluatePanel {
    margin: 1rem 0;
    padding: 1rem .5rem;
  }
}
.evaluatePanel fieldset {
  margin-bottom: 1rem;
}
.evaluatePanel fieldset input[type="checkbox"] {
  margin-left: 0;
}
@media screen and (max-width: 480px) {
  .evaluatePanel fieldset {
    margin-left: 0;
  }
}
.evaluatePanel fieldset legend {
  border-bottom: 1px solid #594b46;
  margin-bottom: .5rem;
}
.evaluatePanel ul.feedbackPanel {
  background: #fff;
  margin-left: 2.5rem;
  margin: 0 0 1rem;
  padding: .5rem .5rem .5rem 2rem;
}
.evaluatePanel ul.feedbackPanel li {
  color: #c42525;
}
.evaluatePanel .margin small {
  display: block;
  margin: .5rem;
}
.evaluatePanel textarea {
  width: 100%;
}
.evaluatePanel .feedbackPanelERROR + p {
  margin: auto;
  text-align: right;
}
.evaluatePanel .feedbackPanelERROR + p a {
  font: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  color: #fff;
  cursor: pointer;
  background-color: #594b46;
  border-radius: 5px;
  padding: 3px 15px;
  vertical-align: middle;
  height: auto;
  -webkit-transition: background 0.3s ease-out;
  -moz-transition: background 0.3s ease-out;
  transition: background .3s ease-out;
  -ms-transition: background 0.3s ease-out;
  box-shadow: 0 3px 0 #d6ccbf;
  text-decoration: none;
  margin: 10px auto;
  color: #FFF;
  background-color: #7dcc3e;
  box-shadow: 0 3px 0 #4aa211;
  margin: 10px auto;
  padding: .5rem;
}
.evaluatePanel .feedbackPanelERROR + p a:hover {
  box-shadow: 0 1px 0 #d6ccbf;
  margin: 12px auto 8px;
  color: #330000;
  background: #f7ae00;
}
.evaluatePanel .feedbackPanelERROR + p a:hover {
  background: #4aa211;
}
@media screen and (max-width: 480px) {
  .evaluatePanel .feedbackPanelERROR + p {
    margin-bottom: 2rem;
  }
}

#honbun div.chart ul {
  background: #fff !important;
  margin: 1rem auto !important;
}
#honbun div.chart ul li {
  margin-bottom: .5rem !important;
}

body.mylib h1 a.barcode {
  margin-left: 1rem;
  font-size: .9rem;
}
@media screen and (max-width: 480px) {
  body.mylib h1 a.barcode {
    display: inline-block;
  }
}

.barcodeSP {
  visibility: hidden;
}
@media screen and (max-width: 480px) {
  .barcodeSP {
    visibility: visible;
  }
}

body.mylib .bookdetail .place {
  margin-top: 1rem;
}
@media screen and (max-width: 480px) {
  body.mylib .bookdetail .place {
    border: none;
  }
}
body.mylib .bookdetail .place h3 {
  float: left;
  margin: 0rem;
  border: none;
  margin-right: 1rem;
  padding: 0.1rem 1rem;
  font-size: 1.1rem !important;
  color: #3c352b;
  line-height: 1.7rem;
  text-align: left;
  border-radius: 15px;
  background: #efeeed;
}
@media screen and (max-width: 480px) {
  body.mylib .bookdetail .place h3 {
    float: none;
    margin-right: 0;
  }
}
body.mylib .bookdetail .place div {
  overflow: auto;
  zoom: 1;
  padding: 0rem 0rem 1rem;
}
body.mylib .bookdetail .place dl {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 0.1rem 1rem 0.1rem 0rem;
  font-size: .95rem;
  border: 1px solid #c7c7c7;
  border-radius: 15px;
  padding: 0rem 1rem;
}
@media screen and (max-width: 480px) {
  body.mylib .bookdetail .place dl {
    margin: 0.2rem 1rem 0.2rem 0rem;
  }
}
body.mylib .bookdetail .place dt {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 0px;
  border-radius: 4px;
  line-height: 1;
}
body.mylib .bookdetail .place dt:before {
  content: no-close-quote;
  font-size: 0;
}
body.mylib .bookdetail .place dd {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 0rem;
  line-height: 1;
}