@import url(../inc/css/font-awesome/css/font-awesome.min.css);

#main {
  padding-top: 0;
}

em {
  font-style: normal;
}

ul.list {
  list-style: disc !important;
  margin: 0 0 5px 1em;
  padding: 0 0 0 1em;
}

#entryArea .l-box {
  padding: 15px;
}

#contents {
  margin-top: 0;
  padding: 0;
}

@media screen and (min-width: 769px) {
  #mainimgArea {
    position: relative;
    width: 840px;
    margin: 0 auto -120px;
  }
  #mainimgArea h1 {
    position: absolute;
    top: -150px;
    left: 0;
    right: 0;
    z-index: 0;
    background: url(/inc/images/column/bg_mainimg.png) center top repeat-x #fff;
    border: solid 5px #ccc;
    border-radius: 3rem;
  }
  #mainimgArea img {
    display: inline;
  }
}

#mainimgArea img.mblogo {
  display: none;
}

@media screen and (max-width: 768px) {
  #mainimgArea {
    min-height: inherit;
    background: none;
  }

  #mainimgArea img {
    display: none;
  }

  #mainimgArea h1 strong {
    display: block;
    font-size: 20px;
    padding: 10px 0;
    border-radius: 0;
    margin: 0 auto;
  }
  #mainimgArea img.mblogo {
    display: block;
    width: 100%;
    height: auto;
  }
}

#mainimgArea {
  min-height: 270px;
}

@media screen and (max-width: 768px) {
  #mainimgArea {
    min-height: inherit;
    background: none;
  }

  #mainimgArea img {
    display: none;
  }

  #mainimgArea img.mblogo {
    display: inline-block;
    width: auto;
    height: inherit;
  }
}

@media screen and (max-width: 480px) {
  #mainimgArea img.mblogo {
    display: block;
    width: 100%;
    height: auto;
  }
}

#mainimgArea img.pclogo {
  width: 350px;
}

#mainimgArea.complete {
  position: relative;
  min-height: 430px;
}

#mainimgArea.complete h1 {
  font-size: 120%;
  line-height: 2;
}

#mainimgArea.complete h1 em {
  height: 430px;
  padding: 115px 0 35px;
}

#mainimgArea.complete h1 em img {
  position: absolute;
  bottom: 0;
}

@media screen and (max-width: 768px) {
  #mainimgArea.complete h1 em {
    min-height: inherit;
  }

  #mainimgArea.complete h1 em img {
    display: none;
  }

  #mainimgArea.complete h1 em img.mblogo {
    width: auto;
    height: inherit;
  }
}

#mainimgArea h1 {
  text-align: center;
  display: block;
  margin: 0;
  padding: 0;
}

#mainimgArea h1 em {
  padding: 35px 0;
  font-style: normal;
  display: block;
  margin: 0 auto;
  position: relative;
  max-width: 940px;
  height: 303px;
}

@media screen and (min-width: 768px) {
  #mainimgArea h1 em {
    background:
      url(/inc/images/column/img_lady.png) no-repeat 0 100%,
      url(/inc/images/column/img_man.png) no-repeat 100% 100%;
  }
}

@media screen and (max-width: 768px) {
  #mainimgArea h1 em {
    height: auto;
    padding: 0;
  }
}

#mainimgArea h1 em {
  padding: 40px 0;
  height: 222px;
}

@media screen and (max-width: 768px) {
  #mainimgArea h1 em {
    display: block;
    background: #fff;
    padding: 0;
    text-align: center;
  }
}

@media screen and (max-width: 480px) {
  #mainimgArea h1 em {
    height: auto;
  }
}

#mainimgArea h1 em .lady,
#mainimgArea h1 em .man {
  position: absolute;
  bottom: 0;
}

#mainimgArea h1 em .lady {
  left: 0;
}

#mainimgArea h1 em .lady {
  width: 220px;
  height: auto;
}

#mainimgArea h1 em .man {
  right: 0;
}

#mainimgArea h1 em .man {
  width: 250px;
  height: auto;
}

#mainimgArea h1 strong {
  display: inline-block;
  background: #138fce;
  color: #fff;
  text-align: center;
  padding: 10px 30px;
  border-radius: 100px;
  margin: 10px auto -20px;
}

@media screen and (max-width: 768px) {
  #mainimgArea h1 strong {
    font-size: 40%;
  }
}

#mainimgArea h1 strong span {
  color: #f8dc2a;
}

.date-modified {
  display: block;
  background: #f2f2f2;
  text-align: center;
  padding: 10px;
  border-radius: 6px;
  font-size: 0.9em;
  margin-bottom: 15px;
}

.snsmenu {
  margin: 24px 0 0 0;
}

.snsmenu .fb_iframe_widget > span {
  vertical-align: baseline !important;
}

@media screen and (max-width: 768px) {
  .snsmenu {
    display: none;
  }
}

.txtbox {
  background: #f2efe3;
  border: 10px solid #1b709b;
  padding: 30px 30px 50px 30px;
  text-align: center;
  margin: -130px auto 0 auto;
  z-index: 1;
  position: relative;
  max-width: 940px;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .txtbox {
    padding: 20px;
    margin: 0;
  }
}

.txtbox h2 {
  color: #1b709b;
  border: 0;
  padding: 0;
  margin: 0;
  font-weight: 800;
}

@media screen and (max-width: 768px) {
  .txtbox h2 {
    font-size: 1.3em;
  }
}

.txtbox p {
  margin: 0;
}

@media screen and (max-width: 768px) {
  .txtbox p {
    text-align: left;
  }
}

#column_contents {
  margin-top: 125px;
}

@media screen and (max-width: 768px) {
  #column_contents {
    margin-top: 0;
  }
}

#columnList {
  max-width: 940px;
  margin: 50px auto 100px;
}

#columnList .blog_wrapper {
  display: block;
  text-decoration: none !important;
  color: #333 !important;
}

#columnList .blog_wrapper:hover {
  color: #666 !important;
}

#columnList .blog_wrapper span {
  text-align: center;
  display: block;
}

#columnList .blog_wrapper span.button {
  width: 80%;
  margin: 0 auto;
  padding: 20px;
  background-image: none;
  background-color: #138fce;
  color: #fff;
  border: none;
}

#columnList .blog_wrapper span.button:after {
  background-color: #138fce;
}

#columnList .blog_wrapper span.button:before {
  display: none;
}

#columnList .blog_wrapper:hover {
  transition-property: all;
  transition: 0.2s linear;
  opacity: 0.8;
}

#columnList .blog_list {
  margin: 20px 0;
  background: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  padding: 20px 10px;
  line-height: 1.8;
}

@media screen and (max-width: 768px) {
  #columnList .blog_list {
    margin: 20px 10px;
  }
}

#columnList .blog_list h3 {
  font-size: 150%;
  font-weight: 700;
  margin: 13px 0;
  line-height: 1.5;
  text-align: center;
}

