@charset "UTF-8";
/*!
Theme Name: にいがた経済新聞ウェブサイトテーマ
Theme URL : https://niikei.jp
Author: BitSignTechnos
Version: 1.0
*/
/*setting*/
/*reset*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, abbr, address, cite, code, del, dfn, em, img,
ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd,
ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
figcaption, figure, footer, header, hgroup, menu, nav, section,
summary, time, mark, audio, video {
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  border: 0;
  outline: 0;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

a {
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
}

ins {
  text-decoration: none;
  color: #000;
  background-color: #ff9;
}

mark {
  font-weight: bold;
  font-style: italic;
  color: #000;
  background-color: #ff9;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  cursor: help;
  border-bottom: 1px dotted;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

ul, li {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

hr {
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #ccc;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

:after, :before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"], input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration {
  display: none;
}

input[type="submit"]::focus, input[type="button"]::focus {
  outline-offset: -2px;
}

input[type="text"], input[type="email"], input[type="password"], textarea {
  width: 100%;
  border: 1px solid #eee;
  padding: 0.6em;
  font-size: 16px;
}

.mw_wp_form .send, .mw_wp_form .back {
  display: block;
  width: 300px;
  margin: 2em auto 1em;
  border-radius: 6px;
  background-color: #3A3A3A;
  color: #fff;
  padding: 0.5em 1em;
  font-size: 1.3em;
}

.mw_wp_form .vertical-item label {
  display: block;
  margin: 1em 0;
  padding: 0.5em 1em;
  border: 4px solid #F6F6F6;
  text-align: center;
}

.mw_wp_form .required, .mw_wp_form .error {
  background-color: #DC0003;
  color: #fff !important;
  border-radius: 4px;
  padding: 0.2em 0.6em;
  margin-left: 0.5em;
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.mw_wp_form .error::before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border: 10px solid transparent;
  border-top: 10px solid #DC0003;
  bottom: -19px;
  left: 20px;
}

iframe {
  width: 100%;
  height: 400px;
}

@media (max-width: 786px) {
  body.admin-bar #wpadminbar {
    display: none;
  }
}

/* common */
html {
  font-size: 16px;
}

body {
  font-family: '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  color: #111;
  font-weight: 500;
  word-break: break-all;
}

@media (max-width: 786px) {
  body {
    padding-bottom: 70px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  color: #000;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

a {
  color: #666;
}

select {
  width: 100%;
  border: 1px solid #eee;
  padding: 0.5em;
  border-radius: 4px;
}

@media (max-width: 786px) {
  select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 18px;
    background: url("img/common/arrow.png") right 50% no-repeat #fff;
  }
}

table {
  width: 100%;
  margin-bottom: 1.5em;
}

table th {
  padding: 1em;
  border: 1px solid #eee;
  white-space: nowrap;
}

table td {
  padding: 1em;
  border: 1px solid #eee;
}

/*contents size */
.container,
.footer-inner {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 786px) {
  .container,
  .footer-inner {
    width: 96%;
  }
}

.layout {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 0;
}

@media (max-width: 1200px) {
  .layout {
    width: 100%;
  }
}

@media (max-width: 786px) {
  .layout {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    padding: 15px 0;
  }
}

.layout .main {
  width: 765px;
}

.layout .main p {
  margin-bottom: 1em;
}

@media (max-width: 1200px) {
  .layout .main {
    width: 60%;
  }
}

@media (max-width: 786px) {
  .layout .main {
    width: 100%;
  }
}

.layout .sidebar {
  width: 410px;
}

@media (max-width: 1200px) {
  .layout .sidebar {
    width: 37%;
  }
}

@media (max-width: 786px) {
  .layout .sidebar {
    width: 100%;
  }
}

.customizer-block {
  margin: 0 auto 1em;
}

@media (max-width: 786px) {
  .customizer-block {
    width: 96%;
  }
}

/*検索フォーム*/
.side-search {
  margin-bottom: 1em;
}

@media (max-width: 786px) {
  .side-search {
    display: none;
  }
}

.side-search .searchform {
  position: relative;
}

.side-search input[type="text"] {
  width: 100%;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 1em;
}

.side-search .searchsubmit {
  content: "";
  background: url("img/icon/search-b.svg") no-repeat center center !important;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 20px;
  cursor: pointer;
  border: none;
  background: transparent;
}

/* header */
#mobile-nav {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 101;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
  background: linear-gradient(#fff, #f3f3f3);
  border-bottom: 1px solid #d8d8d8;
}

@media (max-width: 786px) {
  #mobile-nav {
    display: block;
  }
}

#mobile-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#mobile-nav ul li {
  width: 100%;
  text-align: center;
  border-right: 1px solid #ececec;
}

#mobile-nav ul li span {
  display: block;
  font-size: 12px;
  font-weight: bold;
}

#mobile-nav ul li > div {
  padding: 5px 10px;
}

#mobile-nav ul li a {
  display: block;
  text-decoration: none;
  height: 100%;
  padding: 5px 10px;
}

#mobile-nav ul li li:last-child {
  border-right: none;
}

#mobile-nav ul li.text-t1 a {
  color: #006B92;
}

#header {
  background-color: #fff;
}

.header-top {
  border-bottom: 1px solid #ddd;
}

@media (max-width: 786px) {
  .header-top {
    border-bottom: none;
  }
}

.header-top .inner {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 1200px) {
  .header-top .inner {
    width: 100%;
  }
}

@media (max-width: 786px) {
  .header-top .inner {
    display: none;
  }
}

.header-top .inner .header-top-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 30px;
}

.header-top .inner .header-top-nav ul li {
  margin-right: 1em;
  font-weight: bold;
  font-size: 0.8em;
}

.header-top .inner .social-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 10;
}

.header-top .inner .social-nav li {
  margin-left: 0.5em;
  width: 20px;
}

.header-top .inner .social-nav li a.fb {
  color: #1C58A0;
}

.header-top .inner .social-nav li a.tw {
  color: #27BBD3;
}

.header-top .inner .social-nav li a.line {
  color: #1CAA00;
}

