@charset "UTF-8";

.castlist a {
  margin-left: 0px;
}
.castlist p.icon-new {
  width: 28%;
}
.castlist p.icon-new img {
  width: 100%;
}
#today article.castlist {
  width: 33.25% !important;
  box-sizing: border-box !important;
  padding: 2px !important;
}

#topix article.recent p.thum img {
  width: 100%;
  height:auto;
}
#topix article.recent div.text {
  vertical-align: top;
  padding-right: 10px;
}
div.seo{
  width: 100%;
  box-sizing: border-box;
  padding: 0px 10px;
  height: auto;
  overflow-y: auto;
  margin-bottom: 30px;
}
div.seo h2,div.seo h3{
  line-height:1.5em;
}
div.seo h2,div.seo h3{
  font-size: 1.2em;
  color: #00305b;
  margin-bottom: 1em;
}
div.seo p{
  line-height:1.75em;
  margin-bottom:1em;
  font-size:1em;
}
.banner-row a {
  text-align: center;
}
.banner-row img {
  width:initial;
  max-width: 100%;
  vertical-align: bottom;
}
p.more{
  text-align:right;
}
p.more a{
  display:inline-block;
  box-sizing:border-box;
  padding:2px 5px;
  border:1px solid #000;
  margin-right:2px;
  border-radius:2px;
  color:#fff;
  background: #004685;
}
#diary p.icon-new {
  position: absolute;
  top: 0;
  right: 0;
}
#diary p.icon-new img {
  width: 30px;
  vertical-align: bottom;
}
.marquee{
  position:relative;
}
.marquee div:after {
  content:"";
  white-space:nowrap;
  padding-right:50px;
}
.marquee div {
  margin:0;
  padding-left:300px;
  display:inline-block;
  white-space:nowrap;
  -webkit-animation-name:marquee;
  -webkit-animation-timing-function:linear;
  -webkit-animation-duration:10s;
  -webkit-animation-iteration-count:infinite;
  -moz-animation-name:marquee;
  -moz-animation-timing-function:linear;
  -moz-animation-duration:10s;
  -moz-animation-iteration-count:infinite;
  -ms-animation-name:marquee;
  -ms-animation-timing-function:linear;
  -ms-animation-duration:10s;
  -ms-animation-iteration-count:infinite;
  -o-animation-name:marquee;
  -o-animation-timing-function:linear;
  -o-animation-duration:10s;
  -o-animation-iteration-count:infinite;
  animation-name:marquee;
  animation-timing-function:linear;
  animation-duration:10s;
  animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}
#blog ul{
  font-size:0;
  line-height:1em;
  box-sizing:border-box;
  padding:2px;
}
#blog ul li{
  display:inline-block;
  width:33.3%;
  box-sizing:border-box;
  padding:2px;
}