#columnList .blog_list h3 span {
  display: block;
  font-size: 65%;
  font-weight: 200;
  letter-spacing: 0.05em;
}

#columnList .blog_list img:hover {
  opacity: 0.8;
}

#columnList .blog_list .name {
  display: block;
  font-size: 80%;
  margin: 10px 0;
  text-align: right;
}

#columnList .blog_list .name img {
  vertical-align: middle;
  width: 50px;
  height: auto;
  border-radius: 100%;
  margin-right: 10px;
}

#columnList .blog_list .name strong {
  font-weight: normal;
  font-size: 130%;
}

@media screen and (max-width: 768px) {
  #columnList .blog_list p {
    display: none;
  }
}

#entryArea .subbox {
  max-width: 840px;
  margin: 0 auto 20px;
  overflow: hidden;
}

#entryArea .subbox p.date {
  float: right;
  margin: 0 !important;
  padding: 0;
  font-size: 90%;
}

#entryArea #downloadBox,
#entryArea #careBox {
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  #entryArea #downloadBox,
  #entryArea #careBox {
    width: auto;
    max-width: 1040px;
  }
}

#entryArea #careBox {
  max-width: 840px;
  text-align: center;
}

#entryArea #careBox h2 {
  font-size: 120%;
  padding: 30px;
  border: none;
}

#entryArea #careBox h2 span {
  font-size: 150%;
  display: block;
}

#entryArea #careBox h3 {
  font-size: 150%;
}

#entryArea #careBox .button {
  padding: 30px 60px;
  color: #fff;
  border: none;
  border-radius: 40px;
}

#entryArea #careBox .button:after {
  background: #fff;
  opacity: 0.2;
}

#entryArea #careBox .button:before {
  display: none;
}

@media screen and (max-width: 480px) {
  #entryArea #careBox strong {
    display: block;
    margin-bottom: 5px;
  }
}

#entryArea #careBox .seminar {
  background: #fff;
}

#entryArea #careBox .seminar strong {
  color: #138fce;
}

#entryArea #careBox .seminar .button {
  background: #138fce;
}

#entryArea #careBox .button strong {
  color: #fff;
  font-size: 120%;
}

#entryArea #careBox .soudan {
  background: #fff;
}

#entryArea #careBox .soudan strong {
  color: #d01010;
}

#entryArea #careBox .soudan .button {
  background: #d01010;
}

#entryArea #careBox .soudan .button strong {
  color: #fff;
  font-size: 120%;
}

#entryArea #downloadBox {
  padding: 1vw;
  border: 10px solid #1b709b;
  background: #f2efe3;
  margin-top: 30px;
  margin-bottom: 35px;
}

@media screen and (max-width: 768px) {
  #entryArea #downloadBox {
    margin: 0 20px 35px;
  }
}

#entryArea #downloadBox h3 {
  font-weight: bold;
  font-size: 120%;
  margin-top: 0;
}

#entryArea #downloadBox a {
  color: #138fce;
}

#entryArea #downloadBox strong {
  color: #da3119;
}

#entryArea #downloadBox .pfwform-system-show {
  color: #da3119;
  display: block;
  clear: both;
}

#entryArea #downloadBox .pfwform-system-show:before {
  content: "※";
}

#entryArea #downloadBox .formArea {
  background: #fff;
  padding: 10px;
}

#entryArea #downloadBox .formArea::after {
  clear: both;
  content: "";
  display: table;
}

@media screen and (max-width: 768px) {
  #entryArea #downloadBox .formArea #agg-wrap {
    clear: both;
  }
}

#entryArea #downloadBox .formArea .form-control {
  width: 17em;
  float: left;
  border-radius: 30px;
  border: 1px solid #ccc;
  padding: 15px;
  outline: none;
}

@media screen and (max-width: 768px) {
  #entryArea #downloadBox .formArea .form-control {
    width: 100%;
    margin-bottom: 20px;
  }
}

#entryArea #downloadBox .formArea .form-control.has-danger {
  border: 1px solid #e8341a;
  color: #e8341a;
}

#entryArea #downloadBox .formArea .form-control.has-success {
  border: 1px solid #43b2aa;
  color: #43b2aa;
}

#entryArea #downloadBox .formArea .agreement {
  float: left;
  margin: 0 15px;
  font-size: 100%;
}

@media screen and (max-width: 480px) {
  #entryArea #downloadBox .formArea .agreement {
    width: 100%;
    float: none;
  }
}

#entryArea #downloadBox .formArea .agreement .checkbox {
  cursor: pointer;
}

#entryArea #downloadBox .formArea .agreement .checkbox #agreement_checkbox {
  display: none;
}

#entryArea #downloadBox .formArea .agreement .checkbox .lever {
  display: inline-block;
  margin-top: -13px;
}

#entryArea #downloadBox .formArea .agreement .checkbox .lever:before {
  font-size: 250%;
  content: "\f096";
  font-family: "FontAwesome";
  color: #ccc;
  position: relative;
  top: -5px;
  left: -7px;
}

#entryArea
  #downloadBox
  .formArea
  .agreement
  .checkbox
  input[type="checkbox"]:checked
  + .lever {
  color: #ccc;
}

#entryArea
  #downloadBox
  .formArea
  .agreement
  .checkbox
  input[type="checkbox"]:checked
  + .lever:before {
  font-size: 250%;
  content: "\f046";
  font-family: "FontAwesome";
}

#entryArea #downloadBox .formArea .agreement p {
  clear: both;
  margin: 0;
}

#entryArea #downloadBox .formArea .agreement a {
  display: block;
  margin: 0 0 0 30px;
}

#entryArea #downloadBox .formArea .button {
  padding: 13px 50px;
  margin-top: 10px;
  background-image: none;
  border-color: #138fce;
  background-color: #138fce;
  color: #fff;
  display: block;
}

@media screen and (max-width: 768px) {
  #entryArea #downloadBox .formArea .button {
    padding: 13px 50px;
  }
}

@media screen and (max-width: 480px) {
  #entryArea #downloadBox .formArea .button {
    width: 100%;
  }
}

#entryArea #downloadBox .formArea .button:after {
  background-color: #fff;
}

#entryArea #downloadBox .formArea .button:before {
  display: none;
}

#entryArea #downloadBox .formArea .button:hover {
  color: #138fce;
}

#entryArea #btnArea {
  text-align: center;
  margin: 20px 0 50px;
}

@media screen and (max-width: 480px) {
  #entryArea #btnArea {
    padding: 0 10px;
  }
}

#entryArea #btnArea a.button {
  padding: 20px;
  background-image: none;
  border-color: #138fce;
  color: #138fce;
}

#entryArea #btnArea a.button:after {
  background-color: #138fce;
}

#entryArea #btnArea a.button:before {
  display: none;
}

#entryArea #btnArea a.button:hover {
  color: #fff;
}

#entryArea {
  max-width: 840px;
  margin: 0 auto;
  background: #fff;
  padding: 0;
}

@media screen and (max-width: 768px) {
  #entryArea {
    padding: 10px 10px 30px 10px;
  }
}

