@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/
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, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, dialog, figure, footer, header,
hgroup, 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 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help; }

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/*** THEME ***/
html {
  width: 100%;
  min-width: 320px;
  min-height: 100%;
  min-height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
  font-size: 14px;
  font-size: 1.0558069382vw;
  line-height: 1.8571428571em;
  letter-spacing: 0em; }
  @media only screen and (min-width: 1326px) {
    html {
      font-size: 14px; } }
  @media only screen and (max-width: 736px) {
    html {
      font-size: 3.7333333333vw;
      line-height: 1.75em;
      letter-spacing: 0em; } }
  @media only screen and (max-width: 736px) and (orientation: landscape) {
    html {
      font-size: 5.8333333333vmin;
      line-height: 1.75em;
      letter-spacing: 0em; } }
  @media print {
    html {
      font-size: 0.2639517345vw; } }

body {
  color: #000;
  width: 100%;
  background-color: #FFFFFF;
  overflow: hidden;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, sans-serif;
  line-height: 1.8571428571em;
  letter-spacing: 0em;
  -webkit-text-size-adjust: 100%;
  font-weight: 400; }
  @media only screen and (max-width: 736px) {
    body {
      line-height: 1.75em;
      letter-spacing: 0em; } }
  @media only screen and (max-width: 736px) and (orientation: landscape) {
    body {
      line-height: 1.75em;
      letter-spacing: 0em; } }

body.fixed {
  position: fixed;
  width: 100%; }

.wrapper {
  width: 100%;
  position: relative;
  max-width: 1326px;
  margin-left: auto;
  margin-right: auto; }
  .wrapper > .container {
    margin: 0 2.2624434389%; }
    @media only screen and (max-width: 736px) {
      .wrapper > .container {
        margin: 0 7.8125%; } }

@media only screen and (max-width: 736px) {
  .pc {
    display: none; } }
@media only screen and (min-width: 737px) {
  .sp {
    display: none; } }
@media print {
  .sp {
    display: none; } }
.fl {
  float: left; }

.fr {
  float: right; }

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

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 180; }
  header::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 7.8571428571em;
    background-color: #FFF;
    z-index: 150; }
  header .wrapper {
    z-index: 160; }
  header .base {
    padding-top: 3.5714285714rem;
    padding-bottom: 1.7857142857rem;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none; }
    header .base .splogo {
      display: none; }
      header .base .splogo img {
        width: 12.5rem;
        -webkit-transition-property: all;
        -webkit-transition-duration: 0.1s;
        -webkit-transition-delay: 0s;
        -webkit-transition-timing-function: ease-in-out;
        -moz-transition-property: all;
        -moz-transition-duration: 0.1s;
        -moz-transition-delay: 0s;
        -moz-transition-timing-function: ease-in-out;
        -o-transition-property: all;
        -o-transition-duration: 0.1s;
        -o-transition-delay: 0s;
        -o-transition-timing-function: ease-in-out;
        transition-property: all;
        transition-duration: 0.1s;
        transition-delay: 0s;
        transition-timing-function: ease-in-out; }
      header .base .splogo .wh {
        position: absolute;
        top: 0;
        left: 0;
        filter: alpha(opacity=0);
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0; }
      header .base .splogo a:hover {
        background-color: transparent; }
    header .base .gnavi {
      display: flex;
      list-style: none;
      letter-spacing: -0.3em;
      line-height: 0;
      width: 90%;
      margin-left: 3%; }
      header .base .gnavi li {
        display: block;
        width: 100%;
        text-align: center; }
        header .base .gnavi li a {
          display: inline-block;
          font-size: 0.7857142857rem;
          font-weight: 500;
          letter-spacing: 0.05em;
          line-height: 1em;
          color: inherit;
          text-decoration: none;
          text-align: center;
          -webkit-transition-property: all;
          -webkit-transition-duration: 0.1s;
          -webkit-transition-delay: 0s;
          -webkit-transition-timing-function: ease-in-out;
          -moz-transition-property: all;
          -moz-transition-duration: 0.1s;
          -moz-transition-delay: 0s;
          -moz-transition-timing-function: ease-in-out;
          -o-transition-property: all;
          -o-transition-duration: 0.1s;
          -o-transition-delay: 0s;
          -o-transition-timing-function: ease-in-out;
          transition-property: all;
          transition-duration: 0.1s;
          transition-delay: 0s;
          transition-timing-function: ease-in-out;
          white-space: nowrap; }
          header .base .gnavi li a em {
            display: block;
            font-size: 1.2727272727em;
            font-style: normal;
            font-weight: bold;
            letter-spacing: 0.1em;
            line-height: 1em;
            font-family: "Helvetica Neue", Helvetica, Arial, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, sans-serif;
            margin-bottom: 0.7142857143em; }
          header .base .gnavi li a:hover {
            background-color: transparent;
            filter: alpha(opacity=60);
            -webkit-opacity: 0.6;
            -moz-opacity: 0.6;
            opacity: 0.6; }
  @media only screen and (max-width: 736px) {
    header {
      position: static;
      height: 6.7857142857em;
      margin-bottom: -6.7857142857em; }
      header::before {
        height: 6.7857142857em; }
      header .wrapper {
        z-index: auto; }
      header .base .splogo {
        display: block;
        position: fixed;
        top: 2.1428571429rem;
        left: 2.1428571429rem;
        z-index: 200; }
      header .base .gnavi {
        display: none; }
      header.active .base .splogo img:not(.wh) {
        filter: alpha(opacity=0);
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0; }
      header.active .base .splogo .wh {
        filter: alpha(opacity=100);
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1; } }

