.two-colum, .bnr-area, .pan .pan-inline {
  width: 1200px;
  margin-left: auto;
  margin-right: auto; }

@font-face {
  font-family: "bukhari";
  src: url("http://eikaiwa.dmm.com/blog/wp-content/themes/eikaiwa-pc/common/fonts/Bukhari Script.woff") format("woff2"), url("http://eikaiwa.dmm.com/blog/wp-content/themes/eikaiwa-pc/common/fonts/Bukhari Script.woff2") format("woff"), url("http://eikaiwa.dmm.com/blog/wp-content/themes/eikaiwa-pc/common/fonts/Bukhari Script.ttf") format("truetype"); }

@font-face {
  font-family: "bukhari-a";
  src: url("http://eikaiwa.dmm.com/blog/wp-content/themes/eikaiwa-pc/common/fonts/bukhariScriptAlternates.woff") format("woff2"), url("http://eikaiwa.dmm.com/blog/wp-content/themes/eikaiwa-pc/common/fonts/bukhariScriptAlternates.woff2") format("woff"), url("http://eikaiwa.dmm.com/blog/wp-content/themes/eikaiwa-pc/common/fonts/bukhariScriptAlternates.ttf") format("truetype"); }

@font-face {
  font-family: "robot-b";
  src: url("http://eikaiwa.dmm.com/blog/wp-content/themes/eikaiwa-pc/common/fonts/Roboto-Bold.woff") format("woff2"), url("http://eikaiwa.dmm.com/blog/wp-content/themes/eikaiwa-pc/common/fonts/Roboto-Bold.woff2") format("woff"), url("http://eikaiwa.dmm.com/blog/wp-content/themes/eikaiwa-pc/common/fonts/Roboto-Bold.ttf") format("truetype"); }

