@charset "UTF-8";
/*---------------------------------------------------------
 *Theme Name: moguravr
 *Theme URI: http://wp-fun.com
 *Description: stinger5
 *Author: enji
 *Author URI: http://wp-fun.com
 *License: GNU General Public License v2 or later
 *License URI: http://www.gnu.org/licenses/gpl-2.0.html
 *Tags: flexible-width, custom-header, custom-menu, editor-style,
 *Version: 20141227
 *--------------------------------------------------------- */
* {
  font-family: 'Helvetica', 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3',HiraKakuProN-W3,'Hiragino Kaku Gothic Pro',NanumGothic,'Malgun Gothic',sans-serif;
  margin: 0px;
  padding: 0px; }

main, article, aside, header, canvas, details, figcaption, figure, footer, nav, section, summary {
  display: block; }

body {
  min-width: 320px;
  word-wrap: break-word;
  background-color: #efefef; }
  @media only screen and (max-width: 780px) {
    body {
      background-color: #fff; } }

body.mceContentBody {
  background-color: #fff; }

/* リンクの色 */
a {
  color: #1B448A;
  text-decoration: underline; }

/* リンクにマウスオーバーした時の色 */
a:hover {
  text-decoration: none; }

img, video, object {
  max-width: 100%;
  height: auto;
  border: none;
  vertical-align: bottom;
  display: block; }

/* 画像リンクのマウスオーバーに透かし */
a:hover img {
  -moz-opacity: 0.8;
  opacity: 0.8; }

img.size-full,
img.size-large {
  margin-bottom: 10px;
  height: auto;
  max-width: 100%; }

.wp-caption {
  height: auto;
  max-width: 100%; }

/* ロゴ画像の最大サイズ */
.sitename img {
  max-width: 227px; }

/* スマートフォンは表示しない */
.smanone {
  display: none; }

/* clearfix */
.clearfix {
  zoom: 1; }

.clearfix::after {
  content: "";
  display: block;
  clear: both; }

.clear {
  clear: both; }

.center {
  text-align: center;
  padding-bottom: 20px; }

/* iframeのレスポンシブ */
/* .youtube-container {
 *}
 *.youtube-container iframe {
 *} */
/*--------------------------------
 *各フォント設定
 *--------------------------------- */
/* 基本の文字 */
p {
  font-size: 16px;
  line-height: 1.5; }

header {
  background-color: #fff;
  position: relative; }

#head .clearfix {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-left: 10px; }

header .logo {
  display: inline-block;
  vertical-align: top; }

header .sitename {
  font-size: 22px;
  color: #fff;
  line-height: 30px;
  font-family: 'Oswald', sans-serif; }

header .sitename a {
  color: #333;
  text-decoration: none;
  font-weight: bold; }

header .sitename a:hover {
  opacity: 0.8; }

/* ショルダーコピー */
header h1 {
  font-size: 12px;
  color: #666;
  font-weight: normal;
  margin-top: 0; }

header a {
  color: #FFF;
  text-decoration: none; }

header .descr {
  font-size: 12px;
  color: #666;
  font-weight: normal;
  margin-bottom: 0px;
  line-height: 20px;
  padding-bottom: 10px;
  text-align: left; }

/* ヘッダーバナーエリア */
.head_bnr {
  margin-bottom: 30px; }

.head_games {
  float: left;
  width: 29%; }

/* 記事タイトル */
.entry-title {
  font-size: 28px;
  line-height: 35px;
  color: #333;
  margin: 30px 0;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee; }

.entry-title a:hover {
  text-decoration: underline; }

.entry-title a {
  color: #333;
  text-decoration: none; }

.entry-authors {
  display: block; }

.entry-author {
  vertical-align: middle;
  display: inline-block; }

.entry-author .entry-author-img {
  vertical-align: middle;
  display: inline-block;
  width: 30px; }
  .entry-author .entry-author-img img {
    margin: 0; }

.link-writer-index {
  vertical-align: middle;
  display: inline-block; }

.entry-author .name {
  vertical-align: middle;
  display: inline-block;
  font-size: 14px;
  padding-top: 7px;
  padding-left: 3px; }

.entry-title2 {
  font-size: 30px;
  line-height: 30px;
  color: #333;
  margin: 10px 0 30px 0;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee; }

/* 中見出し */
h2 {
  position: relative;
  background: #ededed;
  color: #333;
  font-size: 24px;
  margin: 20px;
  border-radius: 4px; }

/*小見出し */
.post h3 {
  font-size: 20px;
  margin-bottom: 20px;
  margin-top: 10px;
  padding-top: 15px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  color: #1a1a1a;
  line-height: 27px;
  background-repeat: no-repeat;
  background-position: left center;
  margin-left: 0px;
  border-bottom: 1px #999999 dotted; }

h3 a {
  color: #333;
  text-decoration: none; }

.post h5 {
  margin-bottom: 10px;
  font-size: 16px; }

.wp-caption-text a, .wp-caption-text {
  font-size: 12px;
  color: #ccc; }

.post img {
  margin: 20px 0 0; }

.post p {
  margin-top: 24px; }

footer h4 a {
  color: #666;
  text-decoration: none; }

/* 関連記事の文字 */
.other_post {
  color: #fff;
  font-size: 20px;
  padding: 10px;
  margin-bottom: 20px;
  background: #1C448A;
  border-radius: 4px; }

/* 記事タイトル下 */
.blogbox p {
  font-size: 22px;
  color: #545454; }

.post_category {
  float: right; }

.post_category a {
  color: #fff;
  text-decoration: none; }

/* 引用 */
.post blockquote {
  background-color: #f3f3f3;
  background-image: url(images/quote.png);
  background-repeat: no-repeat;
  background-position: left top;
  padding-top: 70px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  margin-top: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #CCC; }

/* 引用じゃないけど引用と同じデザインにしたい時 */
.inyoumodoki {
  background-color: #f3f3f3;
  background-image: url(images/quote.png);
  background-repeat: no-repeat;
  background-position: left top;
  padding-top: 70px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  margin-top: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #CCC; }

/* フッター文字 */
#footer .copy {
  font-size: 14px;
  color: #666;
  line-height: 15px;
  -moz-opacity: 0.5;
  opacity: 0.5;
  max-width: 1080px;
  text-align: center;
  margin: 0 auto;
  padding: 20px 0; }

#footer_cate {
  background: #e0e0e0; }

#footer_cate h3 {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  padding: 15px 0; }

#footer_cate .inner {
  max-width: 1080px;
  margin: 0 auto;
  padding-bottom: 15px; }

#footer_cate .inner p {
  background: url(https://www.moguravr.com/wp-content/themes/stinger5ver20141227/images/foot_tag.png) no-repeat 5px center #999;
  display: inline-block;
  padding: 5px 5px 5px 30px;
  margin: 0 10px 10px 0; }

#footer_cate .inner p a {
  color: #fff;
  text-decoration: none; }

#footer_cate .inner p a:hover {
  text-decoration: underline; }

.footer_nav {
  background: #666;
  padding-bottom: 15px; }

.footer_nav ul {
  overflow: hidden;
  box-sizing: border-box;
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
  padding: 0 10px; }

.footer_nav li {
  display: inline-block;
  background: url(http://moguragames.xsrv.jp/wp-content/themes/stinger5ver20141227/images/foot_allow.png) no-repeat 0 center;
  margin: 15px 20px 0 0;
  padding: 0 0 0 10px;
  list-style: none; }

.footer_nav a {
  color: #fff;
  text-decoration: none;
  font-size: 14px; }

.footer_nav a:hover {
  text-decoration: underline; }

.itiran_data {
  display: inline-block;
  font-size: 14px;
  margin-bottom: 10px; }

.itiran_cate span {
  display: table-cell;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-radius: 4px;
  float: left;
  padding: 4px 10px;
  background: #5BC0CA; }
  .itiran_cate span + span {
    margin-left: 10px; }

/* 一覧タイトル下 */
.blog_info p a {
  color: #fff;
  text-decoration: none; }

/*--------------------------------
 *関連記事表示部分
 *--------------------------------- */
/* タイトル名 */
#kanren dd h5 {
  font-size: 14px;
  padding: 0px;
  margin-bottom: 5px; }

#kanren dd h5 a {
  text-decoration: underline;
  color: #333; }

#kanren dd h5 a:hover {
  text-decoration: none; }

#kanren {
  margin-bottom: 40px; }

#kanren dt {
  width: 210px; }

#kanren dt img {
  width: 208px;
  margin-bottom: 10px;
  margin-top: 0;
  border: 1px  solid #ccc; }

#kanren dl {
  max-width: 210px;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px; }

#kanren dl:last-child {
  margin-right: 0; }

/* 抜粋文字 */
#kanren .clearfix dd p {
  font-size: 13px;
  color: #666;
  line-height: 18px; }