#entryArea h1,
#entryArea h2,
#entryArea h3,
#entryArea h4 {
  padding: 0;
  text-align: center;
  border-bottom: 0 none;
  font-weight: 600;
  margin: 40px 0 20px 0;
}

#entryArea p {
  margin: 0 0 20px 0;
  color: #666;
  line-height: 1.8;
}

#entryArea .taC {
  text-align: center;
}

#entryArea .taR {
  text-align: right;
}

#entryArea .taL {
  text-align: left;
}

#entryArea img {
  display: inline-block;
  text-align: center;
  margin-bottom: 20px;
  max-width: 100%;
  height: auto;
}

#entryArea #mainTitle h1 {
  font-size: 2.2em;
  text-align: center;
  letter-spacing: 0.09em;
}

#entryArea #mainTitle h1 span {
  display: block;
  font-size: 60%;
  font-weight: 200;
}

#entryArea .name_img {
  display: block;
  text-align: center;
  position: relative;
  margin: 0 auto;
}
#entryArea .name_img .pure-g {
  width: 400px;
  max-width: 100%;
  margin: 0 auto;
}

#entryArea .name_img .pure-g > .pure-u-1-2:first-child {
  text-align: right;
}

#entryArea .name_img .pure-g > .pure-u-1-2:last-child {
  text-align: left;
}

#entryArea .name_img img {
  position: relative;
  border-radius: 100%;
  width: 110px;
  height: auto;
  border: 12px solid #fff;
  box-sizing: content-box;
}

#entryArea .name_img:before {
  width: 30%;
  border-top: 4px #ccc dotted;
  position: absolute;
  top: 40%;
  left: 0;
  content: "";
}

#entryArea .name_img:after {
  width: 30%;
  border-top: 4px #ccc dotted;
  position: absolute;
  top: 40%;
  right: 0;
  content: "";
}

#entryArea em.name {
  font-style: normal;
  display: block;
  text-align: left;
  line-height: 2.5em;
  padding-top: 2.5em;
}

#entryArea em.name strong {
  font-style: normal;
}

#entryArea #editbox {
  font-size: 1.1em;
  margin-bottom: 20px;
}

#entryArea #editbox section {
  margin-bottom: 30px;
}

#entryArea #editbox section:last-child {
  padding-bottom: 0;
}

@media screen and (max-width: 480px) {
  #entryArea #editbox section {
    padding: 0 15px;
  }
}

#entryArea #editbox h1 {
  background: #f2f2f2;
  padding: 30px;
  text-align: left;
  margin-top: 50px;
  font-size: 2em;
}

#entryArea #editbox h2 {
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
  padding-bottom: 20px;
  text-align: left;
}

#entryArea #editbox p {
  margin-bottom: 3em;
}

#entryArea #editbox strong.acccent {
  color: #d01010;
}

#entryArea #editbox strong.acccent-light {
  color: #ff0000;
}

#entryArea #editbox strong.sub-acccent {
  color: #ff00ff;
}

#entryArea #editbox strong.sub-acccent-or {
  color: #ff6600;
}

#entryArea #editbox strong.sub-acccent-bl {
  color: #167fa6;
}

#entryArea #editbox strong.s-big {
  font-size: 2.5em;
}

#entryArea #editbox img {
  display: block;
  margin: 0 auto;
}

#entryArea #editbox .border-box-round ol {
  list-style-type: decimal;
  margin-left: 1em;
}
#entryArea #editbox .border-box-round ol li {
  margin-left: 1.2em;
}
#entryArea #editbox .border-box-round ul ol {
  list-style-type: decimal;
  margin-left: 1.2em;
}

#entryArea #editbox ol li a {
  color: #0000ff;
  font-weight: normal;
  text-decoration: underline;
}

#entryArea #editbox ol li a:hover {
  text-decoration: none;
}

@media screen and (max-width: 480px) {
  #entryArea #editbox ol {
    margin: 0;
  }
}

#entryArea #editbox ol.check-list {
  list-style: none;
}

#entryArea #editbox ol.check-list li {
  text-indent: -1em;
  margin-left: 1em;
}

#entryArea #editbox ol.check-list li:before {
  color: #00ff00;
  content: "\f00c";
  font-family: "FontAwesome";
}

@media screen and (max-width: 480px) {
  #entryArea #editbox ul.list {
    margin: 0;
  }
}

#entryArea #editbox .talk-box {
  padding: 3vw;
  margin: 30px 0;
  border: 6px solid #eee;
  border-radius: 10px;
}

#entryArea #editbox .talk-box dl::after {
  clear: both;
  content: "";
  display: table;
}

#entryArea #editbox .talk-box dl dt {
  clear: both;
  float: left;
  width: 60px;
  margin-right: 10px;
  padding-top: 10px;
  font-size: 80%;
  text-align: center;
}

#entryArea #editbox .talk-box dl dt img {
  border-radius: 100%;
}

#entryArea #editbox .talk-box dl dd {
  position: relative;
  margin: 0;
  margin-bottom: 15px;
  overflow: hidden;
}

#entryArea #editbox .talk-box dl dd:before {
  display: inline-block;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  content: url(/inc/images/column/bg_arrow.gif);
  position: absolute;
  top: 10px;
  left: 0;
}

#entryArea #editbox .talk-box dl dd p {
  padding: 15px 20px;
  margin: 0 0 0 10px;
  background: #f5f3d2;
  color: #666;
  border-radius: 10px;
  min-height: 6em;
}

#entryArea #editbox .border-box-round {
  padding: 3vw;
  margin: 30px 0;
  border: 6px solid #eee;
  border-radius: 10px;
  font-weight: bold;
  font-size: 1.2em;
}

@media screen and (max-width: 480px) {
  #entryArea #editbox .border-box-round {
    font-size: 1em;
  }
}

#entryArea #editbox .border-box-round h3 {
  margin: 0 0 20px 0;
  text-align: center;
}

#entryArea #editbox .border-box-round h3 span {
  padding: 5px;
  border-bottom: 1px solid #666;
}

#entryArea #editbox .border-box-round p,
#entryArea #editbox .border-box-round ol,
#entryArea #editbox .border-box-round ul {
  margin: 0;
}

#entryArea #editbox .border-box-round img + p {
  font-weight: normal;
  font-size: 0.8em;
}

#entryArea #editbox .border-box {
  padding: 3vw;
  margin: 30px 0;
  border: 1px solid #ccc;
}

#entryArea #editbox .border-box p {
  margin: 0;
}

#entryArea #editbox .graybox {
  text-align: center;
}

#entryArea #editbox .column-banner {
  font-size: 0;
}

#entryArea #editbox .column-banner li {
  display: inline-block;
  width: 33.3333%;
  padding: 1%;
}

#entryArea #editbox .column-banner li a {
  display: block;
}

#entryArea #editbox .column-banner li a:hover {
  opacity: 0.5;
}

#entryArea #editbox .column-banner li a img {
  width: 100%;
}