.telbtn {
  position: fixed;
  top: 2.7857142857rem;
  right: 5.7142857143rem;
  z-index: 180; }
  .telbtn a {
    display: block;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-delay: 0;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-property: opacity;
    -moz-transition-duration: 0.2s;
    -moz-transition-delay: 0;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-property: opacity;
    -o-transition-duration: 0.2s;
    -o-transition-delay: 0;
    -o-transition-timing-function: ease-in-out;
    transition-property: opacity;
    transition-duration: 0.2s;
    transition-delay: 0;
    transition-timing-function: ease-in-out; }
    .telbtn a img {
      display: block;
      width: 1.7857142857rem; }
    .telbtn a:active, .telbtn a:hover {
      filter: alpha(opacity=50);
      -webkit-opacity: 0.5;
      -moz-opacity: 0.5;
      opacity: 0.5;
      background-color: transparent; }

#sidemenu_trigger .button {
  display: block;
  line-height: 0;
  padding: 0.7142857143rem;
  position: fixed;
  top: 3.2142857143rem;
  right: 2.1428571429rem;
  z-index: 200;
  cursor: pointer;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.1s;
  -webkit-transition-delay: 0s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-property: all;
  -moz-transition-duration: 0.1s;
  -moz-transition-delay: 0s;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-property: all;
  -o-transition-duration: 0.1s;
  -o-transition-delay: 0s;
  -o-transition-timing-function: ease-in-out;
  transition-property: all;
  transition-duration: 0.1s;
  transition-delay: 0s;
  transition-timing-function: ease-in-out; }
  #sidemenu_trigger .button img {
    display: block;
    width: 1.6428571429rem; }
  #sidemenu_trigger .button:hover {
    background-color: rgba(255, 255, 255, 0.9); }
#sidemenu_trigger.active .button {
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0; }
@media only screen and (max-width: 736px) {
  #sidemenu_trigger .button {
    top: 1.9285714286rem;
    right: 1.7857142857rem; } }