.header-top .inner .social-nav li a.feed {
  color: #f45800;
}

.header-top .inner .social-nav li a i {
  font-size: 1.5em !important;
  line-height: 1 !important;
}

.header-logo .inner {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1em 0;
}

@media (max-width: 1200px) {
  .header-logo .inner {
    width: 100%;
  }
}

@media (max-width: 786px) {
  .header-logo .inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding: 0;
  }
}

.header-logo .inner #logo {
  width: 200px;
  margin-right: 0.5em;
}

@media (max-width: 786px) {
  .header-logo .inner #logo {
    padding: 0.5em 0;
  }
}

.header-logo .inner #logo a {
  display: block;
  width: 200px;
}

@media (max-width: 786px) {
  .header-logo .inner #logo a {
    margin: 0 auto;
  }
}

.header-logo .inner .sp-lopgin {
  display: none;
  margin-bottom: 0;
  height: 32px;
  width: 52px;
  text-align: center;
  margin-right: auto;
}

@media (max-width: 786px) {
  .header-logo .inner .sp-lopgin {
    display: block;
  }
}

.header-logo .inner .sp-lopgin a {
  display: block;
  text-decoration: none;
}

.header-logo .inner .sp-lopgin span {
  display: block;
  font-size: 10px;
  font-weight: bold;
  color: #49b9c0;
}

.header-logo .inner .head-ads {
  z-index: 99;
}

.header-logo .inner .head-ads img {
  max-height: 100px;
}

.header-logo .inner .head-ads a {
  display: block;
}

@media (max-width: 786px) {
  .header-logo .inner .head-ads {
    width: 92%;
    display: none;
  }
  .header-logo .inner .head-ads img {
    max-height: inherit;
  }
}

/*#toggle-menu {*/
/*  display: none;*/
/*  position: relative;*/
/*  width: 42px;*/
/*  height: 50px;*/
/*  cursor: pointer;*/
/*  margin-left: 0.5em;*/
/*}*/

/*@media (max-width: 786px) {*/
/*  #toggle-menu {*/
/*    display: block;*/
/*  }*/
/*}*/

/*#toggle-menu span {*/
/*  position: absolute;*/
/*  left: 0;*/
/*  right: 0;*/
/*  width: 34px;*/
/*  height: 4px;*/
/*  background-color: #000;*/
/*  -webkit-transition: .4s;*/
/*  transition: .4s;*/
/*  border-radius: 2px;*/
/*}*/

/*#toggle-menu span:nth-child(1) {*/
/*  top: 15px;*/
/*}*/

/*#toggle-menu span:nth-child(2) {*/
/*  top: 25px;*/
/*}*/

/*#toggle-menu span:nth-child(3) {*/
/*  top: 35px;*/
/*}*/

#spNav {
  display: none;
  width: 80%;
  height: 100%;
  background-color: #fff;
  -webkit-transform: translateX(-105%);
          transform: translateX(-105%);
  -webkit-transition: .6s;
  transition: .6s;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

@media (max-width: 786px) {
  #spNav {
    display: block;
  }
}

#spNav .inner {
  padding: 1em;
  height: 90%;
  overflow: auto;
}

#spNav .social-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#spNav .social-nav li {
  width: 30px;
  margin-right: 0.5em;
}

#spNav #menu-spnav {
  margin-bottom: 1em;
}

#spNav #menu-spnav li {
  border-bottom: 1px solid #eee;
}

#spNav #menu-spnav a {
  display: block;
  text-decoration: none;
  padding: 0.5em 0;
  font-weight: bold;
  font-size: 0.9em;
}

#spNav span.close {
  display: block;
  background-color: #49b9c0;
  width: 40px;
  height: 40px;
  color: #fff;
  font-size: 34px;
  text-align: center;
  line-height: 40px;
  position: absolute;
  top: 0;
  right: 0;
}

#spNav.display {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

#gNav {
  background-color: #fff;
  border-top: 1px solid #49b9c0;
  border-bottom: 1px solid #49b9c0;
}

@media (max-width: 1410px) {
  #gNav {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
}

#gNav > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 1410px) {
  #gNav > ul {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

#gNav > ul > li {
  position: relative;
}

#gNav > ul > li > a {
  display: block;
  position: relative;
  padding: 0.8em .5em 0.8em 2em;
  font-weight: bold;
  font-size: .9em;
  color: #666;
  text-decoration: none;
}

@media (max-width: 786px) {
  #gNav > ul > li > a {
    font-size: 1em;
    padding: 0.5em 1em 0.5em 2em;
  }
}

#gNav > ul > li > a i {
  font-weight: normal;
}

#gNav > ul > li:hover {
  background-color: #D1EDEF;
}

#gNav > ul > li.news-icon > a::before {
  content: "";
  background: url("img/icon/pen.svg") center center;
  width: 15px;
  height: 15px;
  background-size: cover;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 10px;
}

@media (max-width: 786px) {
  #gNav > ul > li.news-icon > a::before {
    width: 12px;
    height: 12px;
  }
}

#gNav > ul > li.youtube-icon > a::before {
  content: "";
  background: url("img/icon/youtube.svg") center center;
  width: 15px;
  height: 12px;
  background-size: cover;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 10px;
}

@media (max-width: 786px) {
  #gNav > ul > li.youtube-icon > a::before {
    width: 18px;
    height: 13px;
  }
}

#gNav > ul > li.shop-icon > a::before {
  content: "";
  background: url("img/icon/gourmet.svg") center center;
  width: 17px;
  height: 22px;
  background-size: cover;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 10px;
}

@media (max-width: 786px) {
  #gNav > ul > li.shop-icon > a::before {
    width: 14px;
    height: 15px;
  }
}

#gNav > ul > li.recruit-icon > a::before {
  content: "";
  background: url("img/icon/man.svg") center center;
  width: 15px;
  height: 15px;
  background-size: cover;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 10px;
}

@media (max-width: 786px) {
  #gNav > ul > li.recruit-icon > a::before {
    width: 18px;
    height: 18px;
  }
}