#btnArea.comlete {
  text-align: center;
  margin: -110px 0 50px;
}

#btnArea.comlete a.button {
  padding: 20px;
  background-image: none;
  border-color: #138fce;
  color: #138fce;
}

#btnArea.comlete a.button:after {
  background-color: #138fce;
}

#btnArea.comlete a.button:before {
  display: none;
}

#btnArea.comlete a.button:hover {
  color: #fff;
}

#entryArea #editbox .u-caption {
  font-size: 80%;
}

#entryArea #editbox .c-txt__merit {
  padding: 5px 10px;
  margin-right: 10px;
  background: #fffa7b;
  font-size: 1.1rem;
}

@media screen and (max-width: 480px) {
  #entryArea #editbox .c-txt__merit {
    font-size: 0.8rem;
  }
}

#entryArea #editbox h3 {
  font-size: 1.3em;
  margin-bottom: 30px;
  text-align-last: left;
}

#entryArea #editbox .editbox__inner {
  font-size: 1.1em;
}

#entryArea #editbox .p-pointBox {
  border-color: #ffac9e !important;
  background: #fff1f1;
  padding: 0 !important;
  border-radius: 5px;
  position: relative;
}

#entryArea #editbox .p-pointBox__ttl {
  background-color: #fff;
  font-size: 20px;
  border-bottom: 0;
  margin-bottom: 0;
  position: absolute;
  top: 0;
  margin-top: -0.5em;
  line-height: 1;
  padding: 0 15px 0 15px;
  left: 15px;
}

#entryArea #editbox .p-pointBox__list {
  padding: 35px 20px;
  font-weight: normal;
  font-size: 17px;
}

#entryArea #editbox .p-pointBox__listitems {
  margin-bottom: 0.8em;
}

#entryArea #editbox .p-pointBox__listitems-large {
  font-weight: bold;
  font-size: 1.2em;
}

@media screen and (max-width: 480px) {
  #entryArea #editbox .p-pointBox__listitems-large {
    font-size: 1em;
  }
}

#entryArea #editbox .p-pointBox__listitems:last-child {
  margin-bottom: 0;
}

#entryArea #editbox .p-pointBox__listitems i {
  color: #f00;
  margin-right: 0.3em;
}

#entryArea #editbox .p-pointBox__listitems strong {
  color: #f00;
}

#entryArea #editbox .p-questionBox {
  line-height: 2;
}

#entryArea #editbox .p-questionBox__img {
  margin-bottom: 20px;
}

#entryArea #editbox .p-bdrBOX {
  padding: 4vw;
  margin: 30px 0;
  border: 6px solid #eee;
  border-radius: 10px;
}

@media screen and (max-width: 480px) {
  #entryArea #editbox .p-bdrBOX {
    font-size: 1em;
  }
}

#entryArea #editbox .p-bdrBOX__inner {
  margin-bottom: 60px;
}

#entryArea #editbox .p-bdrBOX__inner:last-child {
  margin-bottom: 0;
}

#entryArea #editbox .p-bdrBOX__ttl {
  margin: 0 0 30px 0;
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
}

#entryArea #editbox .p-bdrBOX__ttl span {
  padding: 5px;
  border-bottom: 1px solid #666;
  line-height: 2;
}

#entryArea #editbox .p-bdrBOX__ttl span br {
  display: none;
}

@media screen and (max-width: 480px) {
  #entryArea #editbox .p-bdrBOX__ttl span br {
    display: block;
  }
}

#entryArea #editbox .p-bdrBOX__txt {
  margin-bottom: 1em;
}

@media screen and (max-width: 480px) {
  #entryArea #editbox .p-bdrBOX__txt {
    font-size: 0.9em;
  }
}

#entryArea #editbox .p-bdrBOX__txt:last-child {
  margin-bottom: 0;
}

#entryArea #editbox .p-bdrBOX__youtube {
  text-align: center;
  margin-bottom: 20px;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  cursor: pointer;
  width: 100%;
  height: 450px;
}

@media screen and (max-width: 768px) {
  #entryArea #editbox .p-bdrBOX__youtube {
    height: 50vw;
  }
}

#entryArea #editbox .p-bdrBOX__youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#entryArea #editbox .p-bdrBOX__img {
  text-align: center;
  margin-bottom: 20px;
}

#entryArea #editbox .p-bdrBOX__caption {
  font-size: 90%;
  text-align: center;
  margin-bottom: 20px;
  font-weight: 500;
}

#entryArea #editbox .p-bdrBOX ol,
#entryArea #editbox .p-bdrBOX ul {
  margin: 0;
}

/* ========================================================================== Typography ========================================================================== */
/** Address font sizes and margins set differently in IE 6/7. Address font sizes within `section` and `article` in Firefox 4+, Safari 5, and Chrome. */
#entryArea h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

#entryArea h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

#entryArea h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

#entryArea h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

#entryArea h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

#entryArea h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}

/* Phonogram Framework [image] */
#entryArea img {
  vertical-align: bottom;
  line-height: 0;
  display: inline;
}

#entryArea h3 {
  font-size: 1.25em;
}

#entryArea h4 {
  font-size: 1.125em;
}

#entryArea p {
  line-height: 1.5em;
}

#entryArea p,
#entryArea pre {
  margin: 1em 0;
}

/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*!
Pure v0.3.0
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yui/pure/blob/master/LICENSE.md
*/
/*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
.pure-g {
  letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
  *letter-spacing: normal; /* reset IE < 8 */
  *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
  text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */ /* Sets the font stack to fonts known to work properly with the above letter and word spacings. See: https://github.com/yui/pure/issues/41/
 The following font stack makes Pure Grids work on all known environments.
 FreeSans: Ships with many Linux distros, including Ubuntu
 Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and Arial to get picked up by the browser, even though neither is available in Chrome OS.
 Droid Sans: Ships with all versions of Android.
 Helvetica, Arial, sans-serif: Common font stack on OS X and Windows. */
  font-family:
    FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif; /* Use flexbox when possible to avoid `letter-spacing` side-effects.
 NOTE: Firefox (as of 25) does not currently support flex-wrap, so the `-moz-` prefix version is omitted. */
  display: -webkit-flex;
  -webkit-flex-flow: row wrap; /* IE10 uses display: flexbox */
  display: -ms-flexbox;
  -ms-flex-flow: row wrap;
}

/* Opera as of 12 on Windows needs word-spacing. The ".opera-only" selector is used to prevent actual prefocus styling and is not required in markup.
*/
.opera-only :-o-prefocus,
.pure-g {
  word-spacing: -0.43em;
}

.pure-u {
  display: inline-block;
  *display: inline; /* IE < 8: fake inline-block */
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
}

/*
Resets the font family back to the OS/browser's default sans-serif font,
this the same font stack that Normalize.css sets for the `body`.
*/
.pure-g [class*="pure-u"] {
  font-family: sans-serif;
}