#sidemenu {
  position: fixed;
  z-index: 200;
  right: -16.4285714286rem;
  top: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-delay: 0s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-property: all;
  -moz-transition-duration: 0.3s;
  -moz-transition-delay: 0s;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-property: all;
  -o-transition-duration: 0.3s;
  -o-transition-delay: 0s;
  -o-transition-timing-function: ease-in-out;
  transition-property: all;
  transition-duration: 0.3s;
  transition-delay: 0s;
  transition-timing-function: ease-in-out; }
  #sidemenu.active {
    right: 0; }
  #sidemenu .close {
    position: absolute;
    top: 2.1428571429rem;
    right: 2.1428571429rem;
    cursor: pointer;
    z-index: 205; }
    #sidemenu .close img {
      width: 1.4rem; }
  #sidemenu .base .inner {
    overflow: auto;
    color: #FFF;
    padding: 2.1428571429rem;
    position: relative; }
    #sidemenu .base .inner .logo {
      border-bottom: 1px solid #FFF;
      padding-top: 4.2857142857rem;
      padding-bottom: 2.1428571429rem; }
      #sidemenu .base .inner .logo img {
        width: 11.4285714286rem; }
    #sidemenu .base .inner .navi {
      padding: 0.7857142857rem 0; }
      #sidemenu .base .inner .navi ul {
        list-style: none; }
        #sidemenu .base .inner .navi ul li {
          display: block; }
          #sidemenu .base .inner .navi ul li a {
            display: block;
            padding: 0.7857142857rem 0;
            line-height: 1em; }
            #sidemenu .base .inner .navi ul li a em {
              font-style: normal;
              font-family: "Helvetica Neue", Helvetica, Arial, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, sans-serif;
              letter-spacing: 0.1em; }
    #sidemenu .base .inner .sns ul {
      list-style: none;
      letter-spacing: -0.3em; }
      #sidemenu .base .inner .sns ul li {
        display: inline-block;
        letter-spacing: 0.05em; }
        #sidemenu .base .inner .sns ul li:not(:last-child) {
          margin-right: 1.5714285714rem; }
        #sidemenu .base .inner .sns ul li a:hover {
          background-color: inherit; }
        #sidemenu .base .inner .sns ul li.insta img, #sidemenu .base .inner .sns ul li.twitter img, #sidemenu .base .inner .sns ul li.facebook img, #sidemenu .base .inner .sns ul li.gmap img {
          width: auto;
          max-width: none;
          height: 1.5rem; }
  @media only screen and (max-width: 736px) {
    #sidemenu {
      width: 100%;
      right: -100%; }
      #sidemenu a {
        -webkit-tap-highlight-color: transparent;
        tap-highlight-color: transparent;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: -moz-none;
        -ms-user-select: none;
        /* IE 10+ */
        user-select: none; }
        #sidemenu a:hover, #sidemenu a:active {
          color: rgba(255, 255, 255, 0.8); }
      #sidemenu .base .inner .logo {
        padding-top: 3em; }
        #sidemenu .base .inner .logo img {
          display: none; }
      #sidemenu .base .inner .navi {
        padding-bottom: 0;
        font-size: 1.2em; }
        #sidemenu .base .inner .navi ul li a {
          width: 50%; }
      #sidemenu .base .inner .sns {
        position: absolute;
        bottom: 2.1428571429rem;
        right: 2.1428571429rem; }
        #sidemenu .base .inner .sns ul {
          font-size: 1.2em; } }

