@charset "utf-8";
/* CSS Document */

/*
 Theme Name:   yokohamasaniku
 Template:     twentythirteen
*/

#contentBox {
  margin-top:40px !important;
}

.entry-title {
  display: inline-block;
  position: relative;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom:20px;
}

.entry-meta {
  font-size:1.0rem;
}

.entry-content {
  padding:0 20px;
  margin-top:20px;
}

@media only screen and (max-width: 768px) {
  .entry-content {
  padding:0;
}
}

.entry-content h1 {
  font-size:2.8rem;
  font-weight:bold;
}

.entry-content h2 {
  color: #0064c8;
  font-size: 2.4rem;
  font-weight: bold;
  padding: 0 40px;
  animation: fadeIn 3s ease 0s 1 normal;
  -webkit-animation: fadeIn 3s ease 0 1 normal;
  margin: 0;
  background: linear-gradient(transparent 65%, #bfd8f1 0);
  line-height: 1.1;
}

.entry-content h3 {
  position: relative;
  text-align: center;
  padding: 0 30px 0 20px;
  font-size: 1.8rem;
  font-weight: bold;
}

.entry-content h4 {
  position: relative;
  text-align: center;
  padding: 5px;
  font-size: 1.2rem;
  font-weight: bold;
  
}

.entry-content h5 {
  margin-top: 0;
  font-size: 1.2rem;  color: #8cc66d;
  font-weight: bold;
}

.entry-content h6 {
  font-size: 1.0rem;
}

.entry-content em {
  font-style: italic;
}

.entry-content ul {
  list-style-type:disc;
  display: inline-block;
}

.entry-content ol {
  list-style-type: decimal;
  display: inline-block;
}



.entry-content blockquote {
    position: relative;
    padding: 10px 25px;
    box-sizing: border-box;
    font-style: italic;
    color: #464646;
    border: solid 3px #bfd8f1;
}

.entry-content blockquote:before{
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    height: 35px;
    border-radius: 0 0 30px;
    vertical-align: middle;
    content: "\f10d";
    font-family: FontAwesome;
    background: #bfd8f1;
    color: #FFF;
    font-size: 22px;
    line-height: 1;
    font-weight: 900;
}

.entry-content blockquote p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}

.entry-content blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}





.entry-content > p {
  margin: 20px 0;
  line-height: 1.6;
  font-size: 1.0rem;
  font-feature-settings: "palt" 1;
  /*text-indent: 1em;*/
}

.author,
.edit-link,
.comment-form-comment,
.nav-links,
.comment-respond,
.screen-reader-text,
.categories-links,
.date {
  display:none;
}

.getDate,
.getCategory {
  text-align:center;
  margin:5px;
}

.getDate {
  font-size:1.1rem;
}

.getCategory {
  color:#FFF;
  width:100px;
  margin:0 auto;
  font-size:1.0rem;
}


.entry-content img {
  /*width:auto !important;*/
}

.entry-content .size-full {
  max-width:616px;
  width:100%;
}

.entry-content .size-medium {
  max-width:300px;
  width:100%;
}

@media only screen and (max-width: 768px) {
.entry-content .size-full,
.entry-content .size-medium {
  max-width:initial;
}
}


p.life {
  background:#0064c8;
}

p.exam {
  background:#e94829;
}

p.event {
  background:#00a78c;
}

p.teacher {
  background:#a87fb7;
}

p.graduate {
  background:#00a0cd;
}

p.topics {
  background:#b8d669;
}

p.life,
p.exam,
p.event,
p.teacher,
p.graduate,
p.topics {
  border-radius:5px;
}

p.pd15{
	padding-bottom:1.5em;
}


.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}




figure {
  /*display: inline-block;*/
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  width:auto !important;
}

figcaption {
}