.pure-u-1,
.pure-u-1-2,
.pure-u-1-3,
.pure-u-2-3,
.pure-u-1-4,
.pure-u-3-4,
.pure-u-1-5,
.pure-u-2-5,
.pure-u-3-5,
.pure-u-4-5,
.pure-u-1-6,
.pure-u-5-6,
.pure-u-1-8,
.pure-u-3-8,
.pure-u-5-8,
.pure-u-7-8,
.pure-u-1-12,
.pure-u-5-12,
.pure-u-7-12,
.pure-u-11-12,
.pure-u-1-24,
.pure-u-5-24,
.pure-u-7-24,
.pure-u-11-24,
.pure-u-13-24,
.pure-u-17-24,
.pure-u-19-24,
.pure-u-23-24 {
  display: inline-block;
  *display: inline; /* IE < 8: fake inline-block */
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
}

.pure-u-1 {
  width: 100%;
}

.pure-u-1-2 {
  width: 50%;
  *width: 49.969%;
}

.pure-u-1-3 {
  width: 33.3333%;
  *width: 33.3023%;
}

.pure-u-2-3 {
  width: 66.6667%;
  *width: 66.6357%;
}

.pure-u-1-4 {
  width: 25%;
  *width: 24.969%;
}

.pure-u-3-4 {
  width: 75%;
  *width: 74.969%;
}

.pure-u-1-5 {
  width: 20%;
  *width: 19.969%;
}

.pure-u-2-5 {
  width: 40%;
  *width: 39.969%;
}

.pure-u-3-5 {
  width: 60%;
  *width: 59.969%;
}

.pure-u-4-5 {
  width: 80%;
  *width: 79.969%;
}

.pure-u-1-6 {
  width: 16.6667%;
  *width: 16.6357%;
}

.pure-u-5-6 {
  width: 83.3333%;
  *width: 83.3023%;
}

.pure-u-1-8 {
  width: 12.5%;
  *width: 12.469%;
}

.pure-u-3-8 {
  width: 37.5%;
  *width: 37.469%;
}

.pure-u-5-8 {
  width: 62.5%;
  *width: 62.469%;
}

.pure-u-7-8 {
  width: 87.5%;
  *width: 87.469%;
}

.pure-u-1-12 {
  width: 8.3333%;
  *width: 8.3023%;
}

.pure-u-5-12 {
  width: 41.6667%;
  *width: 41.6357%;
}

.pure-u-7-12 {
  width: 58.3333%;
  *width: 58.3023%;
}

.pure-u-11-12 {
  width: 91.6667%;
  *width: 91.6357%;
}

.pure-u-1-24 {
  width: 4.1667%;
  *width: 4.1357%;
}

.pure-u-5-24 {
  width: 20.8333%;
  *width: 20.8023%;
}

.pure-u-7-24 {
  width: 29.1667%;
  *width: 29.1357%;
}

.pure-u-11-24 {
  width: 45.8333%;
  *width: 45.8023%;
}

.pure-u-13-24 {
  width: 54.1667%;
  *width: 54.1357%;
}

.pure-u-17-24 {
  width: 70.8333%;
  *width: 70.8023%;
}

.pure-u-19-24 {
  width: 79.1667%;
  *width: 79.1357%;
}

.pure-u-23-24 {
  width: 95.8333%;
  *width: 95.8023%;
}

/*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
#entryArea .pure-g-r {
  letter-spacing: -0.31em;
  *letter-spacing: normal;
  *word-spacing: -0.43em; /* Sets the font stack to fonts known to work properly with the above letter and word spacings. See: https://github.com/yui/pure/issues/41/
 The following font stack makes Pure Grids work on all known environments.
 FreeSans: Ships with many Linux distros, including Ubuntu
 Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and Arial to get picked up by the browser, even though neither is available in Chrome OS.
 Droid Sans: Ships with all versions of Android.
 Helvetica, Arial, sans-serif: Common font stack on OS X and Windows. */
  font-family:
    FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif; /* Use flexbox when possible to avoid `letter-spacing` side-effects.
 NOTE: Firefox (as of 25) does not currently support flex-wrap, so the `-moz-` prefix version is omitted. */
  display: -webkit-flex;
  -webkit-flex-flow: row wrap; /* IE10 uses display: flexbox */
  display: -ms-flexbox;
  -ms-flex-flow: row wrap;
}

/* Opera as of 12 on Windows needs word-spacing. The ".opera-only" selector is used to prevent actual prefocus styling and is not required in markup.
*/
.opera-only :-o-prefocus,
.pure-g-r {
  word-spacing: -0.43em;
}

/*
Resets the font family back to the OS/browser's default sans-serif font,
this the same font stack that Normalize.css sets for the `body`.
*/
#entryArea .pure-g-r [class*="pure-u"] {
  font-family: sans-serif;
}

#entryArea .pure-g-r img {
  max-width: 100%;
  height: auto;
}

@media (min-width: 980px) {
  .pure-visible-phone {
    display: none;
  }
  .pure-visible-tablet {
    display: none;
  }
  .pure-hidden-desktop {
    display: none;
  }
}
@media (max-width: 480px) {
  .pure-g-r > .pure-u,
  .pure-g-r > [class*="pure-u-"] {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .pure-g-r > .pure-u,
  .pure-g-r > [class*="pure-u-"] {
    width: 100%;
  }
  .pure-hidden-phone {
    display: none;
  }
  .pure-visible-desktop {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .pure-hidden-tablet {
    display: none;
  }
  .pure-visible-desktop {
    display: none;
  }
}
/*!
Pure v0.3.0
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yui/pure/blob/master/LICENSE.md
*/
#entryArea .pure-button {
  /* Structure */
  display: inline-block;
  *display: inline; /*IE 6/7*/
  zoom: 1;
  line-height: normal;
  white-space: nowrap;
  vertical-align: baseline;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Firefox: Get rid of the inner focus border */
#entryArea .pure-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/*csslint unqualified-attributes:false, outline-none:false*/
#entryArea .pure-button {
  font-size: 100%;
  *font-size: 90%; /*IE 6/7 - To reduce IE's oversized button text*/
  *overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
  padding: 0.5em 1.5em 0.5em;
  color: #444; /* rgba not supported (IE 8) */
  color: rgba(0, 0, 0, 0.8); /* rgba supported */
  *color: #444; /* IE 6 & 7 */
  border: 1px solid #999; /*IE 6/7/8*/
  border: none rgba(0, 0, 0, 0); /*IE9 + everything else*/
  background-color: #e6e6e6;
  text-decoration: none;
  border-radius: 2px; /* Transitions */
  -webkit-transition: 0.1s linear -webkit-box-shadow;
  -moz-transition: 0.1s linear -moz-box-shadow;
  -ms-transition: 0.1s linear box-shadow;
  -o-transition: 0.1s linear box-shadow;
  transition: 0.1s linear box-shadow;
}

#entryArea .pure-button-hover,
.pure-button:hover,
.pure-button:focus {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(transparent),
    color-stop(40%, rgba(0, 0, 0, 0.05)),
    to(rgba(0, 0, 0, 0.1))
  );
  background-image: -webkit-linear-gradient(
    transparent,
    rgba(0, 0, 0, 0.05) 40%,
    rgba(0, 0, 0, 0.1)
  );
  background-image: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 0.05) 0%,
    rgba(0, 0, 0, 0.1)
  );
  background-image: -ms-linear-gradient(
    transparent,
    rgba(0, 0, 0, 0.05) 40%,
    rgba(0, 0, 0, 0.1)
  );
  background-image: -o-linear-gradient(
    transparent,
    rgba(0, 0, 0, 0.05) 40%,
    rgba(0, 0, 0, 0.1)
  );
  background-image: linear-gradient(
    transparent,
    rgba(0, 0, 0, 0.05) 40%,
    rgba(0, 0, 0, 0.1)
  );
}