#gNav > ul > li.press-icon > a::before {
  content: "";
  background: url("img/icon/note.svg") center center;
  width: 15px;
  height: 15px;
  background-size: cover;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 10px;
}

@media (max-width: 786px) {
  #gNav > ul > li.press-icon > a::before {
    width: 15px;
    height: 18px;
  }
}

#gNav > ul > li.login-icon > a::before {
  content: "";
  background: url("img/icon/login.svg") center center;
  width: 16px;
  height: 13px;
  background-size: cover;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 10px;
}

@media (max-width: 786px) {
  #gNav > ul > li.login-icon > a::before {
    width: 17px;
    height: 14px;
  }
}

#gNav > ul > li.vol-icon > a::before {
  content: "";
  background: url("img/icon/vol.svg") center center;
  width: 15px;
  height: 13px;
  background-size: cover;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 10px;
}

@media (max-width: 786px) {
  #gNav > ul > li.vol-icon > a::before {
    width: 20px;
    height: 18px;
  }
}

#gNav > ul > li.motomu-icon > a::before {
  content: "";
  background: url("img/icon/memo.svg") center center;
  width: 15px;
  height: 14px;
  background-size: cover;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 10px;
}

@media (max-width: 786px) {
  #gNav > ul > li.motomu-icon > a::before {
    width: 20px;
    height: 18px;
  }
}

#gNav > ul > li:last-child {
  border-right: none;
}

#gNav > ul .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  border: 1px solid #49b9c0;
  width: 150%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: .3s;
  transition: .3s;
  z-index: 1;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  background-color: #fff;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}

@media (max-width: 786px) {
  #gNav > ul .sub-menu {
    display: none;
  }
}

#gNav > ul .sub-menu > li {
  border-bottom: 1px solid #ddd;
}

#gNav > ul .sub-menu > li > a {
  display: block;
  padding: 0.3em 0.5em;
  text-decoration: none;
  font-weight: bold;
}

#gNav > ul .sub-menu > li a:hover {
  background-color: #ddd;
}

#gNav > ul .sub-menu li:last-child {
  border-bottom: none;
}

#gNav > ul li:hover .sub-menu {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.mobile-sub-menu li {
  border-bottom: 1px solid #eee;
}

.mobile-sub-menu a {
  display: block;
  padding: 0.5em;
  text-decoration: none;
}

#foooter {
  background-color: #fff;
}

#foooter .footer-inner {
  padding: 2em 0;
}

#foooter p {
  margin-bottom: 1em;
}

#foooter a {
  text-decoration: none;
}

#foooter .logo {
  width: 300px;
}

#foooter .copy {
  background-color: #424242;
  color: #fff;
  text-align: center;
  font-size: 12px;
  padding: 1em 0;
}

#foooter .copy a {
  color: #fff;
  text-decoration: none;
}

#foooter .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 786px) {
  #foooter .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}

#foooter .row .col {
  width: 48%;
}

@media (max-width: 786px) {
  #foooter .row .col {
    width: 100%;
    margin-bottom: 1em;
  }
}

#foooter .row .col:first-of-type ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 786px) {
  #foooter .row .col:first-of-type ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}

#foooter .row .col:first-of-type ul li {
  margin-right: 1em;
}

@media (max-width: 786px) {
  #foooter .row .col:first-of-type ul li {
    margin-right: 0;
  }
}

#foooter .footer-nav2 li a::before {
  content: "・";
}

/* モバイルフッターナビ*/
#mobile-nav-footer {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  display: none;
  z-index: 101;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
  background: linear-gradient(#fff, #f3f3f3);
  border-top: 1px solid #d8d8d8;
}

@media (max-width: 786px) {
  #mobile-nav-footer {
    display: block;
  }
}

#mobile-nav-footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#mobile-nav-footer ul li {
  width: 100%;
  text-align: center;
  border-right: 1px solid #ececec;
}

#mobile-nav-footer ul li span {
  display: block;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
}

#mobile-nav-footer ul li span.icon > img {
  height: 20px;
  margin-bottom: 3px;
}

#mobile-nav-footer ul li > div {
  padding: 5px 10px;
}

#mobile-nav-footer ul li a {
  display: block;
  text-decoration: none;
  height: 100%;
  padding: 5px 10px;
}

#mobile-nav-footer ul li li:last-child {
  border-right: none;
}

#mobile-nav-footer ul li.text-t1 a {
  color: #006B92;
}

#mobile-nav-footer .search {
  position: absolute;
  width: 100%;
  opacity: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  visibility: hidden;
  -webkit-transition: .6s;
  transition: .6s;
  background-color: #fff;
  padding: 0.2em;
}

#mobile-nav-footer .search.display {
  opacity: 1;
  -webkit-transform: translateY(-43px);
          transform: translateY(-43px);
  background-color: #eee;
  visibility: visible;
}

#mobile-nav-footer .searchform {
  position: relative;
}

#mobile-nav-footer input[type="text"] {
  width: 100%;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 0.5em 1em;
}

#mobile-nav-footer .searchsubmit {
  content: "";
  background: url("img/icon/search-b.svg") no-repeat center center !important;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 20px;
  cursor: pointer;
  border: none;
  background: transparent;
}

/*pagetop*/
#page-top {
  width: 50px;
  height: 50px;
  background: #49b9c0;
  position: fixed;
  opacity: 0;
  right: -100%;
  bottom: 0;
  -webkit-transition: 2s;
  transition: 2s;
  z-index: 100;
  cursor: pointer;
}

@media (max-width: 786px) {
  #page-top {
    bottom: 55px;
  }
}

#page-top span {
  display: block;
  width: 50px;
  height: 50px;
  position: relative;
}

#page-top span::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 45%;
  margin: auto;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: .5s;
  transition: .5s;
}

#page-top ::hover span::after {
  top: 40%;
}

#page-top.in {
  opacity: 1;
  right: 0;
  -webkit-transition: 1s;
  transition: 1s;
}

.page-header {
  text-align: center;
  padding: 2em 0;
  background-color: #fff;
}