footer {
  margin-top: 9.8571428571rem; }
  footer .base {
    border-top: 1px solid #000; }
    footer .base .gnavi {
      display: flex;
      list-style: none;
      letter-spacing: -0.3em;
      line-height: 0;
      margin-top: 2.5rem; }
      footer .base .gnavi li {
        display: block;
        width: 100%;
        text-align: center; }
        footer .base .gnavi li a {
          display: inline-block;
          font-size: 0.7857142857rem;
          font-weight: 500;
          letter-spacing: 0.05em;
          line-height: 1em;
          color: inherit;
          text-decoration: none;
          text-align: center;
          -webkit-transition-property: all;
          -webkit-transition-duration: 0.1s;
          -webkit-transition-delay: 0s;
          -webkit-transition-timing-function: ease-in-out;
          -moz-transition-property: all;
          -moz-transition-duration: 0.1s;
          -moz-transition-delay: 0s;
          -moz-transition-timing-function: ease-in-out;
          -o-transition-property: all;
          -o-transition-duration: 0.1s;
          -o-transition-delay: 0s;
          -o-transition-timing-function: ease-in-out;
          transition-property: all;
          transition-duration: 0.1s;
          transition-delay: 0s;
          transition-timing-function: ease-in-out;
          white-space: nowrap; }
          footer .base .gnavi li a em {
            display: block;
            font-size: 1.2727272727em;
            font-style: normal;
            font-weight: bold;
            letter-spacing: 0.1em;
            line-height: 1em;
            font-family: "Helvetica Neue", Helvetica, Arial, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, sans-serif;
            margin-bottom: 0.7142857143em; }
          footer .base .gnavi li a:hover {
            background-color: transparent;
            filter: alpha(opacity=60);
            -webkit-opacity: 0.6;
            -moz-opacity: 0.6;
            opacity: 0.6; }
    footer .base .ci ul {
      list-style: none;
      letter-spacing: -0.3em; }
      footer .base .ci ul li {
        display: inline-block;
        letter-spacing: 0.05em;
        margin-left: 3.5714285714em; }
        footer .base .ci ul li a:hover {
          background-color: inherit; }
        footer .base .ci ul li.bridgebrew img {
          width: 11.2343571429em; }
        footer .base .ci ul li.hudge img {
          width: 11.3106428571em; }
    footer .base .ci.sp {
      margin-top: 2.8571428571rem; }
      footer .base .ci.sp ul {
        width: 95%;
        margin: auto; }
        footer .base .ci.sp ul li {
          margin-left: 0;
          font-size: 0.9em; }
          footer .base .ci.sp ul li:nth-child(1) {
            float: left; }
          footer .base .ci.sp ul li:nth-child(2) {
            float: right; }
    footer .base .info {
      margin-top: 3.9285714286rem; }
      footer .base .info a {
        text-decoration: none; }
    footer .base .links {
      margin-top: 1.2857142857rem; }
      footer .base .links .sns {
        float: left;
        margin-top: 0.8571428571rem; }
        footer .base .links .sns ul {
          list-style: none;
          letter-spacing: -0.3em; }
          footer .base .links .sns ul li {
            display: inline-block;
            letter-spacing: 0.05em; }
            footer .base .links .sns ul li:not(:last-child) {
              margin-right: 2.1428571429rem; }
            footer .base .links .sns ul li a:hover {
              background-color: inherit; }
            footer .base .links .sns ul li.insta img, footer .base .links .sns ul li.twitter img, footer .base .links .sns ul li.facebook img, footer .base .links .sns ul li.gmap img {
              width: auto;
              max-width: none;
              height: 1.5rem; }
      footer .base .links .ci {
        float: right; }
  footer .copyright {
    text-align: center;
    font-size: 0.7142857143rem;
    letter-spacing: 0.1em;
    font-family: "Helvetica Neue", Helvetica, Arial, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, sans-serif;
    line-height: 1em;
    margin: 2.5rem 0; }
  @media only screen and (max-width: 736px) {
    footer {
      margin-top: 5.7142857143rem; }
      footer .base .gnavi {
        display: none; }
      footer .base .ci {
        font-size: 0.92em; }
      footer .base .info {
        text-align: center;
        font-size: 0.9em;
        margin-top: 2.5rem; }
      footer .base .links .sns {
        float: none;
        text-align: center;
        margin-top: 2.1428571429rem; } }

#main-contents {
  padding-top: 7.8571428571em; }
  @media only screen and (max-width: 736px) {
    #main-contents {
      padding-top: 6.7857142857em; } }

.headinfo {
  position: relative;
  max-height: 500px;
  overflow: hidden;
  background-image: url("https://craftbridge.jp/common/assets/base/css/base.css");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  .headinfo::before {
    content: "";
    display: block;
    padding-top: 36.6032210835%; }
  .headinfo .box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    color: #FFF;
    font-weight: bold;
    text-shadow: 0 0.2142857143rem 0.4285714286rem #000;
    text-align: center; }
    .headinfo .box h1 {
      font-size: 1.7142857143em;
      line-height: 1em;
      letter-spacing: 0.1em;
      margin-bottom: 0.5em; }
  @media only screen and (max-width: 736px) {
    .headinfo::before {
      padding-top: 74.6666666667%; } }