#entryArea .pure-button:focus {
  outline: 0;
}

#entryArea .pure-button-active,
.pure-button:active {
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.15) inset,
    0 0 6px rgba(0, 0, 0, 0.2) inset;
}

#entryArea .pure-button[disabled],
.pure-button-disabled,
.pure-button-disabled:hover,
.pure-button-disabled:focus,
.pure-button-disabled:active {
  border: none;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  filter: alpha(opacity=40);
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  cursor: not-allowed;
  box-shadow: none;
}

#entryArea .pure-button-hidden {
  display: none;
}

/* Firefox: Get rid of the inner focus border */
#entryArea .pure-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

#entryArea .pure-button-primary,
.pure-button-selected,
a.pure-button-primary,
a.pure-button-selected {
  background-color: #0078e7;
  color: #fff;
}

/*!
Pure v0.3.0
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yui/pure/blob/master/LICENSE.md
*/
#entryArea .pure-form input[type="text"],
.pure-form input[type="password"],
.pure-form input[type="email"],
.pure-form input[type="url"],
.pure-form input[type="date"],
.pure-form input[type="month"],
.pure-form input[type="time"],
.pure-form input[type="datetime"],
.pure-form input[type="datetime-local"],
.pure-form input[type="week"],
.pure-form input[type="number"],
.pure-form input[type="search"],
.pure-form input[type="tel"],
.pure-form input[type="color"],
.pure-form select,
.pure-form textarea {
  padding: 0.5em 0.6em;
  display: inline-block;
  border: 1px solid #ccc;
  font-size: 0.8em;
  box-shadow: inset 0 1px 3px #ddd;
  border-radius: 4px;
  -webkit-transition: 0.3s linear border;
  -moz-transition: 0.3s linear border;
  -ms-transition: 0.3s linear border;
  -o-transition: 0.3s linear border;
  transition: 0.3s linear border;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#entryArea .pure-form input[type="text"]:focus,
.pure-form input[type="password"]:focus,
.pure-form input[type="email"]:focus,
.pure-form input[type="url"]:focus,
.pure-form input[type="date"]:focus,
.pure-form input[type="month"]:focus,
.pure-form input[type="time"]:focus,
.pure-form input[type="datetime"]:focus,
.pure-form input[type="datetime-local"]:focus,
.pure-form input[type="week"]:focus,
.pure-form input[type="number"]:focus,
.pure-form input[type="search"]:focus,
.pure-form input[type="tel"]:focus,
.pure-form input[type="color"]:focus,
.pure-form select:focus,
.pure-form textarea:focus {
  outline: 0;
  outline: thin dotted \9; /* IE6-9 */
  border-color: #129fea;
}

#entryArea .pure-form input[type="file"]:focus,
.pure-form input[type="radio"]:focus,
.pure-form input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 1px auto #129fea;
}

#entryArea .pure-form .pure-checkbox,
.pure-form .pure-radio {
  margin: 0.5em 0;
  display: block;
}

#entryArea .pure-form input[type="text"][disabled],
.pure-form input[type="password"][disabled],
.pure-form input[type="email"][disabled],
.pure-form input[type="url"][disabled],
.pure-form input[type="date"][disabled],
.pure-form input[type="month"][disabled],
.pure-form input[type="time"][disabled],
.pure-form input[type="datetime"][disabled],
.pure-form input[type="datetime-local"][disabled],
.pure-form input[type="week"][disabled],
.pure-form input[type="number"][disabled],
.pure-form input[type="search"][disabled],
.pure-form input[type="tel"][disabled],
.pure-form input[type="color"][disabled],
.pure-form select[disabled],
.pure-form textarea[disabled] {
  cursor: not-allowed;
  background-color: #eaeded;
  color: #cad2d3;
}

#entryArea .pure-form input[readonly],
.pure-form select[readonly],
.pure-form textarea[readonly] {
  background: #eee; /* menu hover bg color */
  color: #777; /* menu text color */
  border-color: #ccc;
}

#entryArea .pure-form input:focus:invalid,
.pure-form textarea:focus:invalid,
.pure-form select:focus:invalid {
  color: #b94a48;
  border: 1px solid #ee5f5b;
}

#entryArea .pure-form input:focus:invalid:focus,
.pure-form textarea:focus:invalid:focus,
.pure-form select:focus:invalid:focus {
  border-color: #e9322d;
}

#entryArea .pure-form input[type="file"]:focus:invalid:focus,
.pure-form input[type="radio"]:focus:invalid:focus,
.pure-form input[type="checkbox"]:focus:invalid:focus {
  outline-color: #e9322d;
}

#entryArea .pure-form select {
  border: 1px solid #ccc;
  background-color: white;
}

#entryArea .pure-form select[multiple] {
  height: auto;
}

#entryArea .pure-form label {
  margin: 0.5em 0 0.2em;
  font-size: 90%;
}

#entryArea .pure-form fieldset {
  margin: 0;
  padding: 0.35em 0 0.75em;
  border: 0;
}

#entryArea .pure-form legend {
  display: block;
  width: 100%;
  padding: 0.3em 0;
  margin-bottom: 0.3em;
  font-size: 125%;
  color: #333;
  border-bottom: 1px solid #e5e5e5;
}

#entryArea .pure-form-stacked input[type="text"],
.pure-form-stacked input[type="password"],
.pure-form-stacked input[type="email"],
.pure-form-stacked input[type="url"],
.pure-form-stacked input[type="date"],
.pure-form-stacked input[type="month"],
.pure-form-stacked input[type="time"],
.pure-form-stacked input[type="datetime"],
.pure-form-stacked input[type="datetime-local"],
.pure-form-stacked input[type="week"],
.pure-form-stacked input[type="number"],
.pure-form-stacked input[type="search"],
.pure-form-stacked input[type="tel"],
.pure-form-stacked input[type="color"],
.pure-form-stacked select,
.pure-form-stacked label,
.pure-form-stacked textarea {
  display: block;
  margin: 0.25em 0;
}

#entryArea .pure-form-aligned input,
.pure-form-aligned textarea,
.pure-form-aligned select,
.pure-form-aligned .pure-help-inline,
.pure-form-message-inline {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}

