/******************************************************************
Site Name: Daily News Article  Official Article Material of RareJob
Author: Rarejob


Stylesheet: Main Stylesheet
******************************************************************/
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
html {
  font-size: 62.5%;
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

body {
  margin: 0;
  position: relative;
}

/* ==========================================================================
   Links
   ========================================================================== */
a {
  background: transparent;
}

a:focus {
  outline: thin dotted;
}

a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong,
.strong {
  font-weight: bold;
}

dfn,
em,
.em {
  font-style: italic;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

pre {
  margin: 0;
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

pre {
  white-space: pre-wrap;
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

q:before,
q:after {
  content: '';
  content: none;
}

small, .small {
  font-size: 75%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
  Lists
========================================================================== */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0;
}

menu {
  padding: 0 0 0 40px;
}

ol,
ul {
  padding: 0;
  list-style-type: none;
}

nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
  Embedded content
========================================================================== */
img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

button,
input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.image-replacement,
.ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.clearfix, .cf {
  zoom: 1;
}
.clearfix:before, .clearfix:after, .cf:before, .cf:after {
  content: "";
  display: table;
}
.clearfix:after, .cf:after {
  clear: both;
}

span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
  font-style: italic;
}

/******************************************************************
Stylesheet: Variables
******************************************************************/
/******************************************************************
Stylesheet: Typography
******************************************************************/
p {
  -ms-word-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-before: 2;
  -webkit-hyphenate-after: 3;
  hyphenate-lines: 3;
}

/******************************************************************
Stylesheet: Sass Functions
******************************************************************/
/******************************************************************
Stylesheet: Mixins Stylesheet
******************************************************************/
/******************************************************************
Stylesheet: Grid Stylesheet
******************************************************************/
.last-col {
  float: right;
  padding-right: 0 !important;
}

@media (max-width: 767px) {
  .m-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0;
  }

  .m-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%;
  }

  .m-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%;
  }

  .m-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%;
  }

  .m-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%;
  }

  .m-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%;
  }
}
@media (min-width: 768px) and (max-width: 1029px) {
  .t-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0;
  }

  .t-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%;
  }

  .t-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%;
  }

  .t-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%;
  }

  .t-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%;
  }

  .t-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%;
  }

  .t-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%;
  }

  .t-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%;
  }

  .t-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%;
  }

  .t-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%;
  }
}
@media (min-width: 1030px) {
  .d-all {
    float: left;
    padding-right: 0.75em;
    width: 100%;
    padding-right: 0;
  }

  .d-1of2 {
    float: left;
    padding-right: 0.75em;
    width: 50%;
  }

  .d-1of3 {
    float: left;
    padding-right: 0.75em;
    width: 33.33%;
  }

  .d-2of3 {
    float: left;
    padding-right: 0.75em;
    width: 66.66%;
  }

  .d-1of4 {
    float: left;
    padding-right: 0.75em;
    width: 25%;
  }

  .d-3of4 {
    float: left;
    padding-right: 0.75em;
    width: 75%;
  }

  .d-1of5 {
    float: left;
    padding-right: 0.75em;
    width: 20%;
  }

  .d-2of5 {
    float: left;
    padding-right: 0.75em;
    width: 40%;
  }

  .d-3of5 {
    float: left;
    padding-right: 0.75em;
    width: 60%;
  }

  .d-4of5 {
    float: left;
    padding-right: 0.75em;
    width: 80%;
  }

  .d-1of6 {
    float: left;
    padding-right: 0.75em;
    width: 16.6666666667%;
  }

  .d-1of7 {
    float: left;
    padding-right: 0.75em;
    width: 14.2857142857%;
  }

  .d-2of7 {
    float: left;
    padding-right: 0.75em;
    width: 28.5714286%;
  }

  .d-3of7 {
    float: left;
    padding-right: 0.75em;
    width: 42.8571429%;
  }

  .d-4of7 {
    float: left;
    padding-right: 0.75em;
    width: 57.1428572%;
  }

  .d-5of7 {
    float: left;
    padding-right: 0.75em;
    width: 71.4285715%;
  }

  .d-6of7 {
    float: left;
    padding-right: 0.75em;
    width: 85.7142857%;
  }

  .d-1of8 {
    float: left;
    padding-right: 0.75em;
    width: 12.5%;
  }

  .d-1of9 {
    float: left;
    padding-right: 0.75em;
    width: 11.1111111111%;
  }

  .d-1of10 {
    float: left;
    padding-right: 0.75em;
    width: 10%;
  }

  .d-1of11 {
    float: left;
    padding-right: 0.75em;
    width: 9.09090909091%;
  }

  .d-1of12 {
    float: left;
    padding-right: 0.75em;
    width: 8.33%;
  }
}
/******************************************************************
Stylesheet: Alert Styles
******************************************************************/
.alert-help, .alert-info, .alert-error, .alert-success {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
}

.alert-help {
  border-color: #e8dc59;
  background: #ebe16f;
}

.alert-info {
  border-color: #bfe4f4;
  background: #d5edf8;
}

.alert-error {
  border-color: #f8cdce;
  background: #fbe3e4;
}