.page-header h2 {
  font-size: 1.6em;
}

@media (max-width: 786px) {
  .page-header h2 {
    font-size: 1.2em;
  }
}

.ad-second {
  margin-bottom: 1em;
}

.post-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  line-height: 1.5;
}

.post-container p {
  margin-bottom: 1.4em;
}

@media (max-width: 786px) {
  .post-container {
    width: 100%;
    margin: 0 auto 1em;
  }
}

.tab-area {
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.tab-area .tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tab-area .tab-list li {
  margin-right: 1px;
  background-color: #4976c0;
  color: #fff;
  font-size: 18px;
  padding: 0.8em 1em;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  cursor: pointer;
}

@media (max-width: 786px) {
  .tab-area .tab-list li {
    font-size: 14px;
  }
}

.tab-area .tab-list li.active {
  background-color: #fff;
  color: #4976c0;
  font-weight: bold;
}

.tab {
  background-color: #fff;
  width: 100%;
  margin-bottom: 1.5em;
}

.tabBox {
  display: none;
}

.tabBox .more_link {
  display: block;
  text-align: center;
}

.tabBox .more_link a {
  display: block;
  background-color: #49b9c0;
  color: #fff;
  font-weight: bold;
  padding: 0.5rem;
  text-decoration: none;
  position: relative;
}

.tabBox .more_link a::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 42%;
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.tabBox .more_link a:hover {
  background-color: #32979e;
}

.tabBox.show {
  display: block;
}

.mobile-news-list li {
  border-bottom: 1px solid #ebedef;
}

.mobile-news-list li.ads-in {
  padding: 1em;
  background: #2a4050;
  color: #fff;
}

.mobile-news-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  text-decoration: none;
  padding: 0.6em 1em;
  -webkit-transition: .6s;
  transition: .6s;
}

.mobile-news-list a .thumb {
  width: 150px;
  height: 90px;
  margin-right: 1em;
  position: relative;
  background-size: cover;
  overflow: hidden;
}

.mobile-news-list a .thumb img {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: .6s;
  transition: .6s;
}

@media (max-width: 786px) {
  .mobile-news-list a .thumb {
    width: 170px;
    height: 100px;
  }
}

.mobile-news-list a .text {
  width: 80%;
  font-weight: bold;
  font-size: 0.9em;
}

.mobile-news-list a .text .title {
  font-size: 1.2em;
}

@media (max-width: 786px) {
  .mobile-news-list a .text time {
    font-weight: normal;
  }
}

.mobile-news-list a .num {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 20px;
  height: 20px;
  background-color: #49b9c0;
  color: #fff;
  line-height: 20px;
  text-align: center;
}

.mobile-news-list a:hover {
  background-color: #eee;
}

.mobile-news-list li:nth-child(1) .num {
  background-color: #AFA125;
}

.mobile-news-list li:nth-child(2) .num {
  background-color: #767570;
}

.mobile-news-list li:nth-child(3) .num {
  background-color: #7B5A3D;
}

.mobile-news-list.ranking-list .thumb {
  width: 110px !important;
  height: 80px !important;
}

.mobile-news-list.ranking-list .title {
  font-size: 1em !important;
  display: block;
}

.post-item {
  width: 49%;
  background-color: #fff;
  margin-bottom: 1em;
}

@media (max-width: 786px) {
  .post-item {
    width: 100%;
  }
}

.post-item a {
  text-decoration: none;
  display: block;
  height: 100%;
}

.post-item .thumb {
  height: 200px;
  background: #fff;
  overflow: hidden;
  position: relative;
}

.post-item .thumb img {
  position: absolute;
  -webkit-transition: .6s;
  transition: .6s;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  transition: .6s;
}

.post-item .text {
  padding: 1em;
}

.post-item .time {
  font-size: 0.9em;
  margin-bottom: 0;
}

.post-item h2 {
  font-size: 1em;
  margin-bottom: 10px;
  margin-bottom: 0.3em;
}

.post-item :hover img {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
          transform: translate(-50%, -50%) scale(1.1);
}

/* shop */
#search-area-shop {
  background-color: #49b9c0;
  border-top: 1px solid #61cfd6;
  padding: 2em 0;
}

@media (max-width: 786px) {
  #search-area-shop {
    padding: 1em 0;
  }
}

#search-area-shop #search-title-mobile {
  display: none;
  width: 96%;
  margin: 0 auto;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  color: #fff;
  background-color: #218288;
  padding: 0.5em 1em;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 0 #14666b;
          box-shadow: 0 5px 0 #14666b;
  position: relative;
}

@media (max-width: 786px) {
  #search-area-shop #search-title-mobile {
    display: block;
  }
}

#search-area-shop #search-title-mobile::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  right: 20px;
  top: 36%;
  -webkit-transition: .6s;
  transition: .6s;
}

#search-area-shop #search-title-mobile.active::after {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  top: 41%;
}

#search-area-shop .inner {
  width: 1200px;
  margin: 0 auto;
}

@media (max-width: 786px) {
  #search-area-shop .inner {
    width: 96%;
    display: none;
    margin-top: 1em;
  }
}

#search-area-shop .inner .row-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 786px) {
  #search-area-shop .inner .row-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}

#search-area-shop .inner .row-wrap .submit-block {
  width: 18%;
}

@media (max-width: 786px) {
  #search-area-shop .inner .row-wrap .submit-block {
    width: 100%;
  }
}

#search-area-shop .inner .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  width: 80%;
}

@media (max-width: 786px) {
  #search-area-shop .inner .row {
    width: 100%;
  }
}

#search-area-shop .inner .row .col:nth-of-type(1) {
  width: 20%;
}

@media (max-width: 786px) {
  #search-area-shop .inner .row .col:nth-of-type(1) {
    width: 100%;
    margin-bottom: 5px;
  }
}

#search-area-shop .inner .row .col:nth-of-type(2) {
  width: 20%;
}

@media (max-width: 786px) {
  #search-area-shop .inner .row .col:nth-of-type(2) {
    width: 100%;
    margin-bottom: 5px;
  }
}