/* Aligned Forms */
#entryArea .pure-form-aligned .pure-control-group {
  margin-bottom: 0.5em;
}

#entryArea .pure-form-aligned .pure-control-group label {
  text-align: right;
  display: inline-block;
  vertical-align: middle;
  width: 10em;
  margin: 0 1em 0 0;
}

#entryArea .pure-form-aligned .pure-controls {
  margin: 1.5em 0 0 10em;
}

/* Rounded Inputs */
#entryArea .pure-form input.pure-input-rounded,
.pure-form .pure-input-rounded {
  border-radius: 2em;
  padding: 0.5em 1em;
}

/* Grouped Inputs */
#entryArea .pure-form .pure-group fieldset {
  margin-bottom: 10px;
}

#entryArea .pure-form .pure-group input {
  display: block;
  padding: 10px;
  margin: 0;
  border-radius: 0;
  position: relative;
  top: -1px;
}

#entryArea .pure-form .pure-group input:focus {
  z-index: 2;
}

#entryArea .pure-form .pure-group input:first-child {
  top: 1px;
  border-radius: 4px 4px 0 0;
}

#entryArea .pure-form .pure-group input:last-child {
  top: -2px;
  border-radius: 0 0 4px 4px;
}

#entryArea .pure-form .pure-group button {
  margin: 0.35em 0;
}

#entryArea .pure-form .pure-input-1 {
  width: 100%;
}

#entryArea .pure-form .pure-input-2-3 {
  width: 66%;
}

#entryArea .pure-form .pure-input-1-2 {
  width: 50%;
}

#entryArea .pure-form .pure-input-1-3 {
  width: 33%;
}

#entryArea .pure-form .pure-input-1-4 {
  width: 25%;
}

/* Inline help for forms */
/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
#entryArea .pure-form .pure-help-inline,
.pure-form-message-inline {
  display: inline-block;
  padding-left: 0.3em;
  color: #666;
  vertical-align: middle;
  font-size: 90%;
}

/* Block help for forms */
#entryArea .pure-form-message {
  display: block;
  color: #666;
  font-size: 90%;
}

@media only screen and (max-width: 480px) {
  .pure-form button[type="submit"] {
    margin: 0.7em 0 0;
  }
  .pure-form input[type="text"],
  .pure-form input[type="password"],
  .pure-form input[type="email"],
  .pure-form input[type="url"],
  .pure-form input[type="date"],
  .pure-form input[type="month"],
  .pure-form input[type="time"],
  .pure-form input[type="datetime"],
  .pure-form input[type="datetime-local"],
  .pure-form input[type="week"],
  .pure-form input[type="number"],
  .pure-form input[type="search"],
  .pure-form input[type="tel"],
  .pure-form input[type="color"],
  .pure-form label {
    margin-bottom: 0.3em;
    display: block;
  }
  .pure-group input[type="text"],
  .pure-group input[type="password"],
  .pure-group input[type="email"],
  .pure-group input[type="url"],
  .pure-group input[type="date"],
  .pure-group input[type="month"],
  .pure-group input[type="time"],
  .pure-group input[type="datetime"],
  .pure-group input[type="datetime-local"],
  .pure-group input[type="week"],
  .pure-group input[type="number"],
  .pure-group input[type="search"],
  .pure-group input[type="tel"],
  .pure-group input[type="color"] {
    margin-bottom: 0;
  }
  .pure-form-aligned .pure-control-group label {
    margin-bottom: 0.3em;
    text-align: left;
    display: block;
    width: 100%;
  }
  .pure-form-aligned .pure-controls {
    margin: 1.5em 0 0 0;
  }
  /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
  .pure-form .pure-help-inline,
  .pure-form-message-inline,
  .pure-form-message {
    display: block;
    font-size: 80%; /* Increased bottom padding to make it group with its related input element. */
    padding: 0.2em 0 0.8em;
  }
}
/*!
Pure v0.3.0
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yui/pure/blob/master/LICENSE.md
*/
/*csslint adjoining-classes:false, outline-none:false*/
/*TODO: Remove this lint rule override after a refactor of this code.*/
#entryArea .pure-menu ul {
  position: absolute;
  visibility: hidden;
}

#entryArea .pure-menu.pure-menu-open {
  visibility: visible;
  z-index: 2;
  width: 100%;
}

#entryArea .pure-menu ul {
  left: -10000px;
  list-style: none;
  margin: 0;
  padding: 0;
  top: -10000px;
  z-index: 1;
}

#entryArea .pure-menu > ul {
  position: relative;
}

#entryArea .pure-menu-open > ul {
  left: 0;
  top: 0;
  visibility: visible;
}

#entryArea .pure-menu-open > ul:focus {
  outline: 0;
}

#entryArea .pure-menu li {
  position: relative;
}

#entryArea .pure-menu a,
.pure-menu .pure-menu-heading {
  display: block;
  color: inherit;
  line-height: 1.5em;
  padding: 5px 20px;
  text-decoration: none;
  white-space: nowrap;
}

#entryArea .pure-menu.pure-menu-horizontal > .pure-menu-heading {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 0;
  vertical-align: middle;
}

#entryArea .pure-menu.pure-menu-horizontal > ul {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  height: 2.4em;
}

#entryArea .pure-menu li a {
  padding: 5px 20px;
}

#entryArea .pure-menu-can-have-children > .pure-menu-label:after {
  content: "\25B8";
  float: right; /* These specific fonts have the Unicode char we need. */
  font-family:
    "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", sans-serif;
  margin-right: -20px;
  margin-top: -1px;
}

#entryArea .pure-menu-can-have-children > .pure-menu-label {
  padding-right: 30px;
}

#entryArea .pure-menu-separator {
  background-color: #dfdfdf;
  display: block;
  height: 1px;
  font-size: 0;
  margin: 7px 2px;
  overflow: hidden;
}

#entryArea .pure-menu-hidden {
  display: none;
}

/* FIXED MENU */
#entryArea .pure-menu-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

/* HORIZONTAL MENU CODE */
/* Initial menus should be inline-block so that they are horizontal */
#entryArea .pure-menu-horizontal li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}

/* Submenus should still be display: block; */
#entryArea .pure-menu-horizontal li li {
  display: block;
}

/* Content after should be down arrow */
#entryArea
  .pure-menu-horizontal
  > .pure-menu-children
  > .pure-menu-can-have-children
  > .pure-menu-label:after {
  content: "\25BE";
}

/*Add extra padding to elements that have the arrow so that the hover looks nice */
#entryArea
  .pure-menu-horizontal
  > .pure-menu-children
  > .pure-menu-can-have-children
  > .pure-menu-label {
  padding-right: 30px;
}

/* Adjusting separator for vertical menus */
#entryArea .pure-menu-horizontal li.pure-menu-separator {
  height: 50%;
  width: 1px;
  margin: 0 7px;
}

/* Submenus should be horizontal separator again */
#entryArea .pure-menu-horizontal li li.pure-menu-separator {
  height: 1px;
  width: auto;
  margin: 7px 2px;
}