.alert-success {
  border-color: #deeaae;
  background: #e6efc2;
}

/******************************************************************
Stylesheet: Button Styles
******************************************************************/
.blue-btn {
  display: inline-block;
  position: relative;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, "Segoe UI", "Hiragino Kaku Gothic Pro W3", meiryo, sans-serif;
  text-decoration: none;
  color: #fff;
  font-size: 0.9em;
  font-size: 34px;
  line-height: 34px;
  font-weight: normal;
  padding: 0 24px;
  border-radius: 4px;
  border: 0;
  cursor: pointer;
  -webkit-transition: background-color 0.14s ease-in-out;
  transition: background-color 0.14s ease-in-out;
}
.blue-btn:hover, .blue-btn:focus {
  color: #fff;
  text-decoration: none;
  outline: none;
}
.blue-btn:active {
  top: 1px;
}

.blue-btn {
  background-color: #2980b9;
}
.blue-btn:hover, .blue-btn:focus {
  background-color: #2574a8;
}
.blue-btn:active {
  background-color: #2472a4;
}

.btn-primary {
  background-color: #8dc21f;
  border-color: #7dac1b;
}
.btn-primary:hover, .btn-primary:focus {
  background-color: #6d9618;
}
.btn-primary:active {
  background-color: #6d9618;
}

