@charset "UTF-8";
/*--- reset ---*/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,700,300);
html {
  position: relative;
  min-height: 100%;
  font-size: 16px; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, hr, header, footer, nav, aside, section {
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 100%; }

address, caption, cite, code, dfn, h1, h2, h3, h4, th, var {
  font-style: normal;
  font-weight: normal; }

fieldset, img, abbr {
  border: 0; }

img {
  vertical-align: top; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 auto; }

th, td {
  margin: 0;
  padding: 0; }

th, td {
  text-align: left;
  vertical-align: top; }

caption, th {
  text-align: left;
  margin: auto; }

object, embed {
  vertical-align: top; }

legend {
  display: none; }

body {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #222327;
  font-weight: 500;
  line-height: 1.9em; }

a:hover, a:focus {
  text-decoration: none; }

a.anch {
  text-decoration: underline; }
  a.anch:hover {
    text-decoration: none; }
  a.anch--red {
    color: #d13e2b; }

/*--- common ---*/
.header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  border-top: 3px #d13e2b solid;
  border-bottom: 1px #cfdde6 solid;
  background-color: #fff;
  transition: top .2s; }
  .header__innr {
    padding-top: 10px;
    padding-bottom: 0; }
  .header__logo--short {
    display: none; }
  .header__sub-nav {
    text-align: right; }
    .header__sub-nav:before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
    .header__sub-nav li {
      display: inline-block;
      vertical-align: middle; }
      .header__sub-nav li + li {
        margin-left: 25px; }
    .header__sub-nav a {
      font-size: 0.88em; }
      .header__sub-nav a:hover {
        text-decoration: underline; }
    .header__sub-nav i {
      margin-right: 5px; }
  .header__sns-search, .footer__sns {
    text-align: right; }
    .header__sns-search:before, .footer__sns:before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
    .header__sns-search li, .footer__sns li {
      display: inline-block;
      vertical-align: middle; }
      .header__sns-search li + li, .footer__sns li + li {
        margin-left: 15px; }
    .header__sns-search__sns a {
      font-size: 1.25em;
      transition: color .2s; }
    .header__sns-search__sns.fb a:hover, .footer__sns__fb a:hover {
      color: #3B5998; }
    .header__sns-search__sns.twi a:hover, .footer__sns__twi a:hover {
      color: #55acee; }
    .header__sns-search__sns.rss a:hover, .footer__sns__rss a:hover {
      color: #F90; }
    .header__sns-search__search {
      width: 200px;
      height: 30px; }
  .header.standby {
    top: -60px; }
  .header--short {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 64px; }
    .header--short .header__innr {
      padding-top: 0;
      height: 60px; }
    .header--short .header__tops {
      position: relative; }
    .header--short .header__logo {
      display: none; }
      .header--short .header__logo--short {
        display: block;
        width: 60px;
        height: 60px; }
        .header--short .header__logo--short img {
          width: 100%;
          height: auto; }
      .header--short .header__logo__wrap {
        float: none;
        position: absolute;
        top: 0;
        left: 0;
        width: auto;
        padding-right: 0; }
    .header--short .header__sub-nav__wrap {
      float: none;
      position: absolute;
      top: 0;
      left: 75px;
      width: 65%;
      height: 27px; }
      .header--short .header__sub-nav__wrap ul {
        height: 100% !important; }
    .header--short .header__sns-search__wrap {
      float: none;
      position: absolute;
      right: 0;
      width: 29%;
      height: 60px; }
      .header--short .header__sns-search__wrap ul {
        height: 100% !important; }
    .header--short .header__sns-search__search {
      width: 140px; }
    .header--short .header__mobile-btns {
      height: 60px !important; }
    .header--short .global-nav {
      float: none;
      margin: 27px 0 0 60px;
      width: 66%;
      height: 33px;
      padding: 0; }
      .header--short .global-nav li {
        padding: 0; }
  .header__sp-search {
    position: absolute;
    left: 0;
    width: 100%;
    height: 0;
    background-color: #fff;
    overflow: hidden;
    transition: height .2s; }
    .header__sp-search__innr {
      padding: 10px 15px;
      border-top: 1px #e7eef2 solid;
      border-bottom: 1px #e7eef2 solid; }
    .header__sp-search .form__wrap {
      height: 40px; }
    .header__sp-search .form__text-input {
      height: 38px;
      line-height: 1; }
    .header__sp-search .form__search-btn {
      height: 38px; }
    .header__sp-search.open {
      height: 62px; }

.form__wrap {
  width: 100%;
  height: 30px;
  border: 1px #e7eef2 solid;
  border-radius: 4px;
  overflow: hidden; }
.form__text-input {
  float: left;
  width: 86%;
  height: 28px;
  padding: 0 5px;
  font-size: .88em;
  line-height: 28px;
  border: none; }
.form__search-btn {
  float: right;
  width: 14%;
  height: 28px;
  padding: 0;
  color: #222327;
  font-size: 0.88em;
  line-height: 1;
  text-align: center;
  background: transparent;
  border: none;
  transition: color .2s, background .2s; }
  .form__search-btn:hover {
    color: #fff;
    background: #d13e2b; }

.global-nav {
  padding-top: 5px; }
  .global-nav > li {
    position: static; }
    .global-nav > li > a {
      position: relative;
      display: block;
      width: 100%;
      padding: 10px 0;
      font-size: 0.88em;
      color: #222327;
      font-weight: bold;
      text-align: center;
      line-height: 1;
      overflow: hidden;
      transition: color .3s; }
      .global-nav > li > a span {
        position: relative;
        z-index: 1; }
      .global-nav > li > a i {
        position: absolute;
        bottom: -10px;
        left: 50%;
        z-index: 2;
        margin-left: -4px;
        color: #fff;
        transition: bottom .3s; }
      .global-nav > li > a:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        display: block;
        width: 10px;
        height: 5px;
        margin-left: -5px;
        border-radius: 5px 5px 0 0;
        background-color: #475866;
        transition: transform .3s; }
    .global-nav > li:hover > a, .global-nav > li.hover > a, .global-nav > li.current-menu-item > a {
      color: #fff; }
      .global-nav > li:hover > a i, .global-nav > li.hover > a i, .global-nav > li.current-menu-item > a i {
        bottom: -3px; }
      .global-nav > li:hover > a:after, .global-nav > li.hover > a:after, .global-nav > li.current-menu-item > a:after {
        -ms-transform: scale(37);
        -webkit-transform: scale(37);
        transform: scale(37); }
  .global-nav__life-style a:after {
    background-color: #6fb157 !important; }
  .global-nav__work a:after {
    background-color: #42a4d7 !important; }
  .global-nav__culture a:after {
    background-color: #a653a6 !important; }
  .global-nav__play a:after {
    background-color: #e8b51c !important; }
  .global-nav__dropdown {
    position: absolute;
    left: 0;
    z-index: 10;
    width: 100%;
    padding: 0;
    background-color: #fff;
    overflow: hidden;
    opacity: 0;
    transition: height .3s; }
    .global-nav__dropdown__wrap {
      border-top: 1px #cfdde6 solid;
      border-bottom: 1px #e7eef2 solid; }
    .global-nav__dropdown__innr {
      min-height: 117px;
      padding-top: 30px;
      padding-bottom: 30px; }
    .global-nav__dropdown.life-style section {
      border-bottom-color: #6fb157; }
    .global-nav__dropdown.life-style .global-nav__dropdown__sec-ttl span:before {
      background-color: #6fb157; }
    .global-nav__dropdown.work section {
      border-bottom-color: #42a4d7; }
    .global-nav__dropdown.work .global-nav__dropdown__sec-ttl span:before {
      background-color: #42a4d7; }
    .global-nav__dropdown.culture section {
      border-bottom-color: #a653a6; }
    .global-nav__dropdown.culture .global-nav__dropdown__sec-ttl span:before {
      background-color: #a653a6; }
    .global-nav__dropdown.play section {
      border-bottom-color: #e8b51c; }
    .global-nav__dropdown.play .global-nav__dropdown__sec-ttl span:before {
      background-color: #e8b51c; }
    .global-nav__dropdown .row {
      position: relative; }
    .global-nav__dropdown__sec-ttl {
      display: inline-block;
      font-size: 1.25em;
      font-weight: bold;
      text-align: center; }
      .global-nav__dropdown__sec-ttl__wrap {
        position: absolute;
        height: 100%;
        text-align: center; }
        .global-nav__dropdown__sec-ttl__wrap:before {
          content: '';
          display: inline-block;
          height: 100%;
          vertical-align: middle; }
      .global-nav__dropdown__sec-ttl span {
        position: relative;
        display: inline-block;
        width: 100%;
        padding-top: 10px;
        margin-top: 10px;
        color: #475866;
        font-size: 0.7em;
        font-family: Raleway;
        font-weight: 400;
        vertical-align: middle; }
        .global-nav__dropdown__sec-ttl span:before {
          content: '';
          position: absolute;
          top: 0;
          left: 50%;
          width: 50%;
          height: 2px;
          margin-left: -25%;
          background-color: #cfdde6; }
    .global-nav__dropdown__list__date {
      position: absolute;
      z-index: 5;
      bottom: 0;
      left: 0;
      padding: 5px 10px 0;
      color: #475866;
      font-size: 0.75em;
      line-height: 1;
      background-color: #fff; }
    .global-nav__dropdown__list__ttl {
      margin-top: 10px;
      font-size: .88em;
      font-weight: bold;
      line-height: 1.43; }
      .global-nav__dropdown__list__ttl a:hover {
        text-decoration: underline; }
    .global-nav__dropdown__list__no-entry {
      line-height: 57px; }

.footer {
  margin-top: 40px;
  background: #e7eef2 url(img/common/footer_bg-aka-gawara.png) left bottom repeat-x; }
  .footer__innr {
    position: relative;
    padding-top: 40px;
    padding-bottom: 50px; }
  .footer__nav__ttl {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 15px;
    color: #3c4449;
    font-size: 1.13em;
    font-weight: bold;
    line-height: 1;
    border-bottom: 1px #475866 solid; }
    .footer__nav__ttl i {
      margin-right: 5px; }
    .footer__nav__ttl:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 50%;
      border-top: 1px #475866 solid; }
  .footer__nav__list {
    padding-left: 15px; }
    .footer__nav__list i {
      margin-right: 5px; }
    .footer__nav__list a:hover {
      text-decoration: underline; }
  .footer__partner__rtsc, .footer__partner__hs {
    margin-top: 30px; }
  .footer__contact {
    margin-top: 30px; }
  .footer__sns {
    margin-top: 40px;
    margin-bottom: 10px;
    text-align: center; }
    .footer__sns a {
      font-size: 1.25em;
      transition: color .2s; }
  .footer__logo {
    margin-bottom: 30px;
    text-align: center; }
  .footer__copyright {
    color: #475866;
    font-size: 0.63em;
    line-height: 1;
    text-align: center; }
  .footer__page-top {
    position: absolute;
    top: -25px;
    right: 15px;
    display: block;
    width: 50px;
    height: 50px;
    color: #fff;
    font-size: 1.5em;
    text-align: center;
    line-height: 50px;
    background-color: #d13e2b;
    border-radius: 50%;
    transition: background-color .2s; }
    .footer__page-top:hover {
      color: #fff;
      background-color: #e4897e; }

.sidebar__widget + .sidebar__widget {
  margin-top: 30px; }
.sidebar__post-list li {
  background-color: #fff;
  border-bottom: 1px #e7eef2 solid;
  transition: background-color .2s; }
  .sidebar__post-list li:hover {
    background-color: #fbfcfd; }
    .sidebar__post-list li:hover .sidebar__post-list__ttl {
      text-decoration: underline; }
  .sidebar__post-list li a {
    display: block;
    padding: 15px; }
.sidebar__post-list__thumb {
  float: left;
  display: block;
  width: 30%;
  height: auto;
  border: 2px #d13e2b solid; }
.sidebar__post-list__body {
  float: right;
  width: 65.5%; }
.sidebar__post-list__cate {
  font-size: 0.75em;
  font-weight: bold;
  line-height: 1; }
  .sidebar__post-list__cate.life-style {
    color: #6fb157; }
  .sidebar__post-list__cate.work {
    color: #42a4d7; }
  .sidebar__post-list__cate.culture {
    color: #a653a6; }
  .sidebar__post-list__cate.play {
    color: #e8b51c; }
  .sidebar__post-list__cate i {
    margin-right: 5px; }
.sidebar__post-list__ttl {
  margin: 5px 0 10px;
  font-size: 0.88em;
  font-weight: bold;
  line-height: 1.29; }
.sidebar__post-list__date, .sidebar__post-list__total-share {
  display: inline-block;
  margin-right: 15px;
  font-size: 0.75em;
  line-height: 1;
  vertical-align: middle; }
  .sidebar__post-list__date i, .sidebar__post-list__total-share i {
    margin-right: 5px; }
.sidebar__post-list__total-share {
  margin-right: 0;
  color: #d13e2b;
  font-weight: bold; }
.sidebar__category-list li {
  background-color: #fff;
  border-bottom: 1px #e7eef2 solid;
  transition: background-color .2s; }
  .sidebar__category-list li:hover {
    background-color: #fbfcfd; }
    .sidebar__category-list li:hover a {
      text-decoration: underline; }
.sidebar__category-list a {
  display: block;
  padding: 15px;
  font-size: 0.88em;
  font-weight: bold;
  line-height: 1; }
  .sidebar__category-list a i {
    margin-right: 5px; }
.sidebar--sp__header {
  padding: 0 15px; }
  .sidebar--sp__header:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .sidebar--sp__header__ttl {
    display: inline-block;
    width: 82%;
    font-size: 0.88em;
    font-family: Raleway;
    font-weight: 700;
    vertical-align: middle; }
  .sidebar--sp__header__tgl {
    padding: 0;
    margin: 0;
    font-size: 2em;
    vertical-align: middle;
    border: none;
    background: none; }
.sidebar--sp__ttl {
  padding: 10px 15px;
  color: #fff;
  font-size: 1.15em;
  font-weight: bold;
  line-height: 1;
  background-color: #d13e2b; }
  .sidebar--sp__ttl i {
    margin-right: 5px; }
.sidebar--sp__list li + li {
  border-top: 1px #e7eef2 solid; }
.sidebar--sp__list a {
  display: block;
  padding: 10px 15px; }
  .sidebar--sp__list a i {
    margin-right: 10px; }
.sidebar--sp__list__life-style.current-menu-item a {
  color: #fff;
  background-color: #6fb157; }
.sidebar--sp__list__work.current-menu-item a {
  color: #fff;
  background-color: #42a4d7; }
.sidebar--sp__list__culture.current-menu-item a {
  color: #fff;
  background-color: #a653a6; }
.sidebar--sp__list__play.current-menu-item a {
  color: #fff;
  background-color: #e8b51c; }

.column__main, .column__side {
  padding-top: 60px;
  padding-bottom: 60px; }
  .column__main__post, .column__side__post {
    padding-top: 30px; }

.section-wrap {
  padding: 60px 0; }

.cover__innr {
  height: 120px;
  letter-spacing: -0.40em; }
  .cover__innr:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
.cover__ttl {
  display: inline-block;
  color: #fff;
  font-size: 2em;
  letter-spacing: normal;
  vertical-align: middle; }
.cover--about {
  background: url(img/index/slide_bg-dotts.png) left top, url(img/about/cover.jpg) center top no-repeat;
  background-size: auto, cover; }
.cover--privacy_policy {
  background: url(img/index/slide_bg-dotts.png) left top, url(img/privacy-policy/cover.jpg) center top no-repeat;
  background-size: auto, cover; }
.cover--contact {
  background: url(img/index/slide_bg-dotts.png) left top, url(img/contact/cover.jpg) center top no-repeat;
  background-size: auto, cover; }
.cover--sitemap {
  background: url(img/index/slide_bg-dotts.png) left top, url(img/sitemap/cover.jpg) center top no-repeat;
  background-size: auto, cover; }

.post__list {
  padding: 30px;
  background-color: #fff;
  transition: box-shadow .2s linear; }
  .post__list + .post__list {
    margin-top: 20px; }
  .post__list--life-style {
    box-shadow: inset 0 -1px 0 #6fb157; }
    .post__list--life-style:hover {
      box-shadow: inset 0 -5px 0 #6fb157; }
  .post__list--work {
    box-shadow: inset 0 -1px 0 #42a4d7; }
    .post__list--work:hover {
      box-shadow: inset 0 -5px 0 #42a4d7; }
  .post__list--culture {
    box-shadow: inset 0 -1px 0 #a653a6; }
    .post__list--culture:hover {
      box-shadow: inset 0 -5px 0 #a653a6; }
  .post__list--play {
    box-shadow: inset 0 -1px #e8b51c; }
    .post__list--play:hover {
      box-shadow: inset 0 -5px 0 #e8b51c; }
  .post__list__thumb {
    border: 3px #d13e2b solid;
    border-radius: 10px 0 10px 0;
    overflow: hidden; }
    .post__list__thumb a {
      position: relative;
      z-index: 1;
      display: block;
      border-radius: 5px 0 5px 0;
      overflow: hidden; }
    .post__list__thumb img {
      border-radius: 7px 0 7px 0; }
  .post__list__categories {
    display: inline-block;
    height: 20px;
    padding: 0 10px 0 15px;
    color: #fff;
    font-size: 0.75em;
    line-height: 20px;
    vertical-align: middle;
    border-radius: 10px 2px 2px 10px;
    margin-bottom: 5px; }
    .post__list__categories a {
      color: #fff; }
      .post__list__categories a:hover {
        text-decoration: underline; }
    .post__list__categories i {
      margin-right: 5px; }
    .post__list__categories + .post__list__categories {
      margin-left: 5px; }
    .post__list__categories.tag {
      background-color: #7d9ab3; }
      .post__list__categories.tag a:before {
        content: '\00f02b';
        margin-right: 5px;
        font-family: FontAwesome; }
    .post__list__categories.life-style {
      background-color: #6fb157; }
    .post__list__categories.work {
      background-color: #42a4d7; }
    .post__list__categories.culture {
      background-color: #a653a6; }
    .post__list__categories.play {
      background-color: #e8b51c; }
    .post__list__categories.job, .post__list__categories.property {
      background-color: #d13e2b; }
    .post__list__categories + .post__attr-date {
      margin-left: 10px; }
  .post__list__ttl {
    margin: 15px 0 20px;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 30px; }
    .post__list__ttl a:hover {
      text-decoration: underline; }
  .post__list__attr {
    padding-top: 15px;
    border-top: 1px #cfdde6 dotted; }
    .post__list__attr .share__total {
      float: right; }
  .post__list__more-read {
    width: 100%;
    margin-top: 30px; }
  .post__list--related-post + .post__list--related-post {
    margin-top: 0; }
.post__attr-author {
  display: inline-block;
  vertical-align: middle; }
  .post__attr-author a {
    font-size: 0.88em;
    color: #475866; }
    .post__attr-author a:hover {
      text-decoration: underline; }
  .post__attr-author img {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    vertical-align: middle;
    border: 2px #e7eef2 solid;
    border-radius: 50%; }
  .post__attr-author + .post__attr-date {
    margin-left: 30px; }
.post__attr-date {
  display: inline-block;
  font-size: .88em;
  color: #475866;
  vertical-align: middle; }
  .post__attr-date i {
    margin-right: 5px; }
.post__block-list {
  border: 1px #e7eef2 solid; }
  .post__block-list.life-style {
    border-bottom-color: #6fb157; }
  .post__block-list.work {
    border-bottom-color: #42a4d7; }
  .post__block-list.culture {
    border-bottom-color: #a653a6; }
  .post__block-list.play {
    border-bottom-color: #e8b51c; }
  .post__block-list__thumb .share__total {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    border-radius: 0 0 0 3px; }
  .post__block-list__body {
    padding: 15px 15px 10px; }
  .post__block-list__attr {
    line-height: 1; }
  .post__block-list__ttl {
    margin: 10px 0; }
    .post__block-list__ttl a {
      font-weight: bold;
      line-height: 1.38; }
      .post__block-list__ttl a:hover {
        text-decoration: underline; }
  .post__block-list__author {
    padding-top: 10px;
    border-top: 1px #e7eef2 dotted; }
.post__single {
  border: 1px #e7eef2 solid; }
  .post__single__header {
    padding: 20px;
    border-bottom: 1px #e7eef2 solid; }
  .post__single__ttl {
    margin: 15px 0 10px;
    font-size: 1.75em;
    font-weight: bold;
    line-height: 1.36; }
  .post__single__mv {
    padding: 20px 20px 0; }
  .post__single__body, body.editor__body {
    padding: 0 70px 80px; }
    .post__single__body h2, body.editor__body h2 {
      padding: 15px;
      margin-bottom: 0.96em;
      margin-left: -20px;
      font-size: 1.63em;
      line-height: 1.4;
      border-left: 5px #d13e2b solid;
      background-color: #e7eef2; }
    .post__single__body h3, body.editor__body h3 {
      padding: 15px;
      margin-bottom: 0.96em;
      margin-left: -20px;
      font-size: 1.63em;
      line-height: 1.4;
      border-left: 5px #d13e2b solid; }
    .post__single__body h4, body.editor__body h4 {
      margin-bottom: .96em;
      color: #d13e2b;
      font-size: 1.38em;
      font-weight: bold;
      line-height: 1.4; }
    .post__single__body p, body.editor__body p {
      font-size: 1.06em;
      line-height: 2.12;
      word-break: break-all;
      word-wrap: break-word; }
      .post__single__body p + p, body.editor__body p + p {
        margin-top: 2em; }
      .post__single__body p + h2, body.editor__body p + h2 {
        margin-top: 3em; }
      .post__single__body p + h3, body.editor__body p + h3 {
        margin-top: 2.5em; }
      .post__single__body p + h4, body.editor__body p + h4 {
        margin-top: 2em; }
      .post__single__body p + .post__single__talk, body.editor__body p + .post__single__talk {
        margin-top: 40px; }
    .post__single__body a, body.editor__body a {
      color: #d13e2b;
      text-decoration: underline;
      word-wrap: break-word; }
      .post__single__body a:hover, body.editor__body a:hover {
        text-decoration: none; }
    .post__single__body small + p, body.editor__body small + p {
      padding-top: 2em; }
    .post__single__body img, body.editor__body img {
      display: block;
      max-width: 100%;
      height: auto;
      margin: 0 auto; }
      .post__single__body img + h2, body.editor__body img + h2 {
        margin-top: 2.31em; }
      .post__single__body img + img, body.editor__body img + img {
        margin-top: 0; }
    .post__single__body blockquote, body.editor__body blockquote {
      position: relative;
      z-index: 1;
      padding: 50px;
      margin: 60px 0;
      font-size: 1em;
      background: url(img/common/post__blockquote__bg.png) left top;
      border: none; }
      .post__single__body blockquote:before, body.editor__body blockquote:before {
        content: '';
        position: absolute;
        top: 20px;
        left: 20px;
        z-index: 2;
        width: 73px;
        height: 59px;
        background: url(img/common/post__blockquote__start.png) left top no-repeat; }
      .post__single__body blockquote:after, body.editor__body blockquote:after {
        content: '';
        position: absolute;
        bottom: 20px;
        right: 20px;
        z-index: 3;
        width: 73px;
        height: 58px;
        background: url(img/common/post__blockquote__end.png) left top no-repeat; }
      .post__single__body blockquote *, body.editor__body blockquote * {
        position: relative;
        z-index: 5; }
    .post__single__body .twitter-tweet, body.editor__body .twitter-tweet {
      margin: 20px auto 0px !important; }
  .post__single__information {
    margin-top: 30px;
    padding: 15px;
    border: 1px #cfdde6 solid;
    background-color: #fbfcfd;
    border-radius: 10px; }
    .post__single__information + h2, .post__single__information + h3, .post__single__information + h4 {
      margin-top: 50px; }
    .post__single__information + p {
      padding-top: 2em; }
    .post__single__information .post__single__talk + .post__single__talk {
      margin-top: 10px; }
  .post__single__talk:after {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    clear: both; }
  .post__single__talk + .post__single__talk {
    margin-top: 50px; }
  .post__single__talk__face {
    float: left;
    width: 80px; }
    .post__single__talk__face img {
      display: block;
      width: 100%;
      height: auto;
      margin-bottom: 5px;
      border-radius: 50%; }
    .post__single__talk__face span {
      display: block;
      padding: 3px 5px;
      font-size: 0.88em;
      font-weight: bold;
      text-align: center;
      line-height: 1; }
  .post__single__talk p {
    display: block;
    padding: 1.5em 0 0 95px; }
    .post__single__talk p + p {
      padding-top: 0;
      margin-top: 15px; }
  .post__single__talk.q .post__single__talk__face span {
    background-color: #efcb60; }
  .post__single__talk.a .post__single__talk__face span {
    background-color: #8ec8e7; }
  .post__single__talk.a--2 .post__single__talk__face span {
    background-color: #abd19d; }
  .post__single__talk.a--3 .post__single__talk__face span {
    background-color: #e4897e; }
  .post__single__talk.a--4 .post__single__talk__face span {
    background-color: #ca95ca; }
  .post__single__talk.a--5 .post__single__talk__face span {
    background-color: #ffcccc; }
  .post__single__talk + h2 {
    margin-top: 3em; }
  .post__single__talk + h3 {
    margin-top: 40px; }
  .post__single__talk + h4 {
    margin-top: 40px; }
  .post__single__talk + p {
    margin: 50px 0 1.5em; }
  .post__single__other-post {
    margin: 50px 0;
    border: 1px #cfdde6 solid;
    border-radius: 10px;
    overflow: hidden;
    transition: background-color .2s, border-color .2s; }
    .post__single__other-post:hover {
      background-color: #fbfcfd;
      border-color: #d13e2b; }
    .post__single__other-post a {
      display: block;
      padding: 15px;
      color: #222327 !important;
      text-decoration: none !important; }
    .post__single__other-post__thumb {
      float: left;
      display: block;
      width: 25%;
      height: auto;
      margin: 0 !important; }
    .post__single__other-post__body {
      float: right;
      width: 72%; }
    .post__single__other-post__cate-tag li {
      display: inline-block;
      font-size: 0.75em;
      line-height: 1; }
      .post__single__other-post__cate-tag li + li {
        margin-left: 10px; }
      .post__single__other-post__cate-tag li i {
        margin-right: 5px; }
      .post__single__other-post__cate-tag li.life-style {
        color: #6fb157; }
      .post__single__other-post__cate-tag li.work {
        color: #42a4d7; }
      .post__single__other-post__cate-tag li.culture {
        color: #a653a6; }
      .post__single__other-post__cate-tag li.play {
        color: #e8b51c; }
      .post__single__other-post__cate-tag li.tag {
        color: #7d9ab3; }
    .post__single__other-post__ttl {
      font-size: 1.13em;
      font-weight: bold;
      line-height: 1.4; }
    .post__single__other-post__attr {
      padding-top: 10px;
      border-top: none; }
    .post__single__other-post__author {
      font-size: 0.88em !important; }
      .post__single__other-post__author img {
        display: inline-block;
        margin: 0 5px 0 0; }
    .post__single__other-post__date {
      margin: 0 0 0 10px !important;
      font-size: 0.88em !important; }
.post__author {
  padding: 40px 20px;
  border-top: 1px #e7eef2 solid;
  border-bottom: 1px #e7eef2 solid; }
  .post__author--about {
    padding: 30px;
    border: 1px #e7eef2 solid;
    background-color: #fff; }
    .post__author--about + .post__author--about {
      margin-top: 20px; }
  .post__author__name {
    font-size: 0.88em;
    font-weight: bold; }
    .post__author__name span {
      display: inline-block;
      font-size: 1.29em;
      font-weight: normal;
      vertical-align: middle;
      white-space: nowrap; }
  .post__author__author-filter {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 5px;
    font-size: 0.86em;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    line-height: 1;
    background-color: #d13e2b;
    border-radius: 50%;
    transition: background-color .2s; }
    .post__author__author-filter i {
      height: 24px; }
      .post__author__author-filter i:before {
        line-height: 24px; }
    .post__author__author-filter:hover {
      color: #fff;
      background-color: #e4897e; }
  .post__author__label {
    color: #475866;
    font-size: 0.88em;
    line-height: 1; }
  .post__author__hr {
    margin: 15px 0 !important; }
  .post__author__description {
    font-size: 0.88em;
    line-height: 1.79; }
  .post__author__sns {
    padding-top: 15px; }
    .post__author__sns li {
      display: inline-block; }
      .post__author__sns li + li {
        margin-left: 5px; }
    .post__author__sns a {
      display: block;
      width: 40px;
      height: 40px;
      color: #fff;
      font-size: 1.13em;
      text-align: center;
      line-height: 40px;
      border-radius: 50%;
      transition: opacity .2s; }
      .post__author__sns a:hover {
        color: #fff;
        opacity: .7; }
    .post__author__sns i {
      height: 40px;
      line-height: 1; }
      .post__author__sns i:before {
        line-height: 40px; }
    .post__author__sns__web {
      background-color: #2ac05b;
      font-size: 1.4em !important; }
    .post__author__sns__fb {
      background-color: #315096; }
    .post__author__sns__twi {
      background-color: #55acee; }
    .post__author__sns__blog {
      background-color: #ff962a; }
    .post__author__sns__insta {
      background-color: #3f729b; }
.post__related .bnr--top-border {
  margin-top: 80px; }

body.editor__body {
  padding: 30px 70px 80px !important; }

.share {
  margin: 0 20px 40px;
  padding: 15px;
  background-color: #cfdde6; }
  .share__total {
    display: inline-block;
    height: 30px;
    padding: 0 15px;
    color: #fff;
    line-height: 30px;
    background-color: #d13e2b;
    border-radius: 3px; }
    .share__total span {
      font-size: 1.25em; }
    .share__total--single-post {
      position: relative;
      float: right;
      height: 63px;
      line-height: 63px; }
      .share__total--single-post:before {
        content: '';
        position: absolute;
        top: 50%;
        left: -10px;
        display: block;
        margin-top: -5px;
        border-top: 5px transparent solid;
        border-right: 10px #d13e2b solid;
        border-bottom: 5px transparent solid;
        border-left: 0 transparent solid; }
  .share__sns {
    text-align: center;
    line-height: 1; }
    .share__sns li {
      display: inline-block;
      width: 15%;
      border-radius: 3px;
      overflow: hidden; }
    .share__sns__balloon {
      display: block;
      height: 30px;
      font-size: 0.88em;
      text-align: center;
      line-height: 30px;
      background-color: #fff; }
    .share__sns__btn {
      display: block;
      height: 33px;
      color: #fff;
      text-align: center;
      line-height: 33px;
      transition: background-color .2s; }
      .share__sns__btn.fb {
        background-color: #315096; }
        .share__sns__btn.fb:hover {
          background-color: #3e65bc; }
      .share__sns__btn.twi {
        background-color: #55acee; }
        .share__sns__btn.twi:hover {
          background-color: #83c3f3; }
      .share__sns__btn.hatena {
        background-color: #008fde; }
        .share__sns__btn.hatena:hover {
          background-color: #12abff; }
      .share__sns__btn.googleplus {
        background-color: #dd4b39; }
        .share__sns__btn.googleplus:hover {
          background-color: #e47365; }
      .share__sns__btn.pocket {
        background-color: #EE4056; }
        .share__sns__btn.pocket:hover {
          background-color: #f26f7f; }
      .share__sns__btn:hover {
        color: #fff; }
  .share--post-footer {
    margin: 0; }

.between-post-list {
  padding-top: 30px;
  padding-bottom: 30px; }
  .between-post-list__innr {
    position: relative; }
  .between-post-list__sec-ttl {
    position: absolute;
    top: 0;
    left: 0;
    width: 20%;
    height: 100%;
    text-align: center;
    background-color: #3e4e57; }
    .between-post-list__sec-ttl:before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
    .between-post-list__sec-ttl .bnr {
      margin: 0;
      font-size: 1.63em;
      display: inline-block;
      vertical-align: middle; }
  .between-post-list__list {
    letter-spacing: -0.40em;
    padding-left: 20%; }
    .between-post-list__list li {
      display: inline-block;
      width: 25%;
      letter-spacing: normal;
      vertical-align: top;
      background-color: #fff;
      border-bottom-width: 1px;
      border-bottom-style: solid; }
      .between-post-list__list li.life-style {
        border-bottom-color: #6fb157; }
      .between-post-list__list li.work {
        border-bottom-color: #42a4d7; }
      .between-post-list__list li.culture {
        border-bottom-color: #a653a6; }
      .between-post-list__list li.play {
        border-bottom-color: #e8b51c; }
  .between-post-list__attr {
    margin-bottom: 5px;
    line-height: 1; }
    .between-post-list__attr .post__list__categories {
      margin-right: 10px;
      margin-bottom: 5px; }
    .between-post-list__attr .post__attr-date {
      margin-bottom: 5px;
      margin-left: 0; }
  .between-post-list__body {
    padding: 10px 15px; }
  .between-post-list__ttl {
    font-size: 0.88em;
    font-weight: bold;
    line-height: 1.43; }
    .between-post-list__ttl a:hover {
      text-decoration: underline; }

.breadcrumbs {
  font-size: 0.75em;
  color: #000;
  margin-bottom: 10px;
  line-height: 1.5; }
  .breadcrumbs li {
    display: inline-block; }
    .breadcrumbs li i {
      margin-right: 5px; }
    .breadcrumbs li + li:before {
      content: '>';
      margin-right: 5px; }
  .breadcrumbs a:hover {
    text-decoration: underline; }

@media screen and (max-width: 1199px) {
  .header__innr {
    padding-top: 10px; }
  .header__sub-nav {
    text-align: right; }
    .header__sub-nav li {
      display: inline-block;
      vertical-align: middle; }
      .header__sub-nav li + li {
        margin-left: 25px; }
    .header__sub-nav a {
      font-size: 0.88em; }
      .header__sub-nav a:hover {
        text-decoration: underline; }
    .header__sub-nav i {
      margin-right: 5px; }
  .header__sns-search, .footer__sns {
    text-align: right; }
    .header__sns-search li, .footer__sns li {
      display: inline-block;
      vertical-align: middle; }
      .header__sns-search li + li, .footer__sns li + li {
        margin-left: 12px; }
    .header__sns-search__sns a {
      font-size: 1.25em;
      transition: color .2s; }
    .header__sns-search__sns.fb a:hover, .footer__sns__fb a:hover {
      color: #3B5998; }
    .header__sns-search__sns.twi a:hover, .footer__sns__twi a:hover {
      color: #55acee; }
    .header__sns-search__sns.rss a:hover, .footer__sns__rss a:hover {
      color: #F90; }
    .header__sns-search__search {
      width: 200px;
      height: 30px; }

  .footer__sns {
    text-align: center; } }
@media screen and (max-width: 991px) {
  .header__innr {
    padding-top: 15px;
    padding-bottom: 15px; }
  .header__mobile-btns {
    text-align: right; }
    .header__mobile-btns__wrap {
      float: right; }
    .header__mobile-btns:before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
    .header__mobile-btns li {
      display: inline-block;
      vertical-align: middle; }
      .header__mobile-btns li + li {
        margin-left: 15px; }
    .header__mobile-btns button {
      padding: 0;
      margin: 0;
      font-size: 2em;
      border: none;
      background: none; }
  .header--short {
    height: 54px; }
    .header--short .header__innr {
      padding-bottom: 0;
      height: 50px; }
    .header--short .header__logo {
      display: none; }
      .header--short .header__logo--short {
        width: 50px;
        height: 50px;
        margin-left: -15px; }
    .header--short .header__mobile-btns {
      height: 50px !important; }

  .footer__sns {
    text-align: center; }

  .drawer-nav {
    z-index: 50; }

  .drawer-overlay {
    z-index: 40; }

  .drawer-menu {
    padding-bottom: 30px; }

  .sidebar__widget {
    margin-top: 30px; }
  .sidebar__post-list li a {
    font-size: 1.2em; }

  .between-post-list__sec-ttl {
    position: relative;
    width: 100%;
    height: auto;
    padding: 15px 0; }
  .between-post-list__list {
    padding-left: 0; }
    .between-post-list__list li {
      display: inline-block;
      width: 25%;
      letter-spacing: normal;
      vertical-align: top;
      background-color: #fff;
      border-bottom-width: 1px;
      border-bottom-style: solid; }
      .between-post-list__list li.life-style {
        border-bottom-color: #6fb157; }
      .between-post-list__list li.work {
        border-bottom-color: #42a4d7; }
      .between-post-list__list li.culture {
        border-bottom-color: #a653a6; }
      .between-post-list__list li.play {
        border-bottom-color: #e8b51c; }
  .between-post-list__attr {
    line-height: 1; }
  .between-post-list__body {
    padding: 10px 15px; }
  .between-post-list__ttl {
    margin-top: 10px;
    font-size: 0.88em;
    font-weight: bold;
    line-height: 1.43; }
    .between-post-list__ttl a:hover {
      text-decoration: underline; }

  .row > .post__block-list__wrap:nth-of-type(4), .row > .post__block-list__wrap:nth-of-type(5) {
    margin-top: 30px; } }
@media screen and (max-width: 767px) {
  body {
    font-weight: normal; }

  .header__innr {
    padding-top: 10px;
    padding-bottom: 10px; }
  .header__mobile-btns button {
    font-size: 1.5em; }

  .footer__page-top {
    right: 50%;
    margin-right: -25px; }

  .post__list {
    padding: 15px; }
    .post__list__thumb {
      margin-bottom: 10px;
      border: 2px #d13e2b solid; }
    .post__list__categories + .post__attr-date {
      margin-left: 20px; }
    .post__list__ttl {
      margin: 10px 0;
      font-size: 1.3em;
      line-height: 26px; }
    .post__list__attr {
      padding-top: 10px; }
      .post__list__attr .share__total {
        margin-top: 5px; }
  .post__block-list__wrap + .post__block-list__wrap {
    margin-top: 20px !important; }
  .post__single {
    border: none; }
    .post__single__header {
      padding: 0 0 20px; }
    .post__single__ttl {
      font-size: 1.5em;
      line-height: 1.2; }
    .post__single__mv {
      position: relative;
      padding: 20px 0 0; }
    .post__single__body, body.editor__body {
      padding: 0 10px 40px;
      font-size: 0.88em; }
      .post__single__body h2, body.editor__body h2 {
        padding: 15px;
        margin-bottom: 0.96em;
        margin-left: -20px;
        font-size: 1.4em;
        line-height: 1.5;
        border-left: 5px #d13e2b solid;
        background-color: #e7eef2; }
      .post__single__body p, body.editor__body p {
        font-size: 1.06em;
        line-height: 2.12; }
        .post__single__body p + p, body.editor__body p + p {
          margin-top: 1.5em; }
        .post__single__body p + h2, body.editor__body p + h2 {
          margin-top: 2.31em; }
      .post__single__body small + p, body.editor__body small + p {
        padding-top: 1.5em; }
      .post__single__body blockquote, body.editor__body blockquote {
        padding: 20px;
        margin: 40px 0;
        background: url(img/common/post__blockquote__bg.png) left top;
        border: none; }
        .post__single__body blockquote:before, body.editor__body blockquote:before {
          top: 10px;
          left: 10px;
          width: 36px;
          height: 29px;
          background: url(img/common/post__blockquote__start.png) left top no-repeat;
          -webkit-background-size: contain;
          background-size: contain; }
        .post__single__body blockquote:after, body.editor__body blockquote:after {
          bottom: 10px;
          right: 10px;
          width: 36px;
          height: 29px;
          background: url(img/common/post__blockquote__end.png) left top no-repeat;
          -webkit-background-size: contain;
          background-size: contain; }
    .post__single__talk + .post__single__talk {
      margin-top: 20px; }
    .post__single__talk__face {
      width: 60px; }
    .post__single__talk p {
      padding: 1em 0 0 75px; }
      .post__single__talk p + p {
        padding-top: 0;
        margin-top: 15px; }
    .post__single__other-post {
      margin: 40px 0; }
      .post__single__other-post a {
        position: relative; }
      .post__single__other-post__thumb {
        float: none;
        width: 100%;
        height: auto;
        margin: 0 0 10px !important; }
      .post__single__other-post__body {
        float: none;
        width: 100%; }
        .post__single__other-post__body .share__total {
          position: absolute;
          top: 15px;
          right: 15px;
          margin-top: 0;
          border-radius: 0 0 0 5px; }
  .post__author__name {
    margin: 15px 0 10px;
    line-height: 1.5; }
  .post__author__hr {
    margin: 15px auto !important; }
  .post__author__sns {
    text-align: center; }
  .post__related .bnr--top-border {
    margin-top: 60px; }
  .post__archive .bnr--wave {
    margin-bottom: 10px; }

  .share {
    margin: 0 0 30px; }
    .share__total--single-post {
      position: absolute;
      top: 20px;
      right: 0;
      float: none;
      height: 30px;
      line-height: 30px;
      border-radius: 0 0 0 3px; }
      .share__total--single-post:before {
        display: none; }
    .share__sns li {
      width: 18%; }
    .share--post-footer {
      margin: 0; }

  .between-post-list__list li {
    width: 50%; }
    .between-post-list__list li:nth-child(3), .between-post-list__list li:nth-child(4) {
      display: none; }
  .between-post-list__body {
    padding: 10px; }
    .between-post-list__body .post__attr-date {
      margin-top: 5px;
      margin-left: 0; }
  .between-post-list__ttl {
    margin-top: 10px;
    font-size: 1em; }

  .column__main, .column__side {
    padding-top: 30px;
    padding-bottom: 30px; }
    .column__main__post, .column__side__post {
      padding-top: 10px; }

  .breadcrumbs {
    margin: 0 -15px 10px;
    padding: 0 15px 10px;
    border-bottom: solid 1px #cfdde6;
    overflow-x: scroll;
    white-space: nowrap; }
    .breadcrumbs::-webkit-scrollbar {
      height: 5px; }
    .breadcrumbs::-webkit-scrollbar-track {
      background-color: #FFF; }
    .breadcrumbs::-webkit-scrollbar-thumb {
      background-color: rgba(238, 238, 238, 0.8); } }
/*--- index ---*/
.index__main-visual__wrap {
  position: relative;
  background: url(img/index/slide_dumm.jpg) center center no-repeat;
  background-size: cover;
  overflow: hidden; }
.index__main-visual__innr {
  position: relative;
  z-index: 5;
  height: 100%;
  text-align: center;
  background: url(img/index/slide_bg-wave.png) center bottom no-repeat, url(img/index/slide_bg-dotts.png) left top; }
  .index__main-visual__innr img {
    display: inline-block;
    vertical-align: middle; }
  .index__main-visual__innr:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
.index__main-visual__video {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto; }
  .index__main-visual__video iframe[title="おきなわマグネットMV"] {
    position: absolute;
    min-width: 100%;
    min-height: 100%; }
.index__main-visual__scroll-btn {
  border-bottom: 1px #e7eef2 solid; }
  .index__main-visual__scroll-btn a {
    display: block;
    width: 100%;
    height: 50px;
    color: #475866;
    font-size: 0.88em;
    font-family: Raleway;
    font-weight: 700;
    text-align: center;
    line-height: 50px;
    background-color: #f4f7f9;
    transition: color .2s, background-color .2s; }
    .index__main-visual__scroll-btn a:hover {
      color: #d13e2b;
      background-color: #fbfcfd; }
.index__intro__innr {
  padding-top: 60px;
  padding-bottom: 60px; }
.index__intro__ttl {
  margin-bottom: 25px;
  padding-bottom: 25px;
  font-size: 1.13em;
  background: url(img/index/intro_ttl-bb.png) center bottom no-repeat; }
  .index__intro__ttl img {
    margin-right: 5px;
    vertical-align: bottom; }
.index__latests {
  padding: 40px 0;
  background: url(img/common/bg_pail-stripe.png) left top; }
.index__category + .index__category {
  border-top: 1px #e7eef2 solid; }
.index__category .container {
  padding-top: 60px;
  padding-bottom: 60px; }

.telecine video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto; }

@media screen and (max-width: 767px) {
  .index__main-visual__innr {
    padding-right: 15px;
    padding-left: 15px; }
  .index__intro__ttl img {
    width: 75%; } }
/*--- pages ---*/
/* sitemap */
.sitemap-list li + li {
  margin-top: 20px; }
.sitemap-list a {
  font-size: 1.13em; }
  .sitemap-list a:hover {
    text-decoration: underline; }
.sitemap-list i {
  margin-right: 10px; }
.sitemap-list__home {
  text-align: center; }
  .sitemap-list__home i {
    color: #d13e2b; }
.sitemap-list__life-style {
  clear: both; }
  .sitemap-list__life-style i {
    color: #6fb157; }
.sitemap-list__work i {
  color: #42a4d7; }
.sitemap-list__culture i {
  color: #a653a6; }
.sitemap-list__play i {
  color: #e8b51c; }
.sitemap-list__contents a {
  font-size: 1em; }

/*-------------*/
/*--- parts ---*/
/*-------------*/
.lead {
  margin-bottom: 30px;
  font-size: 1.25em;
  font-weight: normal;
  line-height: inherit; }

.btn {
  position: relative;
  display: inline-block;
  font-size: 1em;
  line-height: inherit;
  white-space: normal; }
  .btn.active, .btn:active {
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn--ghost {
    padding: .8em 1.5em;
    border: 1px #cfdde6 solid;
    border-radius: 5px;
    transition: color .2s, background-color .2s; }
    .btn--ghost:hover {
      color: #fff;
      background-color: #cfdde6; }
    .btn--ghost--green {
      border-color: #6fb157; }
      .btn--ghost--green:hover {
        background-color: #6fb157; }
    .btn--ghost--blue {
      border-color: #42a4d7; }
      .btn--ghost--blue:hover {
        background-color: #42a4d7; }
    .btn--ghost--purple {
      border-color: #a653a6; }
      .btn--ghost--purple:hover {
        background-color: #a653a6; }
    .btn--ghost--yellow {
      border-color: #e8b51c; }
      .btn--ghost--yellow:hover {
        background-color: #e8b51c; }
  .btn--check, .btn--send {
    padding: 10px 20px;
    color: #fff;
    font-size: 1.13em;
    background-color: #6fb157;
    transition: background-color .2s; }
    .btn--check:hover, .btn--send:hover {
      color: #fff;
      background-color: #9cc98b; }
  .btn--back {
    margin-right: 15px;
    padding: 10px 20px;
    color: #fff;
    font-size: 1.13em;
    background-color: #3c4449;
    transition: background-color .2s; }
    .btn--back:hover {
      color: #fff;
      background-color: #5f6b73; }

.bnr {
  margin-bottom: 30px;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center; }
  .bnr__before-ttl {
    display: inline !important;
    min-width: auto !important;
    margin-top: 0 !important;
    margin-right: 5px;
    padding-top: 0 !important;
    font-size: .9em !important;
    background: none !important; }
  .bnr--lv4 {
    margin-bottom: 20px;
    font-size: 1.25em;
    color: #d13e2b;
    font-weight: bold; }
  .bnr--wave {
    font-size: 1.88em; }
    .bnr--wave span {
      display: inline-block;
      min-width: 122px;
      margin-top: 10px;
      padding-top: 15px;
      color: #475866;
      font-size: 0.53em;
      font-family: Raleway;
      font-weight: 400; }
    .bnr--wave--red span {
      background: url(img/common/ttl-hr--red.png) center top no-repeat; }
    .bnr--wave--green span {
      background: url(img/common/ttl-hr--green.png) center top no-repeat; }
    .bnr--wave--blue span {
      background: url(img/common/ttl-hr--blue.png) center top no-repeat; }
    .bnr--wave--purple span {
      background: url(img/common/ttl-hr--purple.png) center top no-repeat; }
    .bnr--wave--yellow span {
      background: url(img/common/ttl-hr--yellow.png) center top no-repeat; }
    .bnr--wave--white {
      color: #fff; }
      .bnr--wave--white span {
        color: #718f9f;
        background: url(img/common/ttl-hr--white.png) center top no-repeat; }
  .bnr--under-border, .bnr--top-border {
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 10px;
    text-align: center;
    border-bottom: 1px #d13e2b solid; }
    .bnr--under-border:after, .bnr--top-border:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      width: 26%;
      height: 2px;
      margin-left: -13%;
      background-color: #d13e2b; }
  .bnr--top-border {
    padding-top: 15px;
    padding-bottom: 0;
    border-top: 1px #d13e2b solid;
    border-bottom: none; }
    .bnr--top-border:after {
      top: 0;
      bottom: auto; }
  .bnr--under-short {
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 25px;
    font-size: 1.5em;
    line-height: 1.42; }
    .bnr--under-short:after {
      content: '';
      position: absolute;
      bottom: -4px;
      left: 50%;
      width: 18%;
      height: 0;
      margin-left: -9%;
      border-bottom: 4px #d13e2b solid; }
    .bnr--under-short span {
      font-size: 0.67em; }

.list--caret-head, .list--angle-head {
  padding-left: 5px; }
  .list--caret-head li, .list--angle-head li {
    position: relative;
    padding-left: 15px; }
    .list--caret-head li + li, .list--angle-head li + li {
      margin-top: 5px; }
    .list--caret-head li:before, .list--angle-head li:before {
      content: '\00f0da';
      position: absolute;
      left: 0;
      color: #42a4d7;
      font-family: 'FontAwesome'; }
.list--angle-head.row {
  padding-right: 15px;
  padding-left: 15px; }
.list--angle-head li + li {
  margin-top: 0; }
.list--angle-head li:before {
  content: '\00f105'; }
.list--circle {
  list-style: circle outside; }
  .list--circle li {
    margin-left: 20px; }
    .list--circle li + li {
      margin-top: 10px; }
.list--box-wrap {
  padding: 15px;
  margin: 1.5em 0;
  border: 1px #cfdde6 solid; }
  .list--box-wrap li {
    margin-left: 20px; }
    .list--box-wrap li + li {
      margin-top: 10px; }
.list--bg--grey {
  background-color: #fbfcfd; }

.pagination {
  display: block;
  padding: 90px 20px 0;
  margin: 0;
  border-radius: 0; }
  .pagination--archive {
    padding: 60px 0 0;
    text-align: center; }
  .pagination__single-post__next a, .pagination__single-post__prev a {
    position: relative;
    display: block;
    min-height: 103px;
    letter-spacing: -0.40em;
    border: 1px #cfdde6 solid;
    background-color: #fff;
    transition: background-color .2s; }
    .pagination__single-post__next a:after, .pagination__single-post__prev a:after {
      position: absolute;
      top: 50%;
      width: 40px;
      height: 40px;
      margin-top: -20px;
      font-size: 1.25em;
      color: #d13e2b;
      font-family: FontAwesome;
      text-align: center;
      line-height: 40px;
      background-color: #fff;
      border: 1px #cfdde6 solid;
      border-radius: 50%;
      transition: color .2s, background-color .2s; }
    .pagination__single-post__next a:hover, .pagination__single-post__prev a:hover {
      background-color: #fbfcfd; }
      .pagination__single-post__next a:hover img, .pagination__single-post__prev a:hover img {
        opacity: .7; }
      .pagination__single-post__next a:hover:after, .pagination__single-post__prev a:hover:after {
        color: #fff;
        background-color: #d13e2b; }
      .pagination__single-post__next a:hover .pagination__single-post__ttl, .pagination__single-post__prev a:hover .pagination__single-post__ttl {
        text-decoration: underline; }
  .pagination__single-post__next a:after {
    content: '\f053';
    left: -20px;
    padding-right: 10px; }
  .pagination__single-post__prev a:after {
    content: '\f054';
    right: -20px; }
  .pagination__single-post__thumb {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 37%;
    height: 100%;
    vertical-align: middle;
    overflow: hidden;
    transition: opacity .2s; }
    .pagination__single-post__thumb img {
      width: auto;
      height: 100%; }
  .pagination__single-post__body {
    display: inline-block;
    width: 63%;
    padding: 10px 20px;
    margin-left: 37%;
    letter-spacing: normal;
    vertical-align: middle; }
  .pagination__single-post__label {
    font-size: 0.75em;
    color: #d13e2b;
    font-weight: bold;
    line-height: 1; }
  .pagination__single-post__ttl {
    margin-top: 15px;
    font-size: 0.94em;
    font-weight: bold;
    line-height: 1.25; }
  .pagination .page-numbers {
    display: inline-block;
    padding: 10px 15px;
    margin: 0 2px;
    color: #d13e2b;
    background-color: #fff;
    transition: color .2s, background-color .2s; }
    .pagination .page-numbers:hover, .pagination .page-numbers.current {
      color: #fff;
      background-color: #d13e2b;
      text-decoration: none; }
    .pagination .page-numbers.dots {
      color: #475866; }
      .pagination .page-numbers.dots:hover {
        color: #475866;
        background-color: #fff; }

.hr {
  width: 100%;
  height: 0;
  margin: 60px 0;
  border: none;
  border-top: 2px #e7eef2 solid; }
  .hr--short {
    width: 12%;
    margin: 60px auto; }
  .hr--red {
    border-top-color: #d13e2b; }
  .hr--left {
    margin: 60px 0; }

.img__hover {
  transition: opacity .2s; }
  .img__hover:hover {
    opacity: .7; }
.img__zoom {
  position: relative;
  overflow: hidden;
  z-index: 1; }
  .img__zoom__over {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.3);
    transition: opacity .4s; }
    .img__zoom__over:before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
  .img__zoom__txt {
    display: inline-block;
    color: #fff;
    font-weight: bold;
    vertical-align: middle; }
    .img__zoom__txt i {
      margin-left: 5px; }
  .img__zoom img {
    display: inline-block;
    transition: transform .5s; }
  .img__zoom:hover .img__zoom__over {
    opacity: 1; }
  .img__zoom:hover img {
    -ms-transform: translate(0) scale(1.2);
    -webkit-transform: translate(0) scale(1.2);
    transform: translate(0) scale(1.2); }

.fa-hatena:before {
  content: "B!";
  font-family: Verdana;
  font-weight: bold; }

.table--no-border {
  border: none; }
.table--contact th {
  padding: 10px 15px 10px 0;
  font-size: 1.13em;
  font-weight: bold;
  vertical-align: middle; }
.table--contact td {
  padding: 10px 0; }
  .table--contact td input[type="text"], .table--contact td input[type="email"], .table--contact td input[type="tel"] {
    height: 40px;
    padding: 0 10px;
    border: 1px #cfdde6 solid; }
  .table--contact td textarea {
    padding: 5px 10px;
    border: 1px #cfdde6 solid; }
.table--contact label {
  display: inline-block;
  height: 40px;
  padding: 5px 10px;
  font-weight: normal;
  border: 1px #cfdde6 solid;
  background-color: #fff;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color .2s; }
  .table--contact label input {
    margin-right: 5px; }
    .table--contact label input:checked + span, .table--contact label input:checked + input[type="hidden"] + span {
      color: #d13e2b;
      font-weight: bold; }
  .table--contact label:hover {
    background-color: #f8fafb; }
.table--contact .req {
  display: inline-block;
  margin-left: 20px;
  padding: 5px 10px;
  color: #fff;
  font-size: 0.88em;
  font-weight: normal;
  line-height: 1;
  background-color: #d13e2b;
  border-radius: 3px; }

.send-box {
  padding-top: 30px;
  text-align: center; }

.confirm-mess {
  padding: 10px 15px;
  margin-bottom: 30px;
  color: #fff;
  text-align: center;
  background-color: #6fb157; }

.form-complete {
  display: none; }

.sent .form-input-confirm {
  display: none; }
.sent .form-complete {
  display: block; }

@media screen and (max-width: 767px) {
  .bnr--wave--red span {
    background: url(img/common/ttl-hr--red@2x.png) center top no-repeat;
    background-size: contain; }
  .bnr--wave--green span {
    background: url(img/common/ttl-hr--green@2x.png) center top no-repeat;
    background-size: contain; }
  .bnr--wave--blue span {
    background: url(img/common/ttl-hr--blue@2x.png) center top no-repeat;
    background-size: contain; }
  .bnr--wave--purple span {
    background: url(img/common/ttl-hr--purple@2x.png) center top no-repeat;
    background-size: contain; }
  .bnr--wave--yellow span {
    background: url(img/common/ttl-hr--yellow@2x.png) center top no-repeat;
    background-size: contain; }
  .bnr--wave--white span {
    background: url(img/common/ttl-hr--white@2x.png) center top no-repeat;
    background-size: contain; }

  .pagination {
    padding: 60px 20px 0;
    margin: 0;
    border-radius: 0; }
    .pagination--archive {
      padding: 60px 0 0;
      text-align: center; }
    .pagination__single-post__prev {
      margin-top: 20px; }
    .pagination__single-post__thumb {
      display: none; }
    .pagination__single-post__body {
      width: 100%;
      padding: 10px 25px;
      margin-left: 0; }
    .pagination__single-post__ttl {
      margin-top: 10px; }
    .pagination .page-numbers {
      padding: 8px 12px; }
      .pagination .page-numbers.dots {
        padding: 8px 5px; }

  .table--contact {
    display: block;
    width: 100%; }
    .table--contact tbody {
      display: block;
      width: 100%; }
    .table--contact tr {
      display: block;
      width: 100%; }
    .table--contact th {
      display: block;
      width: 100%;
      padding: 10px 0; }
    .table--contact td {
      display: block;
      width: 100%;
      padding: 0 0 20px; }
      .table--contact td input[type="text"], .table--contact td input[type="email"], .table--contact td input[type="tel"] {
        width: 100%; }
      .table--contact td textarea {
        width: 100%; }

  .send-box {
    padding-top: 20px; }
    .send-box button {
      width: 100%; }
    .send-box .btn--back {
      margin-bottom: 10px; }

  .youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%; }
    .youtube > iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

  .facebook {
    width: 100%;
    overflow: auto; }
    .facebook > iframe {
      width: 100%; } }
.pad0-10 {
  padding: 0 10px; }

.pad0-10-0-20 {
  padding: 0 10px 0 20px; }

.mb0 {
  margin-bottom: 0 !important; }

.mb5 {
  margin-bottom: 5px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb45 {
  margin-bottom: 45px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.mb70 {
  margin-bottom: 70px !important; }

.mb80 {
  margin-bottom: 80px !important; }

.mb90 {
  margin-bottom: 90px !important; }

.mb100 {
  margin-bottom: 100px !important; }

.mb110 {
  margin-bottom: 110px !important; }

.mb120 {
  margin-bottom: 120px !important; }

.mt0 {
  margin-top: 0 !important; }

.mt5 {
  margin-top: 5px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt25 {
  margin-top: 25px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt35 {
  margin-top: 35px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt45 {
  margin-top: 45px !important; }

.mt50 {
  margin-top: 50px !important; }

.mt60 {
  margin-top: 60px !important; }

.mt70 {
  margin-top: 70px !important; }

.mt80 {
  margin-top: 80px !important; }

.mt90 {
  margin-top: 90px !important; }

.mb100 {
  margin-bottom: 100px !important; }

.mb120 {
  margin-bottom: 120px !important; }

.mb140 {
  margin-bottom: 140px !important; }

.mr5 {
  margin-right: 5px !important; }

.mr10 {
  margin-right: 10px !important; }

.mr20 {
  margin-right: 20px !important; }

.mr0 {
  margin-right: 0 !important; }

.ml5 {
  margin-left: 5px !important; }

.ml10 {
  margin-left: 10px !important; }

.ml20 {
  margin-left: 20px !important; }

.ml30 {
  margin-left: 30px !important; }

.ml40 {
  margin-left: 40px !important; }

.lh100 {
  line-height: 100%; }

.lh150 {
  line-height: 150%; }

.padd05 {
  padding: 0 5px; }

.pt5 {
  padding-top: 5px !important; }

.pt10 {
  padding-top: 10px !important; }

.pt50 {
  padding-top: 50px !important; }

.pt70 {
  padding-top: 70px !important; }

.pl10 {
  padding-left: 10px !important; }

.pl30 {
  padding-left: 30px !important; }

.txt--bold {
  font-weight: bold; }
.txt--up {
  font-size: 1.13em; }
.txt--1-5 {
  font-size: 1.5em !important;
  line-height: 1.6 !important; }
.txt--left {
  text-align: left; }
.txt--center {
  text-align: center; }
.txt--right {
  text-align: right; }
.txt--lh1 {
  line-height: 1 !important; }
.txt--red {
  color: #d13e2b; }
.txt--white {
  color: #fff; }
.txt--negative-indent {
  text-indent: -.5em; }
.txt-body p {
  font-size: 1.06em;
  line-height: 2.12; }
  .txt-body p + p {
    margin-top: 1.5em; }

.bgc--green {
  background-color: #6fb157; }
.bgc--yellow {
  background-color: #e8b51c; }
.bgc--grey {
  background-color: #dce6ea; }

.midTex {
  font-size: 1.2em; }

.moreMidTex {
  font-size: 1.35em; }

.hiMidTex {
  font-size: 1.5em;
  line-height: 1.3em; }

.bigTex {
  font-size: 2.0em;
  line-height: 1.0em; }

.smallTex {
  font-size: 0.8em; }

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

.display--none {
  display: none; }

.ind {
  text-indent: 1em; }

.listLike {
  text-indent: -1em;
  padding-left: 1em; }

.listLike1-5 {
  text-indent: -1.3em;
  padding-left: 1.3em; }

.centerImg {
  display: block;
  margin: 0 auto; }

.rightImg {
  display: block;
  float: right;
  margin: 0 0 10px 15px; }

.leftImg {
  display: block;
  float: left; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clear {
  clear: both; }

.p10 {
  padding: 10px; }

.p20 {
  padding: 20px; }

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

.img-border {
  border: 1px #d5d5d5 solid; }

.sm-visible {
  display: none; }

.xs-visible {
  display: none; }

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

  .sm-visible {
    display: block; }

  .sm-mt30 {
    margin-top: 30px !important; }

  .sm-mb10 {
    margin-bottom: 10px !important; }

  .sm-mb15 {
    margin-bottom: 15px !important; }

  .sm-mb20 {
    margin-bottom: 20px !important; }

  .sm-mb25 {
    margin-bottom: 25px !important; }

  .sm-mb30 {
    margin-bottom: 30px !important; }

  .sm-mb40 {
    margin-bottom: 40px !important; }

  .sm-none {
    display: none !important; } }
@media screen and (max-width: 767px) {
  .container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px; }

  .row {
    margin-right: -15px;
    margin-left: -15px; }

  .xs-mb0 {
    margin-bottom: 0 !important; }

  .xs-mb10 {
    margin-bottom: 10px !important; }

  .xs-mb15 {
    margin-bottom: 15px !important; }

  .xs-mb20 {
    margin-bottom: 20px !important; }

  .xs-mb25 {
    margin-bottom: 25px !important; }

  .xs-mb30 {
    margin-bottom: 30px !important; }

  .xs-mb40 {
    margin-bottom: 40px !important; }

  .xs-mb50 {
    margin-bottom: 50px !important; }

  .xs-mb60 {
    margin-bottom: 60px !important; }

  .xs-mt15 {
    margin-top: 15px !important; }

  .xs-mt20 {
    margin-top: 20px !important; }

  .xs-mt30 {
    margin-top: 30px !important; }

  .xs-none {
    display: none; }

  .xs-visible {
    display: block; } }

/*# sourceMappingURL=style.css.map */