#search-area-shop .inner .row .col:nth-of-type(3) {
  width: 20%;
}

@media (max-width: 786px) {
  #search-area-shop .inner .row .col:nth-of-type(3) {
    width: 100%;
    margin-bottom: 5px;
  }
}

#search-area-shop .inner .row .col:nth-of-type(4) {
  width: 35%;
}

@media (max-width: 786px) {
  #search-area-shop .inner .row .col:nth-of-type(4) {
    width: 100%;
    margin-bottom: 5px;
  }
}

#search-area-shop .inner .row .col:nth-of-type(5) {
  width: 100%;
  margin-top: 0.5em;
}

@media (max-width: 786px) {
  #search-area-shop .inner .row .col:nth-of-type(5) {
    margin-top: 0;
    margin-bottom: 1em;
  }
}

#search-area-shop input[type="text"] {
  width: 100%;
  padding: 0.6em;
  border: 1px solid #eee;
  border-radius: 4px;
}

#search-area-shop input[type="submit"] {
  background-color: #218288;
  color: #fff;
  border-radius: 6px;
  cursor: pointer;
  border: none;
  width: 100%;
  padding: 1em;
  font-weight: bold;
  font-size: 1.1em;
}

#search-area-shop .kodawari-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#search-area-shop .kodawari-list li {
  margin-right: 5px;
}

#search-area-shop .kodawari-list li input {
  display: none;
}

#search-area-shop .kodawari-list li label {
  cursor: pointer;
  border: 1px solid #51d0d8;
  font-size: 12px;
  border-radius: 4px;
  padding: 0.2em;
  background-color: #fff;
}

#search-area-shop .kodawari-list li label::before {
  content: "\f14a";
  font-family: "Font Awesome 5 Free";
  font-size: 1.2em;
  margin-right: 5px;
}

#search-area-shop .kodawari-list li .check_box:checked + label {
  background-color: #274f54;
  color: #fff;
}

.shop-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1em;
}

.shop-head li {
  display: inline-block;
  background-color: #eee;
  font-size: 13px;
  padding: 0.2em 0.5em;
  margin-right: 0.5em;
}

.shop-list {
  margin-bottom: 1em;
}

.shop-list li {
  background-color: #fff;
  margin-bottom: 5px;
}

.shop-list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-decoration: none;
}

.shop-list li a figure {
  margin-bottom: 0;
  width: 40%;
  height: 200px;
  overflow: hidden;
  position: relative;
}

@media (max-width: 786px) {
  .shop-list li a figure {
    height: 130px;
  }
}

.shop-list li a figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: .6s;
  transition: .6s;
}

.shop-list li a .text {
  width: 57%;
  padding-right: 1em;
}

.shop-list li a .text .title {
  margin-bottom: 1em;
}

.shop-list li a .text p {
  margin-bottom: 0;
}

.shop-list li:hover img {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
          transform: translate(-50%, -50%) scale(1.1);
}

.shop-post-wrap {
  margin-bottom: 2em;
  border: 1px solid #eee;
  border-radius: 4px;
  overflow: hidden;
}

.shop-post-wrap h3 {
  margin-bottom: 0 !important;
}

.shop-post-wrap ul {
  padding: 1em;
}

.shop-post-wrap ul li {
  font-weight: bold;
  font-size: 0.9em;
  margin-bottom: 5px;
}

p.keywords {
  font-size: 12px;
  margin-bottom: 0.2em !important;
}

p.keywords span {
  display: inline-block;
  background-color: #fff;
  padding: 0.2em 0.6em;
  width: 120px;
  text-align: center;
  margin-right: 1em;
  border: 1px solid #ccc;
}

p.keywords:last-of-type {
  margin-bottom: 1.5em !important;
}

@media (max-width: 786px) {
  .shop_tbl th, .shop_tbl td {
    padding: 0.5em;
  }
}

.shop_tbl th {
  width: 30%;
  background-color: #f9f9f9;
}

/* single */
article.entry {
  padding: 2em 1em;
  margin-bottom: 1em;
  background-color: #fff;
}

article.entry h1 {
  color: #3a3a3a;
  font-size: 2em;
  margin-bottom: 0.5em;
}

@media (max-width: 786px) {
  article.entry h1 {
    font-size: 1.2em;
  }
}

article.entry p {
  margin-bottom: 1.5em;
}

article.entry .meta {
  margin-bottom: 2em;
  font-size: 12px;
}

article.entry .meta li {
  display: inline;
}

article.entry .meta li a {
  text-decoration: none;
}

article.entry .meta li.date {
  margin-right: 1em;
}

article.entry .meta li.date::before {
  content: "\f017";
  font-family: "Font Awesome 5 Free";
  margin-right: 5px;
}

article.entry .meta li.cat::before {
  content: "\f07b";
  font-family: "Font Awesome 5 Free";
  margin-right: 5px;
}

article.entry h2 {
  border-bottom: 2px solid #eee;
  font-size: 1.3em;
  margin-bottom: 1em;
}

article.entry h3 {
  background-color: #eee;
  padding: 0.5em 1em;
  margin-bottom: 1em;
}

.wp-caption {
  width: 100% !important;
}

.wp-caption-text {
  padding: 1em;
  font-size: 12px;
  color: #666;
  text-align: center;
  font-weight: bold;
}

.paging {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 1em;
}

.paging li {
  width: 50%;
}

.paging li a {
  display: block;
}

.relatedposts {
  background-color: #fff;
  margin: 2em 0;
}

.relatedposts h4 {
  background-color: #666;
  color: #fff;
  padding: 0.5em 1em;
}

.ad-area {
  background-color: #1377BF;
  height: 200px;
  position: relative;
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 786px) {
  .ad-area {
    width: 96%;
  }
}

.ad-area span {
  position: absolute;
  left: 0;
  right: 0;
  display: inline-block;
  margin: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #fff;
  text-align: center;
  font-size: 2em;
}

.pickup-title {
  margin-bottom: 1em;
  font-size: 0.9em;
}