/******************************************************************
Stylesheet: Form Styles
******************************************************************/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
  display: block;
  height: 40px;
  line-height: 1em;
  padding: 0 12px;
  margin-bottom: 14px;
  font-size: 1em;
  color: #333;
  border-radius: 3px;
  vertical-align: middle;
  box-shadow: none;
  border: 0;
  width: 100%;
  max-width: 400px;
  font-family: "Lato", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, "Segoe UI", "Hiragino Kaku Gothic Pro W3", meiryo, sans-serif;
  background-color: #eaedf2;
  -webkit-transition: background-color 0.24s ease-in-out;
  transition: background-color 0.24s ease-in-out;
}
input[type="text"]:focus, input[type="text"]:active,
input[type="password"]:focus,
input[type="password"]:active,
input[type="datetime"]:focus,
input[type="datetime"]:active,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:active,
input[type="date"]:focus,
input[type="date"]:active,
input[type="month"]:focus,
input[type="month"]:active,
input[type="time"]:focus,
input[type="time"]:active,
input[type="week"]:focus,
input[type="week"]:active,
input[type="number"]:focus,
input[type="number"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[type="url"]:focus,
input[type="url"]:active,
input[type="search"]:focus,
input[type="search"]:active,
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="color"]:focus,
input[type="color"]:active,
select:focus,
select:active,
textarea:focus,
textarea:active,
.field:focus,
.field:active {
  background-color: #f7f8fa;
  outline: none;
}
input[type="text"].error, input[type="text"].is-invalid,
input[type="password"].error,
input[type="password"].is-invalid,
input[type="datetime"].error,
input[type="datetime"].is-invalid,
input[type="datetime-local"].error,
input[type="datetime-local"].is-invalid,
input[type="date"].error,
input[type="date"].is-invalid,
input[type="month"].error,
input[type="month"].is-invalid,
input[type="time"].error,
input[type="time"].is-invalid,
input[type="week"].error,
input[type="week"].is-invalid,
input[type="number"].error,
input[type="number"].is-invalid,
input[type="email"].error,
input[type="email"].is-invalid,
input[type="url"].error,
input[type="url"].is-invalid,
input[type="search"].error,
input[type="search"].is-invalid,
input[type="tel"].error,
input[type="tel"].is-invalid,
input[type="color"].error,
input[type="color"].is-invalid,
select.error,
select.is-invalid,
textarea.error,
textarea.is-invalid,
.field.error,
.field.is-invalid {
  color: #fbe3e4;
  border-color: #fbe3e4;
  background-color: #fff;
  background-position: 99% center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
  outline-color: #fbe3e4;
}
input[type="text"].success, input[type="text"].is-valid,
input[type="password"].success,
input[type="password"].is-valid,
input[type="datetime"].success,
input[type="datetime"].is-valid,
input[type="datetime-local"].success,
input[type="datetime-local"].is-valid,
input[type="date"].success,
input[type="date"].is-valid,
input[type="month"].success,
input[type="month"].is-valid,
input[type="time"].success,
input[type="time"].is-valid,
input[type="week"].success,
input[type="week"].is-valid,
input[type="number"].success,
input[type="number"].is-valid,
input[type="email"].success,
input[type="email"].is-valid,
input[type="url"].success,
input[type="url"].is-valid,
input[type="search"].success,
input[type="search"].is-valid,
input[type="tel"].success,
input[type="tel"].is-valid,
input[type="color"].success,
input[type="color"].is-valid,
select.success,
select.is-valid,
textarea.success,
textarea.is-valid,
.field.success,
.field.is-valid {
  color: #e6efc2;
  border-color: #e6efc2;
  background-color: #fff;
  background-position: 99% center;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
  outline-color: #e6efc2;
}
input[type="text"][disabled], input[type="text"].is-disabled,
input[type="password"][disabled],
input[type="password"].is-disabled,
input[type="datetime"][disabled],
input[type="datetime"].is-disabled,
input[type="datetime-local"][disabled],
input[type="datetime-local"].is-disabled,
input[type="date"][disabled],
input[type="date"].is-disabled,
input[type="month"][disabled],
input[type="month"].is-disabled,
input[type="time"][disabled],
input[type="time"].is-disabled,
input[type="week"][disabled],
input[type="week"].is-disabled,
input[type="number"][disabled],
input[type="number"].is-disabled,
input[type="email"][disabled],
input[type="email"].is-disabled,
input[type="url"][disabled],
input[type="url"].is-disabled,
input[type="search"][disabled],
input[type="search"].is-disabled,
input[type="tel"][disabled],
input[type="tel"].is-disabled,
input[type="color"][disabled],
input[type="color"].is-disabled,
select[disabled],
select.is-disabled,
textarea[disabled],
textarea.is-disabled,
.field[disabled],
.field.is-disabled {
  cursor: not-allowed;
  border-color: #cfcfcf;
  opacity: 0.6;
}
input[type="text"][disabled]:focus, input[type="text"][disabled]:active, input[type="text"].is-disabled:focus, input[type="text"].is-disabled:active,
input[type="password"][disabled]:focus,
input[type="password"][disabled]:active,
input[type="password"].is-disabled:focus,
input[type="password"].is-disabled:active,
input[type="datetime"][disabled]:focus,
input[type="datetime"][disabled]:active,
input[type="datetime"].is-disabled:focus,
input[type="datetime"].is-disabled:active,
input[type="datetime-local"][disabled]:focus,
input[type="datetime-local"][disabled]:active,
input[type="datetime-local"].is-disabled:focus,
input[type="datetime-local"].is-disabled:active,
input[type="date"][disabled]:focus,
input[type="date"][disabled]:active,
input[type="date"].is-disabled:focus,
input[type="date"].is-disabled:active,
input[type="month"][disabled]:focus,
input[type="month"][disabled]:active,
input[type="month"].is-disabled:focus,
input[type="month"].is-disabled:active,
input[type="time"][disabled]:focus,
input[type="time"][disabled]:active,
input[type="time"].is-disabled:focus,
input[type="time"].is-disabled:active,
input[type="week"][disabled]:focus,
input[type="week"][disabled]:active,
input[type="week"].is-disabled:focus,
input[type="week"].is-disabled:active,
input[type="number"][disabled]:focus,
input[type="number"][disabled]:active,
input[type="number"].is-disabled:focus,
input[type="number"].is-disabled:active,
input[type="email"][disabled]:focus,
input[type="email"][disabled]:active,
input[type="email"].is-disabled:focus,
input[type="email"].is-disabled:active,
input[type="url"][disabled]:focus,
input[type="url"][disabled]:active,
input[type="url"].is-disabled:focus,
input[type="url"].is-disabled:active,
input[type="search"][disabled]:focus,
input[type="search"][disabled]:active,
input[type="search"].is-disabled:focus,
input[type="search"].is-disabled:active,
input[type="tel"][disabled]:focus,
input[type="tel"][disabled]:active,
input[type="tel"].is-disabled:focus,
input[type="tel"].is-disabled:active,
input[type="color"][disabled]:focus,
input[type="color"][disabled]:active,
input[type="color"].is-disabled:focus,
input[type="color"].is-disabled:active,
select[disabled]:focus,
select[disabled]:active,
select.is-disabled:focus,
select.is-disabled:active,
textarea[disabled]:focus,
textarea[disabled]:active,
textarea.is-disabled:focus,
textarea.is-disabled:active,
.field[disabled]:focus,
.field[disabled]:active,
.field.is-disabled:focus,
.field.is-disabled:active {
  background-color: #d5edf8;
}

input[type="password"] {
  letter-spacing: 0.3em;
}

textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em;
}

select {
  -webkit-appearance: none;
  /* 1 */
  -moz-appearance: none;
  appearance: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 97.5% center;
}

/******************************************************************
Stylesheet: Base Mobile Stylesheet
******************************************************************/
html {
  font-size: 55.5%;
}

body {
  font-family: "Lato", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, "Segoe UI", "Hiragino Kaku Gothic Pro W3", meiryo, sans-serif;
  font-size: 1.6rem;
  color: #333;
  background-color: #f1f1f1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.wrap {
  width: 96%;
  margin: 0 auto;
}

a, a:visited {
  color: #279af0;
}
a:hover, a:focus, a:visited:hover, a:visited:focus {
  color: #0f83da;
}
a:link, a:visited:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  text-rendering: optimizelegibility;
  font-weight: bold;
}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none;
}

h1, .h1 {
  font-size: 2.75em;
}

h2, .h2 {
  font-size: 1.8em;
  margin-bottom: 0.375em;
}

h3, .h3 {
  font-size: 1.4em;
}

h4, .h4 {
  font-size: 1.2em;
}