/* RSS購読するボタン */
.rssbox a {
  display: block;
  width: 100%;
  box-sizing: border-box;
  background-color: #1a1a1a;
  padding: 5px 10px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #fff;
  box-sizing: border-box;
  text-decoration: none; }

.rssbox a:hover {
  -moz-opacity: 0.8;
  opacity: 0.8; }

/*--------------------------------
 *エディタ用
 *--------------------------------- */
/*テーブル */
.post table {
  border-top: 1px #999 solid;
  border-right: 1px #999 solid; }

table tr td {
  padding: 10px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-bottom-style: solid;
  border-left-style: solid;
  border-bottom-color: #999;
  border-left-color: #999;
  font-size: 14px;
  line-height: 25px; }

.post table tr:nth-child(even) {
  background-color: #f3f3f3; }

#main .post table {
  border-top-width: 1px;
  border-right-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-top-color: #999;
  border-right-color: #999;
  color: #333; }

/*画像 */
img.alignright {
  display: block;
  margin: 0 0 0 auto; }

img.alignleft {
  display: block;
  margin: 0 auto 0 0; }

img.aligncenter {
  display: block;
  margin: 0 auto; }

img.float-left {
  float: left; }

img.float-right {
  float: right; }

.wp-caption {
  text-align: center; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.ie8 img {
  width: auto; }

/*リスト */
.post ul {
  list-style-type: disc;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  margin-bottom: 20px; }

.post ul li {
  font-size: 17px;
  line-height: 27px; }

.post ol {
  list-style-type: decimal;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  margin-bottom: 20px; }

.post ol li {
  font-size: 17px;
  line-height: 27px; }

/*--------------------------------
 *ページャー
 *--------------------------------- */
.pagination {
  position: relative;
  text-align: center;
  clear: both;
  font-size: 14px;
  line-height: 13px;
  margin: 20px 0 40px; }

.pagination span,
.pagination a {
  display: inline-block;
  margin: 0 3px;
  padding: 9px;
  border: #ddd 1px solid;
  background-color: #fff;
  color: #555;
  font-size: 15px;
  text-decoration: none;
  border-radius: 3px; }

.pagination a:hover {
  text-decoration: none;
  opacity: .8; }

.pagination .current {
  background-color: #1C448A;
  border-color: #1C448A;
  color: #fff; }

/*--------------------------------
 *ぱんくず
 *--------------------------------- */
#breadcrumb {
  font-size: 13px; }

#breadcrumb a {
  color: #666;
  text-decoration: none; }

div#breadcrumb {
  padding: 0 0 5px;
  margin: 0 0 0px;
  clear: both; }

div#breadcrumb a {
  color: #ccc; }

div#breadcrumb div {
  display: inline;
  font-size: 13px; }

#breadcrumb div a {
  color: #666;
  text-decoration: none; }

/*--------------------------------
 *SNS
 *--------------------------------- */
#fb-root {
  display: none; }

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
  width: 100% !important; }

.sns li {
  margin: 5px 0; }

.sns .snsb li {
  float: left;
  margin-right: 10px;
  list-style-type: none; }