@media (max-width: 786px) {
  .pickup-title {
    width: 96%;
    margin: 0 auto 1em;
  }
}

.pickup-title span {
  display: block;
  background-color: #6c7781;
  color: #fff;
  border-radius: 4px;
  padding: 0.5em;
  position: relative;
  text-align: center;
}

.pickup-title span::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: 8px solid #6c7781;
  bottom: -16px;
  left: 0;
  right: 0;
  margin: auto;
}

/* wp */
.moreread {
  background-color: #fff;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  width: 100%;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 1.5em;
}

.moreread a {
  display: block;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  line-height: 50px;
  width: 100%;
  height: 100%;
}

.moreread #loading {
  line-height: 50px;
  display: block;
  width: 100%;
}

#wp-calendar {
  width: 100%;
  table-layout: fixed;
  text-align: center;
}

#wp-calendar {
  width: 100%;
  table-layout: fixed;
  text-align: center;
}

.category-list-area {
  background-color: #fff;
  width: 96%;
  margin: 2em auto;
}

.category-list-area h4 {
  background-color: #333;
  color: #fff;
  padding: 0.4em;
  font-weight: normal;
}

.category-list li {
  border-bottom: 1px solid #eee;
}

.category-list li a {
  display: block;
  position: relative;
  padding: 0.5em;
  text-decoration: none;
}

.category-list li a span {
  display: inline-block;
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #eee;
  border-radius: 4px;
  font-size: 12px;
  padding: 0.2em 1em;
  width: 5em;
  text-align: center;
}

.category-list li a:hover {
  opacity: .8;
}

/* 広告 */
.banner-area-title {
  margin-bottom: 1em;
  text-align: center;
}

.banner-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  margin-bottom: 1em;
}

@media (max-width: 786px) {
  .banner-list {
    width: 96%;
    margin: 0 auto 1em;
  }
}

.banner-list li {
  width: 100%;
  margin-bottom: 5px;
}

.banner-list li img {
  width: 100%;
}

/* ranking*/
.ranking-area {
  width: 96%;
  margin: 2em auto;
}

.ranking-area h4 {
  border: 1px solid #55b36c;
  margin-bottom: 1em;
  padding: 1em;
  color: #55b36c;
  background-color: #fff;
}

.side-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.side-tab li {
  background-color: #c3c3c3;
  color: #fff;
  width: 49.5%;
  font-size: 14px;
  padding: 0.4em 1em;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  cursor: pointer;
  position: relative;
  text-align: center;
}

.side-tab li.active {
  background-color: #55b36c;
  color: #fff;
  font-weight: bold;
}

.side-tab-box {
  display: none;
  background-color: #fff;
}

.side-tab-box.show {
  display: block;
}

/*ページネーション*/
.paginationWP {
  margin: 40px 0 30px;
  text-align: center;
}

.paginationWP ul {
  display: inline-block;
  list-style: none;
}

.paginationWP li {
  float: left;
  width: auto;
}

.paginationWP li a, .paginationWP li > span {
  text-decoration: none;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  text-align: center;
  line-height: 30px;
  background-color: #D8D8D8;
  color: #000;
  font-size: 12px;
  margin: 0 5px;
  border: 1px solid transparent;
}

.paginationWP li a:hover {
  background-color: #49b9c0;
  color: #FFF;
}

.paginationWP ul::after {
  content: "";
  display: block;
  clear: both;
}

.paginationWP li > span {
  background-color: #FFF;
  border: #CCC 1px solid;
  color: #151515;
}

/*nav-links */
.post-navigation {
  margin-bottom: 30px;
}

h2.screen-reader-text {
  background-color: #49b9c0;
  color: #fff;
  font-size: 13px;
  text-align: center;
  padding: 0.5em;
}

.nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 12px;
  background-color: #fff;
  padding: 10px;
}

.nav-links .nav-previous {
  width: 49%;
}

.nav-links .nav-next {
  width: 49%;
}

.nav-links a {
  display: block;
  text-decoration: none;
}

.nav-links a .link {
  display: block;
  font-weight: bold;
}

/*ページ分割*/
.post-nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  font-size: 13px;
}

.post-nav-links .post-page-numbers {
  border: 1px solid #eee;
  margin: 0 0.2em;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 4px;
  line-height: 30px;
}

.post-nav-links .post-page-numbers.current {
  background-color: #28496C;
  color: #fff;
}

.post-nav-links a {
  display: block;
  text-decoration: none;
}

/* コメント */
#comments-area {
  border: 1px solid #ccc;
  padding: 1em;
  margin-bottom: 1em;
  -webkit-box-shadow: 0 0 5px #cecece;
          box-shadow: 0 0 5px #cecece;
}

#comments-area .user-entry {
  font-weight: bold;
}

#comments-area .comments-count {
  margin-bottom: 0 !important;
}

#comments-area #comments-list > li {
  border-bottom: 1px solid #eee;
  padding: 1em 0;
}

#comments-area #comments-list > li p:last-of-type {
  margin-bottom: 0 !important;
}

#comments-area #comments-list > li .comment-info {
  font-weight: bold;
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1em;
}

@media (max-width: 786px) {
  #comments-area #comments-list > li .comment-info {
    -ms-flex-flow: wrap;
        flex-flow: wrap;
  }
}

#comments-area #comments-list > li .comment-info img {
  margin: 0 1em 0 0;
}

#comments-area #comments-list > li cite.fn.comment-author {
  font-style: inherit;
  margin-right: 1em;
}

#comments-area #comments-list .reply {
  margin-left: auto;
}

@media (max-width: 786px) {
  #comments-area #comments-list .reply {
    width: 100%;
    text-align: right;
    margin-top: 0.2em;
  }
}

#comments-area #comments-list .reply a {
  display: inline-block;
  border-radius: 4px;
  background-color: #eee;
  padding: 0.2em .5em;
  font-size: 12px;
  text-decoration: none;
}

#comments-area .children {
  margin-top: 1em;
  padding: 1em;
  background-color: #f5f5f5;
}