h5, .h5 {
  font-size: 1.2em;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.header {
  background-color: #f1f1f1;
}

#logo {
  margin: 0.25rem 0;
  font-family: helvetica;
  letter-spacing: -2px;
  font-style: italic;
  font-size: 3.5rem;
  color: #333;
}
#logo a {
  color: #2e375b;
}

.nav {
  border-bottom: 0;
  margin: 0;
}
.nav li a {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 0.75em;
}
.nav li ul.sub-menu li a,
.nav li ul.children li a {
  padding-left: 30px;
}

#breadcrumb ul {
  margin: .5rem 0;
  font-size: 1.2rem;
}
#breadcrumb ul li {
  float: left;
  display: inline-block;
  padding-right: .5rem;
}
#breadcrumb ul li:not(:last-child):after {
  content: '>';
  margin-left: .5rem;
}
.faq {
  font-size: 1.5rem;
  clear: both;
}

#content {
  margin-top: .75rem;
}

.hentry {
  background-color: #fff;
  border-radius: 3px;
  margin-bottom: 1.5em;
  border: 1px solid #ccc;
}
.hentry header {
  border-bottom: 1px solid #f1f1f1;
  padding: 1.5rem;
}
.hentry footer {
  padding: 1.5rem;
  border-top: 1px solid #f1f1f1;
}
.hentry footer p {
  margin: 0;
}

.single-title,
.page-title,
.entry-title {
  margin: 0;
}

.page-title {
  margin-bottom: 1.5rem;
  font-size: 3rem;
}

.byline {
  color: #9fa6b4;
  font-style: italic;
  font-size: 1.2rem;
  margin: 0;
}

.entry-content {
  padding: 1.5rem 1.5rem 0;
}
.entry-content p {
  margin: 0 0 1.5rem;
}
.entry-content table {
  width: 100%;
  border: 1px solid #eaedf2;
  margin-bottom: 1.5em;
}
.entry-content table caption {
  margin: 0 0 7px;
  font-size: 0.75em;
  color: #9fa6b4;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.entry-content tr {
  border-bottom: 1px solid #eaedf2;
}
.entry-content tr:nth-child(even) {
  background-color: #f1f1f1;
}
.entry-content td {
  padding: 7px;
  border-right: 1px solid #eaedf2;
}
.entry-content td:last-child {
  border-right: 0;
}
.entry-content th {
  background-color: #f1f1f1;
  border-bottom: 1px solid #eaedf2;
  border-right: 1px solid #eaedf2;
}
.entry-content th:last-child {
  border-right: 0;
}
.entry-content blockquote {
  margin: 0 0 1.5em 0.75em;
  padding: 0 0 0 0.75em;
  border-left: 3px solid #2980b9;
  font-style: italic;
  color: #9fa6b4;
}
.entry-content dd {
  margin-left: 0;
  font-size: 0.9em;
  color: #787878;
  margin-bottom: 1.5em;
}
.entry-content img {
  margin: 0 0 1.5em 0;
  max-width: 100%;
  height: auto;
}
.entry-content .size-auto,
.entry-content .size-full,
.entry-content .size-large,
.entry-content .size-medium,
.entry-content .size-thumbnail {
  max-width: 100%;
  height: auto;
}
.entry-content pre {
  background: #2e375b;
  color: #f1f1f1;
  font-size: 0.9em;
  padding: 1.5em;
  margin: 0 0 1.5em;
  border-radius: 3px;
}

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
}
.wp-caption img {
  max-width: 100%;
  margin-bottom: 0;
  width: 100%;
}
.wp-caption p.wp-caption-text {
  font-size: 0.85em;
  margin: 4px 0 7px;
  text-align: center;
}

.tags {
  margin: 0;
}

.pagination,
.wp-prev-next {
  margin: 1.5em 0;
}

.pagination {
  text-align: center;
}
.pagination ul {
  display: inline-block;
  background-color: #fff;
  white-space: nowrap;
  padding: 0;
  clear: both;
  border-radius: 3px;
}
.pagination li {
  padding: 0;
  margin: 0;
  float: left;
  display: inline;
  overflow: hidden;
  border-right: 1px solid #eaedf2;
}
.pagination a, .pagination span {
  margin: 0;
  text-decoration: none;
  line-height: 1em;
  font-size: 1em;
  font-weight: normal;
  padding: 0.75em;
  min-width: 1em;
  display: block;
  color: #2980b9;
}
.pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus {
  background-color: #2980b9;
  color: #fff;
}
.pagination a.page-numbers-icon, .pagination span.page-numbers-icon {
  padding: .5em .75em;
}
.pagination .current {
  cursor: default;
  color: #333;
}
.pagination .current:hover, .pagination .current:focus {
  background-color: #fff;
  color: #333;
}

.wp-prev-next .prev-link {
  float: left;
}
.wp-prev-next .next-link {
  float: right;
}

/*********************
SIDEBARS & ASIDES
*********************/
.widgettitle {
  border-bottom: 2px solid #444;
  margin-bottom: .75em;
}

.no-widgets {
  background-color: #fff;
  padding: 1.5em;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-bottom: 1.5em;
}