.post .sns .snsb.clearfix {
  padding-top: 20px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 0px; }

.sns_area {
  margin: 40px 0; }

.sns_btn {
  overflow: hidden; }

.sns_area a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  display: block;
  padding-left: 50px;
  font-size: 15px; }

.sns_area ul {
  margin: 0 !important;
  padding: 0 !important; }

.sns_area li {
  float: left;
  display: block;
  width: 19.2%;
  padding: 5px 0;
  margin-right: 1%;
  list-style: none;
  border-radius: 5px; }

.sns_area li:last-child {
  margin-right: 0; }

.sns_area .sns_fb {
  background: url(./images/sns_fb.jpg) no-repeat 20px center #3B5997; }

.sns_area .sns_twi {
  background: url(./images/sns_twitter.jpg) no-repeat 20px center #2CA9E1; }

.sns_area .sns_pocket {
  background: url(./images/sns_pocket.jpg) no-repeat 20px center #F2424F; }

.sns_area .sns_hatena {
  background: url(./images/sns_hatebu.jpg) no-repeat 20px center #5988C0; }

.sns_area .sns_line {
  background: url(./images/sns_line.png) no-repeat 20px center #00b900; }

/*--------------------------------
 *記事上SNSボタン
 *--------------------------------- */
.post .social-links {
  position: relative;
  width: 100%;
  margin: 15px 0;
  padding: 0;
  display: inline-block; }

.post .social-links li {
  vertical-align: top;
  display: inline-block;
  border: none;
  font-size: inherit;
  line-height: inherit; }

.post .social-links .facebook {
  min-width: 90px;
  line-height: .7em; }

/*--------------------------------
 *カレンダー
 *--------------------------------- */
#wp-calendar {
  border-collapse: collapse;
  border-top-width: 1px;
  border-right-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-top-color: #999;
  border-right-color: #999;
  width: 100%; }

#wp-calendar thead tr th {
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-bottom-style: solid;
  border-left-style: solid;
  border-bottom-color: #999;
  border-left-color: #999;
  font-size: 14px;
  padding: 3px;
  text-align: center;
  background-color: #f3f3f3; }

#wp-calendar td {
  text-align: center;
  padding: 0px;
  background-color: #fff; }

#wp-calendar caption {
  font-weight: bold;
  text-align: left;
  padding-top: 10px;
  padding-bottom: 5px;
  font-size: 14px; }

#wp-calendar tbody tr #today {
  background-color: #b0e0e6; }

/*--------------------------------
 *PAGE TOP
 *--------------------------------- */
#pagetop img {
  width: 60px;
  height: 40px;
  float: right; }

#pagetop {
  max-width: 1080px;
  height: 40px;
  margin: 0 auto; }

/*--------------------------------
 *コメント
 *--------------------------------- */
#comments p a {
  color: #333; }

#comments p {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  margin: 0px;
  color: #333;
  padding: 5px 0; }

#comments label {
  display: block; }

.metadata dd a {
  color: #333; }

.metadata {
  font-size: 13px;
  line-height: 20px; }

#comments {
  font-size: 14px;
  line-height: 20px;
  color: #333;
  background-color: #f3f3f3;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  margin-bottom: 20px;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #CCCCCC; }

.comment-body {
  padding: 10px;
  margin-bottom: 20px; }

.fn {
  font-style: normal;
  font-size: 13px; }

.says {
  font-size: 13px;
  line-height: 18px; }

.commentmetadata {
  font-size: 12px;
  line-height: 15px;
  height: 15px;
  width: 100%;
  clear: both;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 0px; }

.reply {
  padding: 5px;
  font-size: 13px; }

#comments #respond {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  color: #666; }

#comments #commentform .tags {
  padding: 10px;
  background-color: #f3f3f3;
  font-size: 13px; }

#comments #commentlist img {
  padding: 10px; }

#comments .commets-list {
  padding-left: 0px;
  list-style-type: none; }

ul.children {
  padding: 0px; }

.commets-list li {
  list-style-type: none; }

.comment-author.vcard .avatar {
  float: left;
  margin-right: 10px; }

.vcard .fn {
  font-size: 13px;
  line-height: 18px; }

/* コメント欄の下にある使用できるタグの表記を消す */
.form-allowed-tags {
  display: none; }

#comments h3 {
  background-image: url(images/come.png);
  font-size: 16px;
  padding: 10px 0px 10px 50px;
  border: none;
  margin-bottom: 0px; }

#comments textarea {
  margin-bottom: 10px;
  width: 100%;
  border: 1px #f2f2f2 solid; }

#comments input {
  box-sizing: border-box;
  padding: 10px;
  width: 100%;
  border-radius: 2px;
  border: 1px #f2f2f2 solid; }

/* コメントボタン */
#comments input[type="submit"] {
  background-color: #ccc;
  padding: 10px;
  -webkit-appearance: none; }

#wrapper {
  max-width: 1080px;
  padding: 0 10px;
  margin: 15px auto 0; }

#content {
  margin-top: 15px; }

#head {
  max-width: 1080px;
  margin: 0 auto 20px; }

#gazou {
  display: none; }

#gazou p {
  margin: 0px; }

main {
  padding: 0;
  margin: 0 -10px 20px; }

section {
  margin-bottom: 1em; }

footer {
  clear: both; }

.ad {
  padding-bottom: 10px; }

.postWrapper {
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  padding: 18px; }
  @media only screen and (max-width: 780px) {
    .postWrapper {
      padding: 10px; } }
  @media only screen and (max-width: 380px) {
    .postWrapper {
      padding: 0; } }

.post .interview {
  margin-top: 24px; }

.post .interview dl {
  margin-bottom: 20px; }

.post .interview dt {
  float: left;
  max-width: 105px;
  margin-right: 20px;
  font-weight: bold;
  color: #eb6854;
  text-align: right; }

.post .interview dd {
  *zoom: 1;
  overflow: hidden;
  float: right;
  max-width: 545px;
  width: 100%;
  color: #35251e;
  font-size: 1em;
  margin: 0; }