.breadcrumb {
  margin-top: 2.4285714286rem;
  margin-bottom: 2rem; }
  .breadcrumb ul {
    width: 80.4285714286rem;
    max-width: 100%;
    margin: auto;
    list-style: none; }
    .breadcrumb ul li {
      display: inline-block;
      font-family: "Helvetica Neue", Helvetica, Arial, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, sans-serif;
      font-size: 0.8571428571rem;
      line-height: 1.35em;
      letter-spacing: 0.1em;
      color: #9D9B9B; }
      .breadcrumb ul li:not(:first-child)::before {
        content: '>';
        margin: 0 0.5em; }
      .breadcrumb ul li a {
        color: inherit; }
        .breadcrumb ul li a:hover {
          color: #FFF; }

h3 {
  font-size: 1.7142857143rem;
  letter-spacing: 0.15em;
  line-height: 1.75em;
  font-weight: bold;
  margin-bottom: 1.4166666667em; }
  h3 .fs_i {
    font-style: italic; }
  h3 .ff_o {
    font-family: "Helvetica Neue", Helvetica, Arial, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, sans-serif; }
  h3 small {
    display: block;
    font-size: 0.5em;
    letter-spacing: 0;
    font-weight: bold;
    line-height: 1em;
    font-style: normal;
    margin-top: 0.75em; }
  @media only screen and (max-width: 736px) {
    h3 {
      font-size: 1.5em; } }

h4 {
  font-style: italic; }
  h4 .arrow {
    display: block;
    margin: auto;
    width: 2.5392857143rem;
    height: 0.4535714286rem;
    margin-top: 0.4285714286rem;
    margin-bottom: 1.2857142857rem; }

img {
  height: auto;
  max-width: 100%; }

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.1s;
  -webkit-transition-delay: 0s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-property: all;
  -moz-transition-duration: 0.1s;
  -moz-transition-delay: 0s;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-property: all;
  -o-transition-duration: 0.1s;
  -o-transition-delay: 0s;
  -o-transition-timing-function: ease-in-out;
  transition-property: all;
  transition-duration: 0.1s;
  transition-delay: 0s;
  transition-timing-function: ease-in-out; }
  a img, a svg {
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-delay: 0;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-property: opacity;
    -moz-transition-duration: 0.3s;
    -moz-transition-delay: 0;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-property: opacity;
    -o-transition-duration: 0.3s;
    -o-transition-delay: 0;
    -o-transition-timing-function: ease-in-out;
    transition-property: opacity;
    transition-duration: 0.3s;
    transition-delay: 0;
    transition-timing-function: ease-in-out; }
  a:hover, a:active {
    background-color: #000;
    color: #fff; }
    a:hover img, a:hover svg, a:active img, a:active svg {
      filter: alpha(opacity=60);
      -webkit-opacity: 0.6;
      -moz-opacity: 0.6;
      opacity: 0.6; }

.inview {
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0; }
  .inview.animated {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1; }

@keyframes fadeIn {
  0% {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0; }
  100% {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1; } }
.more {
  text-align: center;
  margin-top: 3.5714285714rem; }
  .more a {
    position: relative;
    display: inline-block;
    border-left: 1px solid #000000;
    border-bottom: 1px solid #000000;
    text-decoration: none;
    font-style: italic;
    font-family: "Helvetica Neue", Helvetica, Arial, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, sans-serif;
    font-size: 0.8571428571rem;
    letter-spacing: 0.1em;
    line-height: 1em;
    padding: 0 1.6666666667em;
    padding-top: 0.5833333333em;
    padding-bottom: 0.6666666667em;
    box-sizing: border-box; }
    .more a::before {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 0;
      border-bottom: 1px solid #000000;
      bottom: -0.3333333333em;
      left: 3px; }
    .more a::after {
      content: "";
      display: block;
      position: absolute;
      width: 0;
      height: 100%;
      border-right: 1px solid #000000;
      bottom: -0.3333333333em;
      right: -3px;
      filter: alpha(opacity=0);
      -webkit-opacity: 0;
      -moz-opacity: 0;
      opacity: 0; }
    .more a:hover {
      background-color: #000000;
      color: #FFFFFF; }
      .more a:hover::after {
        filter: alpha(opacity=100);
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1; }
    .more a:active {
      margin-left: 3px;
      margin-top: 3px;
      margin-bottom: -2px; }
      .more a:active::before {
        left: 0;
        bottom: -0.0833333333em; }
      .more a:active::after {
        right: 0;
        bottom: -0.0833333333em; }

.iflazy_base {
  background-color: #f2f2f2; }
  .iflazy_base::after {
    content: "Loading ...";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #666; }
  .iflazy_base .iflazy {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }

.visual {
  overflow: hidden; }
  .visual .photo {
    position: relative; }
    .visual .photo span {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: 100%; }
      .visual .photo span.skewA {
        transform: translate(100%, -50%) skewX(8.9deg);
        overflow: hidden; }
        .visual .photo span.skewA img {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          max-width: none;
          width: auto;
          height: 100%;
          transform: translate(-50%, -50%) skewX(-8.9deg); }
      .visual .photo span.skewB {
        transform: translate(100%, -50%) skewX(-8.9deg);
        overflow: hidden; }
        .visual .photo span.skewB img {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          max-width: none;
          width: auto;
          height: 100%;
          transform: translate(-50%, -50%) skewX(8.9deg); }
  .visual .overlay {
    position: absolute; }
    .visual .overlay img {
      width: 100%; }

.mvplay {
  display: block;
  overflow: hidden; }
  .mvplay .photo {
    position: relative;
    position: relative; }
    .mvplay .photo::before {
      content: "";
      display: block;
      padding-top: 56.25%; }
    .mvplay .photo img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: block;
      width: 100%; }
  .mvplay[href] .photo::after {
    content: "";
    z-index: 2;
    -webkit-transition-property: background-size;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-delay: 0;
    -webkit-transition-timing-function: ease;
    -moz-transition-property: background-size;
    -moz-transition-duration: 0.3s;
    -moz-transition-delay: 0;
    -moz-transition-timing-function: ease;
    -o-transition-property: background-size;
    -o-transition-duration: 0.3s;
    -o-transition-delay: 0;
    -o-transition-timing-function: ease;
    transition-property: background-size;
    transition-duration: 0.3s;
    transition-delay: 0;
    transition-timing-function: ease;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.25);
    background-size: 3.7857142857rem 3.7857142857rem;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2052.986%2052.986%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%2C%20.cls-2%2C%20.cls-4%20%7B%20fill%3A%20%23fff%3B%20%7D%20.cls-1%20%7B%20opacity%3A%200.605%3B%20%7D%20.cls-3%2C%20.cls-4%20%7B%20stroke%3A%20none%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22movieplay%22%20data-name%3D%22movieplay%22%20transform%3D%22translate(-656.507%20-11253.507)%22%3E%20%3Cg%20id%3D%22%E3%83%91%E3%82%B9_457%22%20data-name%3D%22%E3%83%91%E3%82%B9%20457%22%20class%3D%22cls-1%22%20transform%3D%22translate(656.507%2011253.507)%22%3E%20%3Cpath%20class%3D%22cls-3%22%20d%3D%22M%2026.4931640625%2050.98633575439453%20C%2023.18572425842285%2050.98633575439453%2019.97828483581543%2050.33901596069336%2016.95993423461914%2049.06236267089844%20C%2014.04354381561279%2047.82883453369141%2011.4239444732666%2046.06250381469727%209.173884391784668%2043.81245422363281%20C%206.923833847045898%2041.56239318847656%205.157504081726074%2038.94278335571289%203.92397403717041%2036.02639389038086%20C%202.647324085235596%2033.0080451965332%202.000004053115845%2029.80060386657715%202.000004053115845%2026.4931640625%20C%202.000004053115845%2023.18572425842285%202.647324085235596%2019.97828483581543%203.92397403717041%2016.95993423461914%20C%205.157504081726074%2014.04354381561279%206.923833847045898%2011.42393398284912%209.173884391784668%209.173884391784668%20C%2011.42393398284912%206.923833847045898%2014.04354381561279%205.157504081726074%2016.95993423461914%203.92397403717041%20C%2019.97828483581543%202.647324085235596%2023.18572425842285%202.000004053115845%2026.4931640625%202.000004053115845%20C%2029.80060386657715%202.000004053115845%2033.0080451965332%202.647324085235596%2036.02639389038086%203.92397403717041%20C%2038.94278335571289%205.157504081726074%2041.56239318847656%206.923833847045898%2043.81245422363281%209.173884391784668%20C%2046.06250381469727%2011.4239444732666%2047.82883453369141%2014.04354381561279%2049.06236267089844%2016.95993423461914%20C%2050.33901596069336%2019.97828483581543%2050.98633575439453%2023.18572425842285%2050.98633575439453%2026.4931640625%20C%2050.98633575439453%2029.80060386657715%2050.33901596069336%2033.0080451965332%2049.06236267089844%2036.02639389038086%20C%2047.82883453369141%2038.94278335571289%2046.06250381469727%2041.56239318847656%2043.81245422363281%2043.81245422363281%20C%2041.56239318847656%2046.06250381469727%2038.94278335571289%2047.82883453369141%2036.02639389038086%2049.06236267089844%20C%2033.0080451965332%2050.33901596069336%2029.80060386657715%2050.98633575439453%2026.4931640625%2050.98633575439453%20Z%22%2F%3E%20%3Cpath%20class%3D%22cls-4%22%20d%3D%22M%2026.4931640625%2048.98633193969727%20C%2029.53148651123047%2048.98633193969727%2032.47679901123047%2048.39216232299805%2035.24728775024414%2047.22035217285156%20C%2037.92528533935547%2046.08765411376953%2040.33120727539063%2044.46525192260742%2042.39823150634766%2042.39823150634766%20C%2044.46525192260742%2040.33120727539063%2046.08765411376953%2037.92528533935547%2047.22035217285156%2035.24728775024414%20C%2048.39216232299805%2032.47679901123047%2048.98633193969727%2029.53148651123047%2048.98633193969727%2026.4931640625%20C%2048.98633193969727%2023.45484161376953%2048.39216232299805%2020.50953102111816%2047.22035217285156%2017.73904228210449%20C%2046.08765411376953%2015.06104183197021%2044.46525192260742%2012.65511989593506%2042.39823150634766%2010.58809757232666%20C%2040.33120727539063%208.521075248718262%2037.92528533935547%206.898674964904785%2035.24728775024414%205.765974998474121%20C%2032.47679901123047%204.59416389465332%2029.53148651123047%203.99999737739563%2026.4931640625%203.99999737739563%20C%2023.45484161376953%203.99999737739563%2020.50953102111816%204.59416389465332%2017.73904228210449%205.765974998474121%20C%2015.06104183197021%206.898674964904785%2012.65511989593506%208.521075248718262%2010.58809757232666%2010.58809757232666%20C%208.521075248718262%2012.65511989593506%206.898674964904785%2015.06104183197021%205.765974998474121%2017.73904228210449%20C%204.59416389465332%2020.50953102111816%203.99999737739563%2023.45484161376953%203.99999737739563%2026.4931640625%20C%203.99999737739563%2029.53148651123047%204.59416389465332%2032.47679901123047%205.765974998474121%2035.24728775024414%20C%206.898674964904785%2037.92528533935547%208.521075248718262%2040.33120727539063%2010.58809757232666%2042.39823150634766%20C%2012.65511989593506%2044.46525192260742%2015.06104183197021%2046.08765411376953%2017.73904228210449%2047.22035217285156%20C%2020.50953102111816%2048.39216232299805%2023.45484161376953%2048.98633193969727%2026.4931640625%2048.98633193969727%20M%2026.4931640625%2052.98633193969727%20C%2011.8613977432251%2052.98633193969727%20-2.604166638775496e-06%2041.12493133544922%20-2.604166638775496e-06%2026.4931640625%20C%20-2.604166638775496e-06%2011.8613977432251%2011.8613977432251%20-2.604166638775496e-06%2026.4931640625%20-2.604166638775496e-06%20C%2041.12493133544922%20-2.604166638775496e-06%2052.98633193969727%2011.8613977432251%2052.98633193969727%2026.4931640625%20C%2052.98633193969727%2041.12493133544922%2041.12493133544922%2052.98633193969727%2026.4931640625%2052.98633193969727%20Z%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_458%22%20data-name%3D%22%E3%83%91%E3%82%B9%20458%22%20class%3D%22cls-2%22%20d%3D%22M13.7%2C8.429%2C0%2C0V16.859Z%22%20transform%3D%22translate(678.321%2011271.175)%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E"); }
  .mvplay:hover .photo::after {
    background-size: 5.7142857143rem 5.7142857143rem; }
  .mvplay:hover .photo img {
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1; }

.mv_popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 220; }
  .mv_popup > .base {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: relative;
    width: 90%;
    max-width: 100vh;
    background-color: #000;
    box-shadow: 0.5em 0.5em 2em rgba(0, 0, 0, 0.5); }
    .mv_popup > .base::before {
      content: "";
      display: block;
      padding-top: 56.25%; }
    .mv_popup > .base .close {
      position: absolute;
      right: 0;
      top: -3em;
      width: 2em;
      height: 2em;
      cursor: pointer; }
      .mv_popup > .base .close::before, .mv_popup > .base .close::after {
        content: "";
        display: block;
        height: 0.2857142857rem;
        width: 100%;
        background-color: #999;
        border-radius: 0.1428571429rem;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transition-property: background-color;
        -webkit-transition-duration: 0.2s;
        -webkit-transition-delay: 0;
        -webkit-transition-timing-function: ease;
        -moz-transition-property: background-color;
        -moz-transition-duration: 0.2s;
        -moz-transition-delay: 0;
        -moz-transition-timing-function: ease;
        -o-transition-property: background-color;
        -o-transition-duration: 0.2s;
        -o-transition-delay: 0;
        -o-transition-timing-function: ease;
        transition-property: background-color;
        transition-duration: 0.2s;
        transition-delay: 0;
        transition-timing-function: ease; }
      .mv_popup > .base .close::before {
        transform: translate(-50%, -50%) rotate(45deg); }
      .mv_popup > .base .close::after {
        transform: translate(-50%, -50%) rotate(-45deg); }
      .mv_popup > .base .close:hover::before, .mv_popup > .base .close:hover::after {
        background-color: #FFF; }
    .mv_popup > .base iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

.nopost {
  text-align: center;
  letter-spacing: 0; }

.pagenavi {
  width: 65.4285714286rem;
  max-width: 100%;
  margin: auto;
  margin-top: 2.8571428571rem;
  text-align: center; }
  .pagenavi .page-numbers {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    box-sizing: border-box;
    border: 1px solid #707070;
    line-height: 2.5rem;
    font-size: 1rem;
    font-family: "Helvetica Neue", Helvetica, Arial, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, sans-serif;
    letter-spacing: 0;
    font-style: italic;
    text-align: center; }
  .pagenavi a.page-numbers:not(.prev):not(.next):hover {
    background-color: #707070; }
  .pagenavi .dots, .pagenavi .current {
    border: none; }
  .pagenavi .prev, .pagenavi .next {
    font-size: 0;
    border: none;
    position: relative;
    width: 1.5rem; }
    .pagenavi .prev::before, .pagenavi .next::before {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .pagenavi .prev.prev, .pagenavi .next.prev {
      float: left; }
      .pagenavi .prev.prev::before, .pagenavi .next.prev::before {
        content: "";
        display: block;
        width: 0.7142857143rem;
        height: 0.7142857143rem;
        border-left: 1px solid #000;
        border-top: 1px solid #000;
        transform: translate(-50%, -50%) rotate(-45deg); }
    .pagenavi .prev.next, .pagenavi .next.next {
      float: right; }
      .pagenavi .prev.next::before, .pagenavi .next.next::before {
        content: "";
        display: block;
        width: 0.7142857143rem;
        height: 0.7142857143rem;
        border-right: 1px solid #000;
        border-top: 1px solid #000;
        transform: translate(-50%, -50%) rotate(45deg); }
    .pagenavi .prev:hover, .pagenavi .next:hover {
      background-color: transparent; }
      .pagenavi .prev:hover::before, .pagenavi .next:hover::before {
        border-color: rgba(112, 112, 112, 0.6); }