.footer {
  clear: both;
  background-color: #fff;
  color: #2e375b;
  padding: 1.5rem 0;
}

.copyright {
  display: inline-block;
  float: left;
  font-size: 1.2rem;
}

#poweredby {
  display: inline-block;
  float: right;
  font-size: 1rem;
  color: #333;
}
#poweredby #rj-logo {
  width: 80px;
}
#poweredby #rj-logo img {
  width: 100%;
}

@media only screen and (min-width: 481px) {
  /******************************************************************
  This stylesheet is loaded for larger devices. It's set to
  481px because at 480px it would load on a landscaped iPhone.
  This isn't ideal because then you would be loading all those
  extra styles on that same mobile connection.
  
  A word of warning. This size COULD be a larger mobile device,
  so you still want to keep it pretty light and simply expand
  upon your base.scss styles.
  ******************************************************************/
  /*
  IMPORTANT NOTE ABOUT SASS 3.3 & UP
  You can't use @extend within media queries
  anymore, so just be aware that if you drop
  them in here, they won't work.
  */
  /*********************
  NAVIGATION STYLES
  *********************/
  /* .menu is clearfixed inside mixins.scss */
  .menu {
    /* end .menu ul */
  }
  .menu ul {
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */
  }
  .menu ul li {
    /*
    plan your menus and drop-downs wisely.
    */
  }
  .menu ul li a {
    /*
    you can use hover styles here even though this size
    has the possibility of being a mobile device.
    */
  }

  /* end .menu */
  /*********************
  POSTS & CONTENT STYLES
  *********************/
  /* entry content */
  .entry-content {
    /* at this larger size, we can start to align images */
  }
  .entry-content .alignleft, .entry-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
  }
  .entry-content .alignright, .entry-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
  }
  .entry-content .aligncenter, .entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
  }

  /* end .entry-content */
  /*********************
  FOOTER STYLES
  *********************/
  /*
  check your menus here. do they look good?
  do they need tweaking?
  */
  /* end .footer-links */
}
@media only screen and (min-width: 768px) {
  /******************************************************************
  Stylesheet: Tablet & Small Desktop Stylesheet
  ******************************************************************/
  .wrap {
    width: 760px;
  }

  .nav {
    border: 0;
  }
  .nav ul {
    background: #2e375b;
    margin-top: 0;
  }
  .nav li {
    float: left;
    position: relative;
  }
  .nav li a {
    border-bottom: 0;
  }
  .nav li a:hover, .nav li a:focus {
    color: #0f83da;
    text-decoration: none;
  }
  .nav li ul.sub-menu,
  .nav li ul.children {
    margin-top: 0;
    border: 1px solid #ccc;
    border-top: 0;
    position: absolute;
    visibility: hidden;
    z-index: 8999;
  }
  .nav li ul.sub-menu li a,
  .nav li ul.children li a {
    padding-left: 10px;
    border-right: 0;
    display: block;
    width: 180px;
    border-bottom: 1px solid #ccc;
  }
  .nav li ul.sub-menu li:last-child a,
  .nav li ul.children li:last-child a {
    border-bottom: 0;
  }
  .nav li ul.sub-menu li ul,
  .nav li ul.children li ul {
    top: 0;
    left: 100%;
  }
  .nav li:hover > ul {
    top: auto;
    visibility: visible;
  }

  .sidebar {
    margin-top: 0;
  }

  .widget {
    padding: 0 10px;
    margin: 2.2em 0;
  }
  .widget ul li {
    margin-bottom: 0.75em;
  }
  .widget ul li ul {
    margin-top: 0.75em;
    padding-left: 1em;
  }
}
@media only screen and (min-width: 1030px) {
  /******************************************************************
  Stylesheet: Desktop Stylsheet
  
  This is the desktop size. It's larger than an iPad so it will only
  be seen on the Desktop.
  ******************************************************************/
  html {
    font-size: 62.5%;
  }

  body {
    font-size: 1.8rem;
  }

  .wrap {
    width: 1040px;
  }

  #breadcrumb ul {
    margin: .5rem 0 1rem;
  }
}
@media only screen and (min-width: 1240px) {
  /******************************************************************
  Stylesheet: Super Large Monitor Stylesheet
  
  You can add some advanced styles here if you like. This kicks in
  on larger screens.
  ******************************************************************/
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /******************************************************************
  Stylesheet: Retina Screens & Devices Stylesheet
  
  When handling retina screens you need to make adjustments, especially
  if you're not using font icons. Here you can add them in one neat
  place.
  ******************************************************************/
  /* 
  
  EXAMPLE 
  Let's say you have an image and you need to make sure it looks ok
  on retina screens. Let's say we have an icon which dimension are
  24px x 24px. In your regular stylesheets, it would look something
  like this:
  
  .icon {
  	width: 24px;
  	height: 24px;
  	background: url(img/test.png) no-repeat;
  }
  
  For retina screens, we have to make some adjustments, so that image
  doesn't look blurry. So, taking into account the image above and the
  dimensions, this is what we would put in our retina stylesheet:
  
  .icon {
  	background: url(img/test@2x.png) no-repeat;
  	background-size: 24px 24px;
  }
  
  So, you would create the same icon, but at double the resolution, meaning 
  it would be 48px x 48px. You'd name it the same, but with a @2x at the end
  (this is pretty standard practice). Set the background image so it matches
  the original dimensions and you are good to go. 
  
  */
}
@media print {
  /******************************************************************
  Stylesheet: Print Stylesheet
  ******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a:after, a:visited:after {
    content: " (" attr(href) ")";
  }
  a abbr[title]:after, a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr, img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }

  .discussion_cont {
    padding-bottom: 0px;
    margin-bottom: 0rem;
  }
  .discussion_cont br, .discussion_cont br:before {
    display: none;
  }
  .discussion_cont br + br {
    display: none;
  }
  .audio_box, .fsz_box {
    display: none;
  }
}
/* origin */
#inner-header {
  padding: 2rem 0;
}
@media only screen and (max-width: 767px) {
  #inner-header {
    padding: 1rem 0;
  }
}