.post .interview dd:after {
  content: "";
  display: table;
  clear: both; }

.post .interview dd img {
  margin-top: 20px; }

/*--------------------------------
 * 個別記事下広告
 *--------------------------------- */
.post-footer-ads {
  padding: 0;
  text-align: center; }

.post-footer-ad {
  display: inline-block;
  list-style: none;
  width: 336px;
  height: 280px;
  margin: 20px 0; }

.post-footer-ads--mobile {
  position: relative;
  height: 250px;
  margin: 8px auto 8px auto; }

.post-footer-ads--mobile--inner {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -150px; }

/*media Queries ソーシャルボタン用
 *---------------------------------------------------- */
@media only screen and (max-width: 1080px) {
  .sns_area {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 20px 0; }
  .sns_area li {
    width: 19.2%; }
  .sns_area .sns_fb {
    background: url(./images/sns_fb.jpg) no-repeat center center #3B5997; }
  .sns_area .sns_twi {
    background: url(./images/sns_twitter.jpg) no-repeat center center #2CA9E1; }
  .sns_area .sns_pocket {
    background: url(./images/sns_pocket.jpg) no-repeat center center #F2424F; }
  .sns_area .sns_hatena {
    background: url(./images/sns_hatebu.jpg) no-repeat center center #5988C0; }
  .sns_area .sns_line {
    background: url(./images/sns_line.png) no-repeat center center #00b900; } }

/*media Queries タブレットサイズ
 *---------------------------------------------------- */
@media only screen and (max-width: 780px) {
  header .descr {
    font-size: 10px; }
  #head {
    margin: 0;
    padding: 10px 0; }
  .sitename img {
    max-width: 42vw; }
  aside {
    clear: both;
    float: none;
    width: auto;
    position: static !important; }
  .entry-title {
    margin-top: 15px;
    margin-bottom: 0;
    padding-bottom: 10px; }
  main {
    margin: 0; }
  #footer .inner {
    padding: 0 10px; }
  #footer_nav {
    padding: 0 10px; }
  h2 {
    position: relative;
    background: #f3f3f3;
    color: #1a1a1a;
    font-size: 20px;
    border-radius: 4px;
    margin: 60px 0 20px 0;
    padding: 15px; } }

/*media Queries タブレットサイズ
 *---------------------------------------------------- */
@media only screen and (min-width: 380px) {
  aside {
    width: 100%; }
  #footer .inner {
    padding: 0 10px; } }

@media only screen and (max-width: 380px) {
  .entry-title {
    font-size: 20px;
    line-height: 28px; } }

/*media Queries PCサイズ
 *---------------------------------------------------- */
@media only screen and (min-width: 780px) {
  .smanone {
    display: block; }
  .pcnone {
    display: none; }
  nav {
    display: block; }
  nav ul {
    text-align: center; }
  nav li {
    text-align: center;
    display: table-cell; }
  nav li:last-child {
    border-right: 1px solid #778FB9; }
  nav li li {
    float: left;
    display: inline; }
  #gazou {
    display: block;
    overflow: hidden; }
  #contentInner {
    float: left;
    width: 100%;
    margin-right: -338px; }
  main {
    margin-right: 370px;
    margin-left: 0px; }
  aside {
    float: right;
    padding: 0px;
    max-width: 338px; }
  /*--------------------------------
   *各フォント設定
   *--------------------------------- */
  p {
    font-size: 16px;
    line-height: 1.7; }
  /*記事タイトル */
  .entry-title {
    font-size: 28px;
    line-height: 35px;
    color: #333;
    margin: 30px 0 10px;
    padding-bottom: 20px; }
  .entry-title a:hover {
    text-decoration: underline; }
  /*中見出し */
  h2 {
    position: relative;
    background: #f3f3f3;
    color: #1a1a1a;
    font-size: 24px;
    border-radius: 4px;
    margin: 60px 0 20px 0;
    padding: 15px; }
  /*小見出し */
  .post h3 {
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 10px;
    padding-top: 15px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    color: #1a1a1a;
    line-height: 25px;
    background-repeat: no-repeat;
    background-position: left center;
    margin-left: 0px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #999999; }
  /*リスト */
  .post ul {
    list-style-type: disc;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    margin-bottom: 20px; }
  .post ul li {
    font-size: 14px;
    line-height: 27px; }
  .post ol {
    list-style-type: decimal;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    margin-bottom: 20px; }
  .post ol li {
    font-size: 14px;
    line-height: 27px; } }

/*一覧ページ　広告
 *---------------------------------------------------- */
#itiran_ad {
  margin: auto; }

@media only screen and (max-width: 400px) {
  #itiran_ad {
    width: 80%; } }

/*ライタープロフィール
 *---------------------------------------------------- */
.list-writer-profile {
  margin-top: 8px;
  margin-bottom: 0;
  padding: 0 0 0 0; }

.writer-profile {
  padding-top: 10px;
  list-style-type: none; }

.writer-profile:after {
  content: "";
  display: table;
  clear: both; }

.writer-profile {
  border-top: 1px solid #ddd;
  padding: 20px 0; }

.writer-profile .img {
  margin-right: 30px;
  float: left; }

.writer-profile .img img {
  width: 80px; }

.writer-profile .info {
  overflow: hidden; }

.writer-profile .name {
  font-weight: bold; }

@media screen and (max-width: 1019px) {
  .writer-profile .img {
    margin: 0 10px 10px 0; }
  .writer-profile .img img {
    width: 60px; }
  .writer-profile div {
    font-size: 14px; }
  .writer-profile p {
    font-size: 12px; } }

@media screen and (min-width: 1020px) {
  .writer-profile .info {
    overflow: hidden;
    margin-left: 20px; } }

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0; }

.bx-wrapper img {
  max-width: 100%;
  display: block; }

/** THEME
===================================*/
.bx-wrapper .bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0); }