/*csslint adjoining-classes:false*/
/*TODO: Remove this lint rule override after a refactor of this code.*/
/* MAIN MENU STYLING */
#entryArea .pure-menu.pure-menu-open,
.pure-menu.pure-menu-horizontal li .pure-menu-children {
  background: #fff; /* Old browsers */
  border: 1px solid #b7b7b7;
}

/* remove borders for horizontal menus */
#entryArea .pure-menu.pure-menu-horizontal,
.pure-menu.pure-menu-horizontal .pure-menu-heading {
  border: none;
}

/* LINK STYLES */
#entryArea .pure-menu a {
  border: 1px solid transparent;
  border-left: none;
  border-right: none;
}

#entryArea .pure-menu a,
.pure-menu .pure-menu-can-have-children > li:after {
  color: #777;
}

#entryArea .pure-menu .pure-menu-can-have-children > li:hover:after {
  color: #fff;
}

/* Focus style for a dropdown menu-item when the parent has been opened */
#entryArea .pure-menu .pure-menu-open {
  background: #dedede;
}

#entryArea .pure-menu li a:hover,
.pure-menu li a:focus {
  background: #eee;
}

/* DISABLED STATES */
#entryArea .pure-menu li.pure-menu-disabled a:hover,
.pure-menu li.pure-menu-disabled a:focus {
  background: #fff;
  color: #bfbfbf;
}

#entryArea .pure-menu .pure-menu-disabled > a {
  background-image: none;
  border-color: transparent;
  cursor: default;
}

#entryArea .pure-menu .pure-menu-disabled > a,
.pure-menu .pure-menu-can-have-children.pure-menu-disabled > a:after {
  color: #bfbfbf;
}

/* HEADINGS */
#entryArea .pure-menu .pure-menu-heading {
  color: #565d64;
  text-transform: uppercase;
  font-size: 90%;
  margin-top: 0.5em;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #dfdfdf;
}

/* ACTIVE MENU ITEM */
#entryArea .pure-menu .pure-menu-selected a {
  color: #000;
}

/* FIXED MENU */
#entryArea .pure-menu.pure-menu-open.pure-menu-fixed {
  border: none;
  border-bottom: 1px solid #b7b7b7;
}

/*csslint box-model:false*/
/*TODO: Remove this lint rule override after a refactor of this code.*/
#entryArea .pure-paginator {
  /* `pure-g` Grid styles */
  letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
  *letter-spacing: normal; /* reset IE < 8 */
  *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
  text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */ /* `pure-paginator` Specific styles */
  list-style: none;
  margin: 0;
  padding: 0;
}

#entryArea .opera-only :-o-prefocus,
.pure-paginator {
  word-spacing: -0.43em;
}

/* `pure-u` Grid styles */
#entryArea .pure-paginator li {
  display: inline-block;
  *display: inline; /* IE < 8: fake inline-block */
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
}

#entryArea .pure-paginator .pure-button {
  border-radius: 0;
  padding: 0.8em 1.4em;
  vertical-align: top;
  height: 1.1em;
}

#entryArea .pure-paginator .pure-button:focus,
.pure-paginator .pure-button:active {
  outline-style: none;
}

#entryArea .pure-paginator .prev,
.pure-paginator .next {
  color: #c0c1c3;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.45);
}

#entryArea .pure-paginator .prev {
  border-radius: 2px 0 0 2px;
}

#entryArea .pure-paginator .next {
  border-radius: 0 2px 2px 0;
}

@media (max-width: 480px) {
  .pure-menu-horizontal {
    width: 100%;
  }
  .pure-menu-children li {
    display: block;
    border-bottom: 1px solid black;
  }
}
/*!
Pure v0.3.0
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yui/pure/blob/master/LICENSE.md
*/
/*csslint box-model:false*/
/*TODO: Remove this lint rule override after a refactor of this code.*/
#entryArea .pure-paginator {
  /* `pure-g` Grid styles */
  letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
  *letter-spacing: normal; /* reset IE < 8 */
  *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
  text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */ /* `pure-paginator` Specific styles */
  list-style: none;
  margin: 0;
  padding: 0;
}

#entryArea .opera-only :-o-prefocus,
.pure-paginator {
  word-spacing: -0.43em;
}

/* `pure-u` Grid styles */
#entryArea .pure-paginator li {
  display: inline-block;
  *display: inline; /* IE < 8: fake inline-block */
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
}

#entryArea .pure-paginator .pure-button {
  border-radius: 0;
  padding: 0.8em 1.4em;
  vertical-align: top;
  height: 1.1em;
}

#entryArea .pure-paginator .pure-button:focus,
.pure-paginator .pure-button:active {
  outline-style: none;
}

#entryArea .pure-paginator .prev,
.pure-paginator .next {
  color: #c0c1c3;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.45);
}

#entryArea .pure-paginator .prev {
  border-radius: 2px 0 0 2px;
}

#entryArea .pure-paginator .next {
  border-radius: 0 2px 2px 0;
}

/*!
Pure v0.3.0
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yui/pure/blob/master/LICENSE.md
*/
#entryArea .pure-table {
  /* Remove spacing between table cells (from Normalize.css) */
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  border: 1px solid #cbcbcb;
}

#entryArea .pure-table caption {
  color: #000;
  font:
    italic 85%/1 arial,
    sans-serif;
  padding: 1em 0;
  text-align: center;
}

#entryArea .pure-table td,
.pure-table th {
  border-left: 1px solid #cbcbcb; /*  inner column border */
  border-width: 0 0 0 1px;
  font-size: inherit;
  margin: 0;
  overflow: visible; /*to make ths where the title is really long work*/
  padding: 6px 12px; /* cell padding */
}

#entryArea .pure-table td:first-child,
.pure-table th:first-child {
  border-left-width: 0;
}

#entryArea .pure-table thead {
  background: #e0e0e0;
  color: #000;
  text-align: left;
  vertical-align: bottom;
}

/*
striping: even - #fff (white) odd  - #f2f2f2 (light gray)
*/
#entryArea .pure-table td {
  background-color: transparent;
}

#entryArea .pure-table-odd td {
  background-color: #f2f2f2;
}

/* nth-child selector for modern browsers */
#entryArea .pure-table-striped tr:nth-child(2n-1) td {
  background-color: #f2f2f2;
}

/* BORDERED TABLES */
#entryArea .pure-table-bordered td {
  border-bottom: 1px solid #cbcbcb;
}

#entryArea .pure-table-bordered tbody > tr:last-child td,
.pure-table-horizontal tbody > tr:last-child td {
  border-bottom-width: 0;
}

/* HORIZONTAL BORDERED TABLES */
#entryArea .pure-table-horizontal td,
.pure-table-horizontal th {
  border-width: 0 0 1px 0;
  border-bottom: 1px solid #cbcbcb;
}

#entryArea .pure-table-horizontal tbody > tr:last-child td {
  border-bottom-width: 0;
}