#site-description {
  font-size: 1.2rem;
  color: #2e375b;
}
#site-description span {
  display: none;
  margin-left: 1rem;
}
@media only screen and (min-width: 768px) {
  #site-description span {
    display: inline-block;
  }
}

.header-main {
  float: left;
}

#nav {
  background: #2e375b;
}
#nav #menu-gnavi {
  width: 100%;
  font-size: 1.4rem;
}
#nav #menu-gnavi a {
  cursor: pointer;
  padding: 1rem 2rem;
}
@media only screen and (min-width: 768px) {
  #nav #menu-gnavi a {
    padding: 1.25rem 1rem;
  }
}
#nav .wrap {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  #nav .wrap {
    width: 760px;
  }
}
@media only screen and (min-width: 1030px) {
  #nav .wrap {
    width: 1040px;
  }
}

.nav > li > a:focus, .nav > li > a:hover {
  background: #fff;
}
@media only screen and (max-width: 1029px) {
  .nav > li > a:focus, .nav > li > a:hover {
    background: #3f4b7d;
  }
}

.nav-toggle {
  display: none;
}

@media only screen and (max-width: 767px) {
  #inner-nav {
    width: 100%;
    padding: 0;
    color: #fff;
    text-decoration: none;
  }
  #inner-nav li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }

  .nav-toggle {
    display: block;
    position: relative;
    width: 100%;
  }
  .nav-toggle i {
    vertical-align: middle;
    float: right;
    padding-right: 2rem;
  }
  .nav-toggle a {
    display: block;
    padding: 12px 0 10px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #1d2339;
  }
  .nav-toggle a:hover, .nav-toggle a:visited {
    color: #fff;
  }
}
.fsz_box {
  margin: .5rem;
  float: right;
}
.fsz_box dt, .fsz_box dd {
  display: table-cell;
}
.fsz_box dd ul {
  margin: 0;
}
@media only screen and (min-width: 1030px) {
  .fsz_box {
    display: none;
  }
}

.fs {
  margin: 5px;
  background: #fff;
  border: 1px solid #eaedf2;
}
.fs.btn:hover {
  background: #f8f8f8;
}

.widget {
  margin: 0 0 2.2em;
}
.widget.widget_search #searchform input[type="text"], .widget.widget_search #searchform input[type="search"] {
  background: #fff;
  box-sizing: border-box;
}
.widget.widget_favorites .text {
  font-size: 1.4rem;
}
.widget.widget_podcast img {
  width: 200px;
  height: auto;
}
.widget .widgettitle {
  font-size: 1.6rem;
}
.widget .widgettitle span {
  margin-left: 1.5rem;
}
.widget h1, .widget .h1 {
  font-size: 2.5rem;
}
.widget h2, .widget .h2 {
  font-size: 2rem;
}
.widget h3, .widget .h3 {
  font-size: 1.8rem;
}
.widget h4, .widget .h4 {
  font-size: 1.6rem;
}
.widget h5, .widget .h5 {
  font-size: 1.4rem;
}
.widget ul li {
  font-size: 1.6rem;
  list-style-type: none;
}

.ex-link {
  text-align: right;
  font-size: 1.4rem;
}
.ex-link i {
  font-size: 1.4rem;
  vertical-align: middle;
}

.lead_text {
  color: #888;
}

.dna_content em, .dna_content i {
  font-style: italic;
}