#comments-area .children .comment {
  margin-bottom: 1em;
}

#comments-area input[type="submit"] {
  font-size: 1.3em;
  font-weight: bold;
  padding: 0.2em 0.5em;
  border-radius: 4px;
  border: 1px solid #eee;
  background-color: #3f76af;
  display: block;
  margin: 0 auto 1em;
  color: #fff;
}

#respond {
  background-color: #eee !important;
  padding: 1em !important;
}

#respond h3 {
  background-color: #3f76af !important;
  color: #fff;
}

#rensai ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
}

#rensai ul li {
  width: 49%;
  margin-bottom: 1em;
  border: 1px solid #49b9c0;
}

#rensai ul li a {
  display: block;
}

@media (max-width: 786px) {
  #rensai ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  #rensai ul li {
    width: 100%;
  }
}

/* wp member */
#wpmem_login {
  border: 1px solid #eee;
  padding: 0 1em;
  margin-bottom: 2em;
}

#wpmem_login legend {
  font-size: 1.2em !important;
  background-color: #49b9c0;
  margin-bottom: 1em !important;
  border-radius: 4px;
  color: #fff;
  padding: 0.5em;
}

#wpmem_login input[type="submit"] {
  background-color: #444;
  color: #fff;
  border-radius: 4px;
  padding: 0.2em 0.5em;
  font-size: 1.2em;
}

#wpmem_login .div_text, #wpmem_login .button_div, #wpmem_login .link-text {
  width: 100% !important;
  font-size: 0.9em;
}

#wpmem_reg {
  border: 1px solid #eee;
  padding: 0 1em;
}

#wpmem_reg legend {
  font-size: 1.2em !important;
  background-color: #295897;
  border-radius: 4px;
  margin-bottom: 1em !important;
  color: #fff;
  padding: 0.5em;
}

#wpmem_reg input[type="submit"] {
  background-color: #444;
  color: #fff;
  border-radius: 4px;
  padding: 0.2em 0.5em;
  font-size: 1.2em;
}

#wpmem_reg .div_text, #wpmem_reg .button_div, #wpmem_reg .link-text {
  width: 100% !important;
}

.wpmem_msg {
  width: 100% !important;
  margin-bottom: 1.5em !important;
}

.login-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2em;
}

@media (max-width: 786px) {
  .login-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}

.login-link li {
  width: 49%;
  font-weight: bold;
  text-align: center;
}

@media (max-width: 786px) {
  .login-link li {
    width: 100%;
    margin-bottom: 10px;
  }
}

.login-link li a {
  border-radius: 6px;
  color: #fff;
  text-decoration: none;
  padding: 2em 1em;
  display: block;
  -webkit-transition: .6s;
  transition: .6s;
  background-color: #3d7ece;
  -webkit-box-shadow: 0 5px 0 #06428a;
          box-shadow: 0 5px 0 #06428a;
}

.login-link li a:hover {
  background-color: #2D74B5;
}

.login-link li:nth-child(2) a {
  background-color: #97c300;
  -webkit-box-shadow: 0 5px 0 #7B9F00;
          box-shadow: 0 5px 0 #7B9F00;
}

.member-login input[type="submit"] {
  background-color: #808080;
  color: #fff;
  border-radius: 4px;
  padding: 0.5em;
  font-size: 1.2em;
  width: 100%;
}

.member-login th, .member-login td {
  border: 1px solid #d4d4d4;
}

@media (max-width: 786px) {
  .member-login th, .member-login td {
    display: block;
    margin-top: -1px;
    padding: 0.5em;
  }
}

.member-login th {
  background-color: #f3f3f3;
  width: 30%;
}

@media (max-width: 786px) {
  .member-login th {
    width: 100%;
    text-align: left;
  }
}

.member-login th span {
  font-size: 12px;
  font-weight: bold;
}

.member-login td p {
  color: red;
  margin-bottom: 0.5em;
}

.entry-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 786px) {
  .entry-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}

.entry-link li {
  width: 49%;
  text-align: center;
  font-weight: bold;
  border: 1px solid #eee;
  background-color: #3f78bf;
  border-radius: 4px;
  position: relative;
}

@media (max-width: 786px) {
  .entry-link li {
    width: 100%;
    margin-bottom: 1em;
  }
}

.entry-link li::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-right: 6px solid #fff;
  border-bottom: 6px solid #fff;
  right: 10px;
  bottom: 10px;
}

.entry-link li:nth-child(2) {
  background-color: #5aa252;
}

.entry-link a {
  display: block;
  text-decoration: none;
  padding: 0.5em;
  color: #fff;
  height: 100%;
}

.entry-link a span.title {
  display: block;
  font-size: 1.1em;
  padding: 1em 0;
}

.entry-link a span.sub {
  display: block;
  border-top: 1px solid #fff;
  text-align: left;
  padding-top: 0.5em;
}

.entry-link a:hover {
  opacity: 0.7;
}

ins.adsbygoogle {
  background: transparent !important;
}

#kijifu .kiji-list {
  background-color: #fff;
  padding: 0.5em;
  border: 1px solid #ccc;
  margin-bottom: 1em;
  text-align: center;
  line-height: 30px;
  z-index: 100;
}

#kijifu .kiji-list .slick-slide {
  margin: 0 .3em;
}

#kijifu .kiji-list li .thumb {
  height: 140px;
  overflow: hidden;
  position: relative;
  margin-bottom: 1em;
}

@media (max-width: 786px) {
  #kijifu .kiji-list li .thumb {
    height: 115px;
  }
}

#kijifu .kiji-list li .thumb img {
  position: absolute;
  -webkit-transition: .6s;
  transition: .6s;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  transition: .6s;
}

#kijifu .kiji-list li .text {
  text-align: left;
}

#kijifu .kiji-list li .text h2 {
  line-height: 1.5;
}

#kijifu .kiji-list .prev {
  position: absolute;
  width: 30px;
  height: 30px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0px;
  cursor: pointer;
  text-align: center;
  line-height: 30px;
  z-index: 100;
}