@font-face {
  font-family: "robot-bi";
  src: url("http://eikaiwa.dmm.com/blog/wp-content/themes/eikaiwa-pc/common/fonts/Roboto-BoldItalic.woff") format("woff2"), url("http://eikaiwa.dmm.com/blog/wp-content/themes/eikaiwa-pc/common/fonts/Roboto-BoldItalic.woff2") format("woff"), url("http://eikaiwa.dmm.com/blog/wp-content/themes/eikaiwa-pc/common/fonts/Roboto-BoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: "robot-i";
  src: url("http://eikaiwa.dmm.com/blog/wp-content/themes/eikaiwa-pc/common/fonts/Roboto-Italic.woff") format("woff2"), url("http://eikaiwa.dmm.com/blog/wp-content/themes/eikaiwa-pc/common/fonts/Roboto-Italic.woff2") format("woff"), url("http://eikaiwa.dmm.com/blog/wp-content/themes/eikaiwa-pc/common/fonts/Roboto-Italic.ttf") format("truetype"); }

@font-face {
  font-family: "robot-li";
  src: url("http://eikaiwa.dmm.com/blog/wp-content/themes/eikaiwa-pc/common/fonts/Roboto-LightItalic.woff") format("woff2"), url("http://eikaiwa.dmm.com/blog/wp-content/themes/eikaiwa-pc/common/fonts/Roboto-LightItalic.woff2") format("woff"), url("http://eikaiwa.dmm.com/blog/wp-content/themes/eikaiwa-pc/common/fonts/Roboto-LightItalic.ttf") format("truetype"); }

@font-face {
  font-family: "robot-r";
  src: url("http://eikaiwa.dmm.com/blog/wp-content/themes/eikaiwa-pc/common/fonts/Roboto-Regular.woff") format("woff2"), url("http://eikaiwa.dmm.com/blog/wp-content/themes/eikaiwa-pc/common/fonts/Roboto-Regular.woff2") format("woff"), url("http://eikaiwa.dmm.com/blog/wp-content/themes/eikaiwa-pc/common/fonts/Roboto-Regular.ttf") format("truetype"); }

.h_op:hover {
  transition: 0.5s;
  opacity: 0.7; }

h1 {
  display: inline-block;
  width: 260px;
  vertical-align: top; }
  h1 a {
    display: block;
    color: inherit;
    text-decoration: none; }
    h1 a small {
      font-size: 12px;
      letter-spacing: 4px; }
    h1 a img {
      display: inline-block;
      width: 190px;
      margin-top: 12px; }
    h1 a svg {
      display: inline-block;
      width: 65px;
      position: relative;
      top: 12px; }
      h1 a svg path {
        fill-opacity: 0;
        stroke-dashoffset: 1000;
        stroke-dasharray: 1000;
        stroke: #000 !important;
        fill: #000;
        animation: dash 18s -7s infinite; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  h1 * {
    fill-opacity: 1 !important;
    animation: none !important; } }

.two-colum {
  padding-bottom: 100px; }
  .two-colum .left-side {
    width: 840px;
    float: left; }
    .two-colum .left-side > h2 {
      font-size: 30px;
      line-height: 30px;
      font-family: "bukhari"; }
      .two-colum .left-side > h2 span {
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
        padding-left: 22px;
        letter-spacing: 4px; }
    .two-colum .left-side.search > h2 {
      width: 100%;
      font-size: 32px;
      line-height: 32px;
      letter-spacing: 2px;
      padding-bottom: 15px;
      border-bottom: 1px solid #000; }
      .two-colum .left-side.search > h2 > small {
        font-size: 16px;
        line-height: 16px;
        padding-left: 15px; }
  .two-colum .right-side {
    width: 300px;
    float: right;
    list-style: none; }
    .two-colum .right-side > * ~ * {
      margin-top: 50px; }
    .two-colum .right-side h2 {
      text-align: center;
      font-size: 24px;
      line-height: 24px;
      font-family: "bukhari"; }
    .two-colum .right-side .widget_sp_image {
      text-align: center; }
    .two-colum .right-side .sns {
      list-style: none;
      margin-top: 30px; }
      .two-colum .right-side .sns li {
        width: 100%;
        height: 50px;
        font-size: 14px;
        font-family: "robot-i";
        letter-spacing: 2px;
        line-height: 45px;
        text-align: center;
        box-sizing: border-box; }
        .two-colum .right-side .sns li a {
          display: block;
          color: inherit;
          text-decoration: none; }
        .two-colum .right-side .sns li svg {
          position: relative;
          top: 5px; }
        .two-colum .right-side .sns li.facebook {
          color: #3b5998;
          border: 3px solid #3b5998; }
          .two-colum .right-side .sns li.facebook svg {
            fill: #3b5998; }
        .two-colum .right-side .sns li.facebook:hover {
          transition: 0.5s;
          background: #3b5998;
          color: #FFF; }
          .two-colum .right-side .sns li.facebook:hover svg {
            fill: #FFF; }
        .two-colum .right-side .sns li.twitter {
          color: #1da1f2;
          border: 3px solid #1da1f2; }
          .two-colum .right-side .sns li.twitter svg {
            fill: #1da1f2; }
        .two-colum .right-side .sns li.twitter:hover {
          transition: 0.5s;
          background: #1da1f2;
          color: #FFF; }
          .two-colum .right-side .sns li.twitter:hover svg {
            fill: #FFF; }
        .two-colum .right-side .sns li.instagram {
          color: #3f729b;
          border: 3px solid #3f729b; }
          .two-colum .right-side .sns li.instagram svg {
            fill: #3f729b; }
        .two-colum .right-side .sns li.instagram:hover {
          transition: 0.5s;
          background: #3f729b;
          color: #FFF; }
          .two-colum .right-side .sns li.instagram:hover svg {
            fill: #FFF; }
      .two-colum .right-side .sns li ~ li {
        margin-top: 10px; }

.bnr-area {
  display: block;
  margin-bottom: 50px; }
  .bnr-area img {
    width: 100%; }

.articles-list {
  width: 100%;
  margin-top: 35px; }
  .articles-list li {
    list-style: none;
    margin-bottom: 40px; }
    .articles-list li > a {
      display: block; }
  .articles-list .icatch_wrap {
    position: relative;
    width: 285px;
    height: 190px;
    float: left; }
    .articles-list .icatch_wrap.new::before {
      content: 'NEW';
      width: 50px;
      height: 20px;
      line-height: 22px;
      font-size: 10px;
      letter-spacing: 2px;
      text-align: center;
      color: #FFF;
      background: #000;
      position: absolute;
      right: 0;
      top: 0; }
    .articles-list .icatch_wrap img {
      width: 100%;
      height: 100%; }
  .articles-list .textarea {
    width: 525px;
    float: right; }
  .articles-list .title {
    color: #000;
    font-size: 22px;
    line-height: 36px;
    margin-top: 20px; }
    .articles-list .title span {
      transition: 0.5s; }
  .articles-list a:hover .title span {
    background: #000;
    color: #FFF; }
  .articles-list .tag-box {
    margin-top: 0; }
    .articles-list .tag-box:hover + .title span {
      background: #fff;
      color: #000; }
  .articles-list .wrap-two {
    width: 100%;
    font-size: 12px;
    line-height: 12px;
    color: #000;
    margin-top: 15px; }
    .articles-list .wrap-two .bcta {
      letter-spacing: 2px; }
    .articles-list .wrap-two .date {
      float: right;
      font-family: "robot-i"; }

.three-images {
  width: 100%;
  height: 200px;
  padding: 40px 0;
  box-sizing: border-box;
  text-align: center;
  list-style: none;
  background: #f0f0f0; }
  .three-images li {
    display: inline-block;
    width: 380px;
    height: 120px;
    vertical-align: top; }
    .three-images li a {
      display: block;
      width: 100%;
      height: 100%; }
      .three-images li a img {
        width: 100%;
        height: 100%; }
  .three-images li ~ li {
    margin-left: 25px; }

.pan {
  width: 100%;
  background: #fff;
  margin: 30px 0; }
  .pan .pan-inline {
    height: 100%;
    color: #000;
    font-weight: bold;
    font-size: 14px; }
    .pan .pan-inline .cf {
      line-height: 28px; }
      .pan .pan-inline .cf div ~ div {
        padding-left: 5px; }
      .pan .pan-inline .cf div {
        display: inline-block;
        line-height: 14px;
        letter-spacing: 2px; }
        .pan .pan-inline .cf div a {
          color: #000;
          text-decoration: none; }
          .pan .pan-inline .cf div a .title {
            padding-right: 5px; }
          .pan .pan-inline .cf div a svg {
            fill: #000;
            position: relative;
            top: 2px; }

.pagination-wrap {
  width: 100%;
  margin-top: 60px;
  text-align: center; }
  .pagination-wrap .pagination {
    list-style: none; }
    .pagination-wrap .pagination li {
      display: inline-block;
      vertical-align: top;
      width: 40px;
      height: 40px;
      font-size: 14px;
      font-family: "robot-i";
      line-height: 39px;
      text-align: center;
      border: 1px solid #000;
      box-sizing: border-box; }
      .pagination-wrap .pagination li.current {
        color: #519e98;
        border: none;
        border-bottom: 1px solid #519e98; }
      .pagination-wrap .pagination li.to {
        border: none; }
      .pagination-wrap .pagination li.arrow {
        width: 90px;
        font-size: 20px;
        padding: 0 12px;
        box-sizing: border-box; }
        .pagination-wrap .pagination li.arrow img {
          width: 15px;
          vertical-align: middle; }
      .pagination-wrap .pagination li.arrow.prev {
        text-align: left; }
      .pagination-wrap .pagination li.arrow.next {
        text-align: right; }
      .pagination-wrap .pagination li:not(.current):not(.to):hover {
        transition: 0.5s;
        background: #000; }
        .pagination-wrap .pagination li:not(.current):not(.to):hover a {
          color: #FFF; }
      .pagination-wrap .pagination li a {
        display: block;
        color: #000;
        text-decoration: none; }
    .pagination-wrap .pagination li ~ li {
      margin-left: 10px; }

.tag-box {
  display: inline-block;
  margin-top: 22px; }

.tag {
  display: inline-block;
  color: #519e98;
  font-size: 12px;
  letter-spacing: 0.08em;
  background-color: #dcecea;
  border-radius: 11.5px;
  height: 23px;
  line-height: 23px;
  padding: 0 16px;
  margin: 0;
  border-bottom: solid 2px #bcd0cd;
  transition: opacity 0.5s; }
  .tag:hover {
    transition: opacity 0.5s;
    opacity: 0.5; }
  .tag.is-big {
    font-size: 14px;
    padding: 0 19px; }

/*# sourceMappingURL=eikaiwa-common.css.map */