/* LOADER */
/* PAGER */
/* DIRECTION CONTROLS (NEXT / PREV) */
.c-adConteiner {
  overflow: hidden;
  width: 100%;
  margin: 30px auto; }
  @media only screen and (max-width: 780px) {
    .c-adConteiner {
      margin: 20px auto; } }

.c-boxContainer {
  overflow: hidden;
  width: 100%;
  font-size: 0; }

.c-box {
  box-sizing: border-box;
  position: relative;
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #bdbdbd; }
  @media only screen and (max-width: 780px) {
    .c-box {
      border: none; } }
  .c-box--12 {
    width: 100%; }
  .c-box--6 {
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    width: calc((100% - 20px) / 2); }
    .c-box--6:nth-of-type(even) {
      margin-left: 20px; }
    @media only screen and (max-width: 1020px) {
      .c-box--6 {
        width: 100%;
        height: auto; }
        .c-box--6:nth-of-type(even) {
          margin-left: 0; } }
    @media only screen and (max-width: 780px) {
      .c-box--6 {
        width: calc((100% - 20px) / 2); }
        .c-box--6:nth-of-type(even) {
          margin-left: 20px; } }
  .c-box--4 {
    vertical-align: top;
    display: inline-block;
    overflow: hidden;
    width: calc((100% - 20px * 2) / 3);
    margin-left: 20px; }
    .c-box--4:nth-of-type(3n + 1) {
      margin-left: 0; }
    @media only screen and (max-width: 1020px) {
      .c-box--4 {
        float: none;
        width: 100%;
        height: auto;
        margin-left: 0; } }
    @media only screen and (max-width: 780px) {
      .c-box--4 {
        width: calc((100% - 20px) / 2); }
        .c-box--4:nth-of-type(even) {
          margin-left: 20px; } }
  .c-box--4 .c-box__title {
    min-height: 60px; }
    @media only screen and (max-width: 1020px) {
      .c-box--4 .c-box__title {
        min-height: auto; } }
  .c-box--6 .c-box__title {
    min-height: 40px; }
    @media only screen and (max-width: 1020px) {
      .c-box--6 .c-box__title {
        min-height: auto; } }
  .c-box__link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    opacity: 1;
    transition: opacity 160ms ease; }
    .c-box__link:hover {
      opacity: .9; }
  .c-box__thumb {
    position: relative;
    display: block;
    width: 100%; }
  .c-box__img {
    display: block;
    width: 100%;
    height: auto; }
  .c-box__bgContainer {
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 0 10px; }
  .c-box__bg {
    display: block;
    width: 100%;
    padding-bottom: calc(10000% / 220);
    background-color: transparent;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat; }
  .c-box__content {
    padding: 20px; }
  .c-box__tags {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    padding: 5px 12px 3px;
    background-color: #000;
    font-size: 12px;
    color: #fff;
    text-decoration: none; }
    .c-box__tags:hover {
      text-decoration: underline;
      opacity: .9; }
  .c-box__workarea {
    display: inline-block;
    padding: 3px 8px 2px;
    background-color: #000;
    font-size: 11px;
    color: #fff;
    text-decoration: none;
    margin-bottom: 5px; }
  .c-box__date {
    display: block;
    color: #666;
    letter-spacing: 1px;
    font-weight: 100;
    text-decoration: none; }
  .c-box__company {
    display: block;
    color: #666;
    font-weight: 100;
    font-size: 12px; }
  .c-box__title {
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    word-break: break-all;
    color: #000;
    text-decoration: none; }
    .c-box__title--12 {
      font-size: 16px;
      line-height: 22px; }

.c-box--12 {
  padding: 20px; }
  @media only screen and (max-width: 780px) {
    .c-box--12 {
      padding-bottom: 0; } }

.c-box--12__thumb {
  display: table-cell;
  box-sizing: border-box;
  width: 55%;
  overflow: hidden;
  vertical-align: top; }

.c-box--12__content {
  box-sizing: border-box;
  display: table-cell;
  width: 45%;
  overflow: hidden;
  vertical-align: top;
  padding: 0 10px; }

@media only screen and (max-width: 530px) {
  .c-box--12 {
    padding: 0; }
  .c-box {
    overflow: hidden;
    display: table;
    vertical-align: top;
    border: none; }
    .c-box--6, .c-box--4 {
      width: 100%; }
      .c-box--6:nth-of-type(even), .c-box--4:nth-of-type(even) {
        margin-left: 0; }
    .c-box__thumb, .c-box--12__thumb {
      display: table-cell;
      box-sizing: border-box;
      width: 40%;
      overflow: hidden;
      vertical-align: top; }
    .c-box__img {
      display: inline-block; }
    .c-box__content, .c-box--12__content {
      box-sizing: border-box;
      display: table-cell;
      width: 60%;
      overflow: hidden;
      vertical-align: top;
      padding: 0 10px; }
    .c-box__tags {
      display: none; }
    .c-box__date {
      font-size: 11px; } }

.c-btnContainer {
  text-align: center;
  margin: 0 0 60px; }

.c-btnContainer--sm {
  text-align: center;
  margin: 10px 0; }

.c-btn {
  display: inline-block;
  padding: 10px 50px;
  font-size: 15px;
  color: white;
  background-color: #1C448A;
  text-decoration: none;
  border-radius: 5px; }
  .c-btn:hover {
    opacity: .8; }
  .c-btn.c-btn--side {
    max-width: 200px;
    padding: 6px 0 3px;
    width: 100%; }
  @media only screen and (max-width: 380px) {
    .c-btn {
      width: 100%;
      padding: 10px 0; } }

.c-heading {
  border-top: 2px solid black;
  padding: 15px 3px;
  font-size: 20px;
  margin: 0;
  border-radius: 0;
  background-color: transparent; }

.c-tag {
  display: inline-block;
  list-style: none;
  margin: 0 5px 5px 0; }
  .c-tag:last-of-type {
    margin-right: 0; }
  .c-tag a {
    display: block;
    padding: 4px;
    font-size: 12px;
    line-height: 1;
    text-decoration: none; }
  .c-tag.c-tag--skyblue a {
    background-color: #5bc0ca;
    color: white; }