#kijifu .kiji-list .next {
  position: absolute;
  width: 30px;
  height: 30px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0px;
  cursor: pointer;
}

.kiji-list2 {
  background-color: #fff;
  padding: 0.5em;
  border: 1px solid #ccc;
  margin-bottom: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.kiji-list2 li {
  width: 32%;
  margin: 0 0.2em;
}

.kiji-list2 li a {
  display: block;
}

.kiji-list2 li a .thumb {
  height: 140px;
  overflow: hidden;
  position: relative;
  margin-bottom: 1em;
}

.kiji-list2 li a .thumb img {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: auto;
}

.kiji-list2 li a .text {
  text-align: left;
}

.kiji-list2 li a .text h3 {
  font-weight: bold;
}

@media (max-width: 786px) {
  .kiji-list2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
  .kiji-list2 li {
    width: 100%;
    margin: 0;
  }
  .kiji-list2 li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .kiji-list2 li a .thumb {
    width: 50%;
    height: 90px;
  }
  .kiji-list2 li a .text {
    width: 50%;
    padding-left: 1em;
  }
}

.youtube-block {
  margin-bottom: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 786px) {
  .youtube-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}

.youtube-block .col {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 33%;
  position: relative;
}

@media (max-width: 786px) {
  .youtube-block .col {
    margin-bottom: 1em;
    padding-bottom: 56.25%;
  }
}

.youtube-block iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.youtube-block.two .col {
  width: 49%;
  padding-bottom: 27.25%;
}

@media (max-width: 786px) {
  .youtube-block.two .col {
    width: 100%;
  }
}

.prwire-list {
  margin-bottom: 3em;
}

.prwire-list li {
  border-bottom: 1px solid #eee;
}

.prwire-list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  text-decoration: none;
  -webkit-transition: .6s;
  transition: .6s;
}

.prwire-list li a:hover {
  background-color: #eee;
}

.prwire-list li .thumb {
  width: 50%;
  text-align: center;
  position: relative;
  overflow: hidden;
}

@media (max-width: 786px) {
  .prwire-list li .thumb {
    width: 30%;
  }
}

.prwire-list li .thumb img {
  max-height: 220px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media (max-width: 786px) {
  .prwire-list li .thumb img {
    max-height: 103px;
  }
}

.prwire-list li .text {
  width: 50%;
  padding: 1em;
}

@media (max-width: 786px) {
  .prwire-list li .text {
    width: 70%;
  }
}

.prwire-list li .text p {
  font-size: 0.9em;
  margin-bottom: 0.2em;
}

.prwire-list li .text h3 {
  margin-bottom: 0.5em;
}

.s-title {
  font-weight: bold;
  color: #fff;
  font-size: 1.5em;
  padding: 0.3em 1em;
  background: -webkit-gradient(linear, left top, left bottom, from(#2A2A2A), to(#191919));
  background: linear-gradient(#2A2A2A, #191919);
  margin-bottom: 0.5em;
  position: relative;
}

.s-title a {
  display: inline-block;
  font-size: .8rem;
  position: absolute;
  right: 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #49b9c0;
  color: #fff;
  border-radius: 4px;
  padding: .2rem 1rem;
  text-decoration: none;
}

#index-top-news {
  background-color: #fff;
  margin-bottom: 2em;
}

#index-top-news .inner {
  padding: 1em;
}

#index-top-news .mobile-news-list a .text {
  width: 100%;
}

body.single-office .wp_social_bookmarking_light {
  display: none;
}

.ps-txt {
  font-weight: bold;
  border-top: 2px solid #49b9c0;
  border-bottom: 2px solid #49b9c0;
  padding: 2em 0;
  margin-bottom: 3em;
}

.ps-txt a {
  color: #c72525;
}

.ps-flow {
  background-color: #fff;
  padding: 1em;
  margin-bottom: 2em;
}

.ps-flow h3 {
  border-bottom: 1px solid #49b9c0;
  margin-bottom: 1em;
}

.ps-flow li {
  border-bottom: 1px dotted #eee;
  padding: .5em 0;
}

.greeting-banner {
  text-align: center;
  margin-top: 1rem;
}

.greetings_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.greetings_list li {
  width: 32%;
  margin-bottom: 1rem;
  border: 1px solid #ccc;
}

.greetings_list li a {
  display: block;
}

.greetings_list li a:hover {
  opacity: .7;
}

.jobful-banner{
  display: none;

}
.jobful-side-banner{
  display: block;
  margin-bottom: 5px;
}

@media (max-width: 786px) {
  .greetings_list li {
    width: 49%;
  }
  .jobful-banner{
    display: block;
    max-width: 1200px;
    margin: 5px auto -3px;
  }
  .jobful-side-banner{
    display: none;
  }
}

.page-id-50047 h1,
.page-id-148857 h1 {
  text-align: center;
}

.tbl_contact th {
  text-align: left;
  vertical-align: middle;
  background-color: #f7f7f7;
}

.tbl_contact th span {
  margin-right: .2rem;
}

.kakunin {
  text-align: center;
  border: 2px solid #ccc;
  padding: .5rem;
}

.formKakunin input[type="submit"] {
  cursor: pointer;
  font-size: 1.3rem;
  background-color: #1f6ba7;
  color: #fff;
  display: block;
  width: 300px;
  margin: 0 auto 2rem;
  border-radius: 6px;
  padding: .2rem 1rem;
}

.mw_wp_form .mw_form .error::before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border: 10px solid transparent;
  border-bottom: 10px solid #DC0003;
  top: -19px;
  left: 20px;
}

.mw_wp_form_preview .kojin, .mw_wp_form_preview .kakunin {
  display: none;
}

@media (max-width: 786px) {
  .tbl_contact th, .tbl_contact td {
    display: block;
    width: 100%;
    margin-top: -1px;
  }
}

/* ヘッダー内部やフッター下部に広告が表示されてしまう問題の暫定修正 */
#header .header-logo .google-auto-placed{
  display: none;
}
#mobile-nav-footer .google-auto-placed{
  display: none;
}