.audio_box {
  margin-top: 0;
  margin-bottom: 20px;
}
.audio_box h3 {
  margin-top: 0;
}
.audio_box .player_wrap {
  display: table;
  width: 100%;
}
.audio_box .player {
  width: 90%;
  display: table-cell;
}
@media only screen and (max-width: 767px) {
  .audio_box .player {
    width: 100%;
  }
}
.audio_box .plyr__controls {
  padding: 10px;
  border-radius: inherit;
  background: rgba(63, 70, 76, 0.85);
  color: #fff;
}
.audio_box .plyr__control[data-plyr=rewind] {
  position: relative;
}
.audio_box .plyr__control[data-plyr=rewind]:after {
  content: '5 secs';
  position: absolute;
  font-size: 1rem;
  width: 5rem;
  bottom: -.6rem;
  left: -.75rem;
}
.audio_box .plyr__control[data-plyr=rewind]:hover:after {
  display: none;
}
.audio_box .plyr--full-ui input[type=range] {
  color: #37a1e8;
}
@media only screen and (max-width: 480px) {
  .audio_box .plyr__volume {
    display: none;
  }
}
.audio_box .plyr__menu__container {
  box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2);
  color: #565D64;
}
.audio_box .audio_dl {
  width: 8%;
  display: table-cell;
  border-radius: inherit;
  background: rgba(63, 70, 76, 0.85);
  border-left: 1px solid #909ca2;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}
.audio_box .audio_dl i {
  vertical-align: text-bottom;
  font-style: normal;
}
.audio_box .audio_dl a {
  padding: 4px;
  border-radius: 3px;
  color: #fff;
  transition: all .3s ease;
}
.audio_box .audio_dl a:hover {
  background: #1aafff;
  color: #fff;
}

@media only screen and (max-width: 480px) {
  body.single .audio_box {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    margin: 0 !important;
  }
  body.single .audio_box h3 {
    display: none;
  }
}
.preparation_box p a + br,
.preparation_box p + br {
  display: none;
}

.umw_box .em {
  font-weight: bold;
}
.umw_box .unlocking_word_meanings_list {
  font-size: .9em;
}
.umw_box .unlocking_word_meanings_list li {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, "Segoe UI", "Hiragino Kaku Gothic Pro W3", meiryo, sans-serif;
  list-style-type: decimal;
  margin-left: 1.5em;
  margin-bottom: 5px;
}
.umw_box .unlocking_word_meanings_list li p {
  display: inline;
}
.umw_box .unlocking_word_meanings_list li p br {
  display: none;
}
.umw_box .unlocking_word_meanings_list em {
  font-weight: bold;
  color: #bd0040;
}
.umw_box .symbol {
  color: #363687;
}
.umw_box .symbol br {
  display: none;
}
.umw_box .symbol em {
  color: #363687;
}
.umw_box .additional_info {
  display: block;
}

#contentsarea {
  padding-bottom: 50px;
}

#content article {
  margin-bottom: 20px;
}
#content article strong br:first-child {
  display: none;
}
#content article em + br {
  display: none;
}
#content .article {
  font-family: georgia;
  line-height: 1.75;
  background: #f8f8f8;
  padding: 1.5rem;
  text-align: justify;
  color: #111;
}
@media only screen and (max-width: 767px) {
  #content .article {
    padding: 1rem;
    text-align: inherit;
  }
}
#content .article br {
  display: none;
}

.article-header,
.article-footer {
  font-size: 1.3rem;
}
.article-header .h2,
.article-footer .h2 {
  margin: .375em 0;
}

.discussion_cont {
  margin-bottom: 2rem;
}
.discussion_cont br + br {
  display: none;
}

.discussion_box h4 {
  font-size: 1em;
}
.discussion_cont ul > br, .discussion_cont ol > br {
  display: none !important;
}
.discussion_cont ul , .discussion_cont ol {
  padding-left: 18px !important;
}
.archive-subtitle {
  font-size: .5em;
  display: block;
  color: #9fa6b4;
}

.entry-excerpt {
  color: #687285;
  padding: 1rem 1.75rem;
}

.audio_zip {
  text-align: right;
}
.audio_zip span {
  display: inline-block;
  margin-bottom: 1.5rem;
}

.search-content {
  padding: 1.5rem;
}

.post_date {
  color: #666666;
  font-size: 1.2rem;
  margin-right: 1rem;
  display: block;
}

.favorites_list_item {
  margin-bottom: 1rem;
}

.simplefavorite-button {
  background: #fff;
  border: 1px solid #ff4700;
  border-radius: 2px;
  font-size: 1.4rem;
  color: #ff4700;
  font-weight: bold;
}

.simplefavorite-button i {
  font-size: 1.6rem;
  vertical-align: text-bottom;
}
.simplefavorite-button.active {
  background: #ff4700;
  border: 1px solid #ff4700;
  border-radius: 2px;
  font-size: 1.4rem;
  color: #fff;
}
.simplefavorite-button.active i {
  color: #fff;
}

.footer #footer-nav,
.footer .links {
  font-size: 1.2rem;
}
.footer #footer-nav dl {
  margin-bottom: 1.75rem;
}
.footer #footer-nav dt {
  margin-bottom: 1rem;
}
.footer #footer-nav dd {
  line-height: 1.75;
}
.footer .social {
  display: table;
  margin: 1.5rem auto 0;
}
.footer .social li {
  float: left;
  margin: 0 1rem;
}
.footer .links {
  border-bottom: 1px solid #ccc;
  padding: 1.5rem 0;
  margin: 0 0 3rem;
}
.footer .links dd {
  float: left;
  margin-right: 1.5rem;
  display: inline-block;
}

.header_link_text {
  text-align: right;
  margin: .5rem;
  font-size: 1.5rem;
}