.c-search {
  width: 100%;
  overflow: hidden;
  height: 30px; }

.c-search__input {
  float: left;
  height: 30px;
  width: calc(100% - 30px);
  color: black; }
  .c-search__input input[type=text] {
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    border: none; }

.c-search__btn {
  float: right;
  height: 30px;
  width: 30px; }

.c-overlay {
  overflow: hidden;
  position: relative;
  width: 100%; }

.c-overlay__link {
  display: block; }
  .c-overlay__link:hover {
    opacity: .8; }

.c-overlay__img {
  display: block;
  width: 100%; }

.c-overlay__content {
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 1.2;
  background-color: rgba(0, 0, 0, 0.8); }

.c-overlay__title {
  color: white;
  overflow: hidden;
  font-size: 14px;
  line-height: 22px;
  margin: 0;
  padding: 8px 8px 6px;
  background-color: transparent; }

.c-share {
  box-sizing: border-box;
  overflow: hidden;
  display: block;
  width: 100%;
  padding: 20px;
  background-color: #f3f3f3;
  margin: 20px 0; }

.c-share__btn {
  box-sizing: border-box;
  float: left;
  display: inline-block;
  width: calc(( 100% - 10px * 4 ) / 2);
  margin: 0 10px;
  color: white;
  text-decoration: none;
  border-radius: 3px;
  text-align: center;
  padding: 15px 0; }
  .c-share__btn:hover {
    text-decoration: none; }
  @media only screen and (max-width: 1020px) {
    .c-share__btn {
      width: 100%;
      margin: 0; } }

.c-share__fb {
  background-color: #3B5997; }

.c-share__tw {
  background-color: #2CA9E1; }

.c-share__icon {
  font-size: 1.2em;
  margin-right: 5px; }

@media only screen and (max-width: 1020px) {
  .c-share__btn + .c-share__btn {
    margin-top: 20px; } }

.c-postList {
  font-size: 0; }

.c-postListItem {
  box-sizing: border-box;
  display: inline-block;
  width: 50%;
  margin-bottom: 10px;
  padding-left: 5px; }
  .c-postListItem::before {
    content: '＞';
    display: inline;
    font-size: 12px;
    color: #333333; }
  @media only screen and (max-width: 380px) {
    .c-postListItem {
      width: 100%; } }

.c-postListItem__link {
  text-decoration: underline;
  font-size: 15px;
  color: #1a448a; }

.l-topBar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 35px;
  background-color: #000000;
  color: #ffffff;
  font-size: 14px;
  line-height: 2em;
  z-index: 10000; }

.l-topBar__inner {
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  height: 35px;
  margin: 0 auto;
  max-width: 1080px; }

.l-topBar__sns {
  display: inline-block;
  height: 25px;
  margin-top: 7px; }

.l-topBar__snsItem {
  vertical-align: top;
  display: inline-block;
  margin-right: 10px;
  border: none; }

.l-topBar__snsItem--fb {
  width: 110px;
  line-height: .7em; }

.l-topBar__rss {
  position: relative;
  display: block;
  background-color: #ffa500;
  border-radius: 2px;
  color: white;
  text-decoration: none;
  line-height: 1.6em;
  padding: 0 3px; }

.l-topBar__search {
  margin-top: 2px;
  float: right;
  width: 230px;
  height: 30px; }

.l-header__banner {
  width: calc(100% - 240px);
  display: inline-block;
  overflow: hidden;
  float: right; }
  .l-header__banner > div {
    float: right; }
  @media only screen and (max-width: 779px) {
    .l-header__banner {
      width: 100%;
      float: none; }
      .l-header__banner > div {
        float: none; } }

.l-header--micro {
  background-color: transparent;
  max-width: 1080px;
  padding: 0 10px;
  margin: 0 auto 10px; }
  @media only screen and (max-width: 400px) {
    .l-header--micro {
      padding-top: 10px; } }

.l-header--micro__logo {
  max-width: 100%;
  display: block; }

/*--------------------------------
 * メニュー
 *--------------------------------- */
.l-navContainer {
  background: #1C448A;
  width: 100%; }
  .l-navContainer + .l-navContainer {
    border-top: #6a86b3 solid 1px; }

.l-nav {
  display: table;
  table-layout: auto;
  overflow: hidden;
  width: 100%;
  max-width: 1080px;
  margin: 0 auto; }

.l-navItem {
  display: table-cell;
  height: 34px;
  text-align: center;
  width: calc(100% / 7); }

.l-navItem__link {
  box-sizing: border-box;
  display: block;
  padding: 8px 0 6px;
  color: #fff;
  font-size: 15px;
  line-height: 20px;
  white-space: pre; }
  .l-navItem__link:hover {
    background-color: rgba(255, 255, 255, 0.3); }

/*--------------------------------
 *アコーディオン
 *--------------------------------- */
.l-menu {
  position: absolute;
  top: 0;
  right: 0; }

.l-menuTriggers {
  text-align: right;
  margin: 20px 10px 0 0; }

.l-menuTrigger {
  display: inline-block;
  cursor: pointer;
  width: 30px;
  height: 30px; }
  .l-menuTrigger + .l-menuTrigger {
    margin-left: 10px; }
  .l-menuTrigger img {
    display: block;
    width: 100%;
    height: auto; }

.l-menu__item {
  position: absolute;
  top: 100%;
  right: 0;
  display: none; }
  .l-menu__item.is-open {
    display: block;
    z-index: 100; }

.l-menu__links {
  width: 200px;
  background-color: #222222; }

.l-menu__linkItem {
  list-style: none; }
  .l-menu__linkItem + .l-menu__linkItem {
    border-top: #666666 1px solid; }

.l-menu__link {
  display: block;
  padding: 15px;
  font-size: 12px;
  color: white;
  text-decoration: none;
  text-align: left; }

.l-menu__search {
  box-sizing: border-box;
  width: 100vw;
  padding: 10px;
  background-color: #222; }

.l-topSliderContainer {
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  padding: 20px;
  margin-bottom: 20px;
  border-top: 3px solid #1C448A;
  background-color: #fff; }
  @media only screen and (max-width: 1020px) {
    .l-topSliderContainer {
      padding: 10px; } }

.l-topSlider {
  float: left;
  overflow: hidden;
  width: calc(100% - 260px); }

.bx-viewport {
  display: inline-block;
  vertical-align: middle; }

.l-topSlider__link {
  position: absolute;
  display: block;
  overflow: hidden;
  width: 100%; }
  .l-topSlider__link::after {
    content: '';
    display: block;
    width: 100%;
    padding-top: 66.66667%; }

.l-topSlider__img {
  position: absolute;
  width: 100%;
  height: auto;
  display: none; }
  .bx-viewport .l-topSlider__img {
    display: block; }

.l-topSliderThumbs {
  float: right;
  width: 260px;
  overflow: hidden; }

.l-topSliderThumb {
  display: block;
  padding-left: 10px; }
  .l-topSliderThumb + .l-topSliderThumb {
    margin-top: 10px; }

.l-topSliderThumb__link {
  display: block;
  border-left: 8px solid #ddd;
  padding: 8px 0 8px 12px;
  font-size: 15px;
  line-height: 22px;
  color: #333;
  text-decoration: none;
  word-break: break-all;
  text-align: justify; }
  .l-topSliderThumb__link.active {
    color: #ffa600;
    border-left-color: #ffa600; }

.l-topSliderThumb__img {
  display: none; }

@media only screen and (max-width: 1020px) and (min-width: 780px) {
  .l-topSlider {
    display: block;
    width: 100%; }
  .l-topSliderThumbs {
    display: block;
    width: 100%;
    margin: 10px 0 0 0; }
  .l-topSliderThumb {
    padding: 0; }
  .l-topSliderThumb__link {
    overflow: hidden;
    border: none;
    padding: 0; }
  .l-topSliderThumb__img {
    display: block;
    float: left;
    width: 40%; }
  .l-topSliderThumb__title {
    box-sizing: border-box;
    padding: 0 10px;
    width: 60%;
    overflow: hidden; } }

@media only screen and (max-width: 600px) {
  .l-topSlider {
    display: block;
    width: 100%; }
  .l-topSliderThumbs {
    display: block;
    width: 100%;
    margin: 10px 0 0 0; }
  .l-topSliderThumb {
    padding: 0; }
  .l-topSliderThumb__link {
    overflow: hidden;
    border: none;
    padding: 0; }
  .l-topSliderThumb__img {
    display: block;
    float: left;
    width: 40%; }
  .l-topSliderThumb__title {
    box-sizing: border-box;
    padding: 0 10px;
    width: 60%;
    overflow: hidden; } }

.l-trend {
  width: 100%;
  font-size: 14px; }
  .l-trend__inner {
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    padding: 5px 0;
    max-width: 1080px;
    margin: auto; }
  .l-trend__title {
    display: inline-block;
    padding: 3px 8px 1px;
    color: white;
    background-color: #ffa600; }
  .l-trendItem {
    display: inline-block;
    margin-left: 15px;
    list-style: none; }
  .l-trend__link {
    display: inline-block;
    padding: 3px 8px 1px;
    color: #333;
    text-decoration: underline; }
    .l-trend__link:hover {
      color: #7e7e7e;
      text-decoration: underline; }

@media only screen and (max-width: 780px) {
  .l-trend__inner {
    background-color: #eeeeee;
    padding: 5px; }
  .l-trendItem {
    display: inline-block;
    margin-left: 0px; }
    .l-trendItem:first-of-type {
      margin-left: 0; }
  .l-trend__link {
    padding: 3px 3px 1px; } }

.l-pickup {
  margin-bottom: 10px; }

.l-pickup__lead {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px; }

.l-sideContainer {
  margin-bottom: 40px; }

.l-sideContainer--sm {
  margin-top: 20px; }

.l-sideFrame {
  background: #fff;
  padding: 19px;
  border: 1px solid #bdbdbd; }
  @media only screen and (max-width: 780px) {
    .l-sideFrame {
      padding: 0;
      border: none; } }

.l-sideFrame--orange {
  border-color: #FFA600;
  padding: 0 0 20px; }

.l-sideBanner {
  margin: auto;
  width: 100%;
  max-width: 338px; }
  .l-sideBanner a, .l-sideBanner img {
    box-sizing: border-box;
    display: block;
    max-width: 100%; }
  .l-sideBanner + .l-sideBanner {
    margin-top: 20px; }

.l-sideBanner--micro {
  display: block;
  width: 289px;
  margin: auto; }

.l-side ul ul {
  padding: 0 !important; }

.l-side li {
  list-style-type: none; }

.l-side h4 {
  border-top: 2px solid #333;
  font-size: 18px;
  padding: 15px 10px 15px 0; }

.l-side .l-sideFrame__title {
  border-top: none;
  padding-top: 0; }

.l-side ul li ul li {
  font-size: 14px;
  line-height: 27px;
  border-bottom: 1px solid #eee;
  padding: 13px 0; }

.l-side ul ul {
  margin-bottom: 0; }

.l-side .wpp-post-title {
  font-size: 14px;
  line-height: 27px; }

.l-side .lastest_post {
  font-size: 14px;
  line-height: 27px;
  padding: 13px 0; }

.l-side .lastest_post + .lastest_post {
  border-top: 1px solid #eee; }

.sga-ranking {
  background-color: #fff;
  padding: 20px; }

.sga-ranking-list {
  padding: 10px 0;
  overflow: hidden; }

.sga-ranking-list + .sga-ranking-list {
  border-top: 1px solid #eee; }

.sga-ranking-list .ranking-img {
  float: left;
  max-width: 120px;
  margin-right: 10px; }
  .sga-ranking-list .ranking-img a::after {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    color: #fff;
    font-size: 18px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-weight: 100; }

.sga-ranking-list a {
  position: relative;
  display: block;
  overflow: hidden;
  font-size: 14px;
  line-height: 21px;
  color: #333;
  text-decoration: none;
  word-break: break-all;
  text-align: justify; }

.sga-ranking-list-1 .ranking-img a::after {
  content: "1"; }

.sga-ranking-list-2 .ranking-img a::after {
  content: "2"; }

.sga-ranking-list-3 .ranking-img a::after {
  content: "3"; }

.sga-ranking-list-4 .ranking-img a::after {
  content: "4"; }

.sga-ranking-list-5 .ranking-img a::after {
  content: "5"; }

.sga-ranking-list-6 .ranking-img a::after {
  content: "6"; }

.sga-ranking-list-7 .ranking-img a::after {
  content: "7"; }

.sga-ranking-list-8 .ranking-img a::after {
  content: "8"; }

.sga-ranking-list-9 .ranking-img a::after {
  content: "9"; }

.sga-ranking-list-10 .ranking-img a::after {
  content: "10"; }

@media only screen and (max-width: 780px) {
  .l-side {
    clear: both;
    float: none;
    width: auto;
    position: static !important; }
  .sga-ranking {
    padding: 0; }
  .sga-ranking-list {
    padding: 8px 8px 8px 0; } }

.l-sideMicro__title {
  font-size: 18px;
  line-height: 23px;
  border-bottom: 1px solid #dddddd; }
  .l-sideMicro__title .blue {
    color: #209be6; }

.l-sideMicro__listItem {
  margin-top: .8em;
  list-style: none; }
  .l-sideMicro__listItem .fa-angle-right {
    margin: 0 5px;
    color: #676767; }
  .l-sideMicro__listItem a {
    color: #FFA600; }

.l-paging {
  box-sizing: border-box;
  width: 100%;
  overflow: hidden; }
  .l-pagingItem {
    box-sizing: border-box;
    display: table;
    width: 50%;
    border: 1px solid #ccc;
    float: left;
    min-height: 85px; }
    .l-pagingItem + .l-pagingItem {
      float: right; }
  .l-paging__link {
    box-sizing: border-box;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    padding: 10px;
    font-size: 15px;
    line-height: 21px;
    text-decoration: none;
    color: #333;
    word-break: break-all;
    border-right: 20px #333 solid; }
    .l-paging__link:hover {
      opacity: .9; }
    .l-paging__link::before {
      content: '\f0da';
      box-sizing: border-box;
      font-family: FontAwesome;
      position: absolute;
      color: white;
      font-size: 18px;
      top: 50%;
      margin-top: -10px; }
  .l-paging__prev {
    border-right: none;
    border-left: 20px #333 solid; }
    .l-paging__prev::before {
      left: -13px;
      right: auto;
      content: "\f0d9"; }
  .l-paging__next {
    border-left: none;
    border-right: 20px #333 solid; }
    .l-paging__next::before {
      right: -13px;
      left: auto;
      content: "\f0da"; }

@media only screen and (max-width: 780px) {
  .l-pagingItem {
    width: 100%; } }

.l-breadcrumbContainer {
  overflow: auto;
  padding-left: 3px; }

.l-breadcrumb {
  font-size: 12px;
  color: #333;
  display: table; }

.l-breadcrumbItem {
  display: table-cell;
  list-style: none;
  white-space: nowrap; }
  .l-breadcrumbItem + .l-breadcrumbItem {
    padding-left: 9px; }
    .l-breadcrumbItem + .l-breadcrumbItem::before {
      content: '>';
      margin-right: 9px; }

.l-linklist {
  box-sizing: border-box;
  border: 2px solid #efefef;
  width: 100%;
  padding: 20px;
  margin-top: 20px; }
  .l-linklist ul, .l-linklist li {
    list-style: none;
    padding: 0;
    margin: 0; }

.l-linklist__header {
  margin-bottom: 10px;
  font-size: 17px;
  font-weight: bold;
  color: #333; }

.post .l-linklist ul li {
  font-size: 15px;
  line-height: 30px; }

.p-jobBox {
  text-align: center;
  font-size: 16px; }

.p-jobBox__content {
  padding: 20px 10px; }

.p-jobBox__title {
  margin-bottom: 20px;
  font-size: 16px;
  color: #333; }

.p-jobBox__text {
  margin-bottom: 20px;
  font-size: 14px;
  color: #666; }

.p-jobBox__input {
  box-sizing: border-box;
  display: inline-block;
  height: 41px;
  padding-left: 5px;
  border-radius: 2px;
  -webkit-appearance: none !important;
  border: 1px solid #bdbdbd;
  margin-bottom: 5px; }
  @media only screen and (max-width: 380px) {
    .p-jobBox__input {
      width: 100%; } }

.p-jobBox__submit {
  -webkit-appearance: none !important;
  border: none;
  height: 41px;
  padding: 10px;
  font-size: 14px; }

.p-search-results {
  margin-top: 0;
  background-color: transparent; }

.p-syllabaryHeader {
  margin-top: 0; }
  .c-postList + .p-syllabaryHeader {
    margin-top: 50px; }

.p-syllabaryLinkBox {
  width: 100%; }

.p-headingBanner {
  margin-bottom: 20px;
  width: 100%; }

.p-facHeading {
  margin: 0 0 20px;
  padding: 0;
  font-size: 20px;
  color: #333;
  font-weight: normal;
  background-color: transparent; }

.p-facAreaAnchor {
  width: 100%;
  box-sizing: border-box;
  background-color: #999;
  text-align: center;
  padding: 10px 0;
  margin-bottom: 20px; }

.p-facAreaAnchor__link {
  display: inline-block;
  color: #fff;
  font-size: 18px;
  text-decoration: underline;
  margin: 10px; }
  .p-facAreaAnchor__link::before {
    content: '▼'; }