.print-btn {
  text-align: right;
  padding: .25rem .5rem;
}
.print-btn a {
  color: #0b64a6;
}

.icon-arrow {
  position: relative;
  display: inline-block;
  padding: 0 0 0 16px;
  vertical-align: middle;
  text-decoration: none;
}

.icon-arrow:before,
.icon-arrow:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 3px;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 4px;
  height: 4px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.icon-arrow:after {
  left: 6px;
}
/* Self Study */
.related-content {
  padding:15px 0px;
  font-size: 1.5rem;
}
.script-toggler, .story-toggler {
  margin-top: 1.5rem;
  display: inline-block;
  cursor: pointer;
  color:#019688;
  background-color: #F8F8F8;
  padding:5px 15px;
}
.video_box .plyr__volume[hidden]{
  display: block !important;
}
.self-study-side {
  font-size: 15px;
  padding-left: 8px;
  
}
.self-study-side span {
  display: block;
  color: #279af0;
  max-width: 280px;
  border-bottom: 1px solid #279af0;
}
/* RareLingo */
.ft-en {display: none;}
.remove-jp #site-description .site-desc-jp{
  display: none;
}
.remove-jp #site-description span {
  margin-left: 0rem;
}
.remove-jp .bc-home, .remove-jp .bc-mat, .remove-jp .bc-faq {
  position: relative;
}
.remove-jp .bc-jp, .remove-jp .faq-jp, .remove-jp .widgettitle span,  .remove-jp .widget_archive .widgettitle, .remove-jp .print-jp, .remove-jp .widget_search .widgettitle, .remove-jp .widget_audioarchive .widgettitle, .remove-jp .audio-files, .remove-jp .footer .ft-jp{
  display: none;
}
.remove-jp .bc-home::after {
  content: "Home";
}
.remove-jp .bc-mat::after {
  content: "Materials";
}
.remove-jp .bc-faq::after {
  content: "For users of Daily News Article: Please read the following before taking a lesson.";
}
.remove-jp .faq-advice::after {content: "Discussion Advice";}
.remove-jp .faq-about::after {content: "About Daily News Article";}
.remove-jp .faq-selfstudy::after {content: "What is Self Study?";}
.remove-jp .widget_archive::before {
  content: "Archives";
  display: block; 
  font-size:1.6rem;
  border-bottom: 2px solid #444;
  margin-bottom: .75em;
  font-weight: 700;
}
.remove-jp .print-button::before{
  content: "Open printable screen";
}
.remove-jp .widget_search::before{
  content: "Search by title";
  display: block; 
  font-size:1.6rem;
  border-bottom: 2px solid #444;
  margin-bottom: .75em;
  font-weight: 700;
}
.remove-jp .widget_audioarchive::before {
  content: "Audio files (by week)";
  display: block; 
  font-size:1.6rem;
  border-bottom: 2px solid #444;
  margin-bottom: .75em;
  font-weight: 700;
}
.remove-jp .widget_audioarchive .ex-link a::before {
  content: "All audio files";
}
.remove-jp .footer .ft-about::before {  content: "Beginner's Guide";}
.remove-jp .footer .ft-trial::before {  content: "What is a trial lesson?";}
.remove-jp .footer .ft-tutor::before {  content: "About the instructor";}
.remove-jp .footer .ft-philo::before {  content: "What is important to me?";}
.remove-jp .footer .ft-voice::before {  content: "User feedback";}
.remove-jp .footer .ft-mat::before {  content: "About the materials";}

.remove-jp .footer .ft-exp::before {  content: "Service";}
.remove-jp .footer .ft-con::before {  content: "Daily English conversation course";}
.remove-jp .footer .ft-bus::before {  content: "Business English Course";}
.remove-jp .footer .ft-cur::before {  content: "Curriculum";}
.remove-jp .footer .ft-speak::before {  content: "Speaking Test";}
.remove-jp .footer .ft-counsel::before {  content: "Counseling";}

.remove-jp .footer .ft-use::before {  content: "Regarding Use";}
.remove-jp .footer .ft-pay::before {  content: "Rate Plan";}
.remove-jp .footer .ft-flow::before {  content: "How to use";}
.remove-jp .footer .ft-faq::before {  content: "FAQ";}
.remove-jp .footer .ft-corp::before {  content: "For Corporate Clients";}
.remove-jp .footer .ft-school::before {  content: "For Educational Institutions";}

.remove-jp .footer .ft-rj::before {  content: "About RareJob";}
.remove-jp .footer .ft-sec::before {  content: "Information Policy";}
.remove-jp .footer .ft-priv::before {  content: "Privacy Policy";}
.remove-jp .footer .ft-rul::before {  content: "Terms & Conditions";}
.remove-jp .footer .ft-legal::before {  content: "Legal";}
.remove-jp .footer .ft-map::before {  content: "Site Map";}
.remove-jp .footer .ft-jpcorp::before {  content: "About Us";}
.remove-jp .footer .ft-appeal::before {  content: "Careers";}
.remove-jp .footer .ft-contact::before {  content: "Contact Us";}

.remove-jp .ft-en {display: block;}