@charset "UTF-8";
/*=============================================================================================================================

	Responsive SVG

=============================================================================================================================*/
.svgWrap {
  width: 100%;
  height: auto;
  position: relative;
  margin: auto; }
  .svgWrap:after {
    content: "";
    width: 100%;
    height: 0;
    padding-top: 100%;
    display: block; }
  .svgWrap svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/*=============================================================================================================================

	flex

=============================================================================================================================*/
.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

/*=============================================================================================================================

	BreadCrumb

=============================================================================================================================*/
#topicpath {
  background: #f9f9f9;
  border-bottom: 1px solid #ececec;
  display: block; }
  #topicpath ul {
    height: 30px;
    text-align: right;
    overflow: hidden;
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    #topicpath ul * {
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear; }
  #topicpath li {
    display: inline-block;
    line-height: 30px;
    font-size: 1.2rem;
    color: #d4d4d4; }
    #topicpath li a {
      color: #d4d4d4;
      padding: 0;
      text-decoration: none;
      position: relative;
      margin-right: 30px; }
      #topicpath li a:before {
        content: "";
        width: 6px;
        height: 6px;
        border-right: 1px solid #d4d4d4;
        border-top: 1px solid #d4d4d4;
        position: absolute;
        z-index: 2;
        right: -15px;
        top: 50%;
        margin: -3px 0 0 0;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
      #topicpath li a:after {
        content: "";
        height: 1px;
        width: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        background: #666666; }
  #topicpath:hover {
    background: rgba(0, 0, 0, 0.05); }
    #topicpath:hover li {
      color: #666666; }
      #topicpath:hover li a {
        color: #666666; }
        #topicpath:hover li a:before {
          border-right: 1px solid #666666;
          border-top: 1px solid #666666; }
  #topicpath li a:hover:after {
    width: 100%; }

/*=============================================================================================================================

	Forms

=============================================================================================================================*/
input[type="text"], input[type="password"], input[type="email"] {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, arial, meiryo, 'メイリオ', "M+ 1p", sans-serif;
  font-weight: 300;
  padding: 2px 5px;
  border: 1px solid #000000;
  border-radius: 0;
  vertical-align: bottom;
  display: inline-block;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  outline: none;
  font-size: 16px;
  -webkit-appearance: none;
  background: #ffffff; }
input[type="text"], input[type="email"] {
  height: auto;
  -webkit-appearance: none; }
  input[type="text"]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="email"]:focus {
    border: 1px solid #c9142a; }
input[type="submit"], input[type="reset"] {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, arial, meiryo, 'メイリオ', "M+ 1p", sans-serif;
  font-weight: 300;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding: 0;
  -webkit-appearance: none;
  background: none;
  border: none;
  cursor: pointer; }

textarea,
select {
  background: #ffffff;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, arial, meiryo, 'メイリオ', "M+ 1p", sans-serif;
  font-weight: 300;
  padding: 2px 5px;
  border: 1px solid #000000;
  border-radius: 0;
  vertical-align: bottom;
  display: inline-block;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  outline: none;
  font-size: 16px;
  -webkit-appearance: none; }
  textarea:focus, textarea:focus,
  select:focus,
  select:focus {
    border: 1px solid #c9142a; }

select {
  height: auto;
  -webkit-appearance: none; }

textarea {
  min-height: 10em; }

::-webkit-input-placeholder,
:-ms-input-placeholder,
::-moz-placeholder,
:placeholder-shown {
  color: rgba(0, 0, 0, 0.2); }

/*=============================================================================================================================

	Button

=============================================================================================================================*/
.btn {
  cursor: pointer;
  position: relative;
  z-index: 2;
  width: auto;
  height: auto;
  /* padding: 5px 10px; */
  line-height: 1;
  margin: 0 auto;
  display: inline-block; }
  .btn:before {
    content: "";
    border: 2px solid #000000;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: -1; }
  .btn a, .btn input[type="reset"] {
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: none;
    display: block;
    width: 100%;
    background: transparent;
    font-size: 16px;
    line-height: 1;
    position: relative;
    z-index: 1;
    padding: 15px 15px;
    min-width: 150px;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    -webkit-transition-delay: 0.15s;
    -moz-transition-delay: 0.15s;
    -o-transition-delay: 0.15s;
    transition-delay: 0.15s;
    color: #000000;
    outline: none; }
  .btn:hover a {
    color: #ffffff; }
  .btn:hover input[type="reset"], .btn:hover input[type="submit"] {
    color: #ffffff; }
  .btn:hover:before {
    height: 90%;
    border: 2px solid #c9142a;
    background: #c9142a; }

.btnArea {
  text-align: center;
  overflow: hidden;
  width: 100%;
  margin: 0 0 60px; }
  .btnArea input[type="submit"] {
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: none;
    display: block;
    width: 100%;
    background: transparent;
    font-size: 16px;
    line-height: 1;
    position: relative;
    z-index: 1;
    padding: 15px 15px;
    min-width: 150px;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    -webkit-transition-delay: 0.15s;
    -moz-transition-delay: 0.15s;
    -o-transition-delay: 0.15s;
    transition-delay: 0.15s;
    color: #000000;
    outline: none; }
  .btnArea .btnConfirm, .btnArea .btnBack {
    display: inline-block;
    vertical-align: top;
    max-width: 250px; }
  .btnArea span {
    width: 100%;
    display: inline-block; }

/*=============================================================================================================================

	Images

=============================================================================================================================*/
.thumbnail {
  width: 100%;
  position: relative;
  background: #cccccc; }
  .thumbnail:before {
    content: "";
    display: block;
    padding-top: 100%; }
  .thumbnail span, .thumbnail a {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 1; }
  .thumbnail .centering {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
    width: 100%;
    height: 100%; }
  .thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .thumbnail.port img {
    width: 100%;
    height: auto; }
  .thumbnail.land img {
    height: 100%;
    width: auto; }

/*=============================================================================================================================

	wp-pagenavi/pagenate link

=============================================================================================================================*/
.wp-pagenavi {
  width: 100%;
  text-align: center;
  margin: 40px auto 40px;
  position: relative; }
  .wp-pagenavi a, .wp-pagenavi span {
    display: inline-block;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif; }
  .wp-pagenavi a {
    padding: 0 12px;
    margin: 3px;
    text-decoration: none;
    border: 1px solid #dddddd;
    background: none;
    color: #dddddd;
    line-height: 30px; }
    .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active {
      padding: 0 12px;
      margin: 3px;
      text-decoration: none;
      border: 1px solid #dddddd;
      background: none;
      color: #dddddd;
      line-height: 30px; }
    .wp-pagenavi a:hover {
      border: 1px solid #ff8d8d;
      background: #ff8d8d;
      color: #ffffff; }
  .wp-pagenavi span.pages {
    padding: 4px 8px;
    margin: 3px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000; }
  .wp-pagenavi span.current {
    padding: 0 12px;
    margin: 0 3px;
    text-decoration: none;
    border: 1px solid #ff8d8d;
    background: #ff8d8d;
    color: #ffffff;
    line-height: 30px; }
  .wp-pagenavi span.extend {
    padding: 4px 8px;
    margin: 3px;
    text-decoration: none; }
  .wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink {
    border: none; }

.pageNav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  border-top: 1px dotted #dddddd;
  padding: 10px 0; }
  .pageNav .pageNateLink {
    font-size: 12px;
    position: relative; }
    .pageNav .pageNateLink a {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      height: 40px;
      padding: 0 10px; }
      .pageNav .pageNateLink a:before, .pageNav .pageNateLink a:after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        margin: 0; }
      .pageNav .pageNateLink a i {
        color: #c9142a;
        display: block;
        margin: 0;
        font-size: 18px; }
      .pageNav .pageNateLink a:hover {
        background: #c9142a; }
        .pageNav .pageNateLink a:hover:before, .pageNav .pageNateLink a:hover:after {
          border-color: #ffffff; }
        .pageNav .pageNateLink a:hover i {
          color: #ffffff; }
    .pageNav .pageNateLink.prevLink a:before {
      content: "";
      display: block;
      width: 20px;
      height: 20px;
      border-bottom: 2px solid #c9142a;
      border-left: 2px solid #c9142a; }
    .pageNav .pageNateLink.prevLink a:hover:before {
      border-color: #ffffff; }
    .pageNav .pageNateLink.nextLink a:after {
      content: "";
      display: block;
      width: 20px;
      height: 20px;
      border-top: 2px solid #c9142a;
      border-right: 2px solid #c9142a; }
    .pageNav .pageNateLink.nextLink a:hover:after {
      border-color: #ffffff; }

/*=================================================================================================================================================

	PageTop

=================================================================================================================================================*/
#pageTop {
  text-align: center;
  padding: 2vh;
  background: #c9142a; }
  #pageTop a {
    display: block;
    position: relative;
    color: #ffffff;
    text-decoration: none;
    padding: 40px 0 0 0;
    margin: 0 auto;
    width: 130px;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    #pageTop a:before {
      content: "";
      display: block;
      width: 20px;
      height: 20px;
      border-left: 2px solid #ffffff;
      border-top: 2px solid #ffffff;
      position: absolute;
      z-index: 2;
      left: 50%;
      top: 0;
      margin: 15px 0 0 -11px;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    #pageTop a:hover:before {
      margin-top: 10px; }

/*=================================================================================================================================================

	404

=================================================================================================================================================*/
.notFoundPage {
  padding: 25vh 0 0; }

#notFound .messeage-404 {
  margin: auto;
  padding: 150px 0;
  text-align: center; }
#notFound .btnArea {
  max-width: 320px;
  margin: 60px auto 0;
  text-align: center; }

/*=============================================================================================================================

	Media Queries

=============================================================================================================================*/
@media screen and (max-width: 1024px) {
  	/*=============================================================================================================================
  
  		Button
  
  	=============================================================================================================================*/
  .btn {
    cursor: pointer;
    position: relative;
    z-index: 2;
    width: auto;
    height: auto;
    line-height: 1;
    margin: 0 auto;
    display: inline-block; }
    .btn:before {
      content: "";
      border: 2px solid #000000;
      width: 100%;
      height: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      z-index: -1; }
    .btn a, .btn input[type="reset"] {
      text-align: center;
      text-decoration: none;
      cursor: pointer;
      border: none;
      display: block;
      width: 100%;
      background: transparent;
      font-size: 16px;
      line-height: 1;
      position: relative;
      z-index: 1;
      padding: 15px 15px;
      /* min-width: 150px; */
      -webkit-transition: all 0.6s ease-in-out;
      -moz-transition: all 0.6s ease-in-out;
      -o-transition: all 0.6s ease-in-out;
      transition: all 0.6s ease-in-out;
      -webkit-transition-delay: 0.15s;
      -moz-transition-delay: 0.15s;
      -o-transition-delay: 0.15s;
      transition-delay: 0.15s;
      color: #000000;
      outline: none; }
    .btn:hover a {
      color: #ffffff; }
    .btn:hover input[type="reset"], .btn:hover input[type="submit"] {
      color: #ffffff; }
    .btn:hover:before {
      height: 90%;
      border: 2px solid #c9142a;
      background: #c9142a; }

  .btnArea {
    text-align: center;
    overflow: hidden;
    width: 100%;
    margin: 0 0 60px; }
    .btnArea input[type="submit"] {
      text-align: center;
      text-decoration: none;
      cursor: pointer;
      border: none;
      display: block;
      width: 100%;
      background: transparent;
      font-size: 16px;
      line-height: 1;
      position: relative;
      z-index: 1;
      padding: 15px 15px;
      -webkit-transition: all 0.6s ease-in-out;
      -moz-transition: all 0.6s ease-in-out;
      -o-transition: all 0.6s ease-in-out;
      transition: all 0.6s ease-in-out;
      -webkit-transition-delay: 0.15s;
      -moz-transition-delay: 0.15s;
      -o-transition-delay: 0.15s;
      transition-delay: 0.15s;
      color: #000000;
      outline: none; }
    .btnArea .btnConfirm, .btnArea .btnBack {
      display: inline-block;
      vertical-align: top;
      max-width: 250px; }
    .btnArea span {
      width: 100%;
      display: inline-block; }

  	/*=============================================================================================================================
  
  		Images
  
  	=============================================================================================================================*/
  .thumbnail {
    width: 100%;
    position: relative;
    background: #cccccc; }
    .thumbnail:before {
      content: "";
      display: block;
      padding-top: 100%; }
    .thumbnail span, .thumbnail a {
      overflow: hidden;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      margin: auto;
      z-index: 1; }
    .thumbnail .centering {
      position: absolute;
      top: 0;
      left: 0;
      -webkit-transform: translate(50%, 50%);
      -ms-transform: translate(50%, 50%);
      transform: translate(50%, 50%);
      width: 100%;
      height: 100%; }
    .thumbnail img {
      position: absolute;
      top: 0;
      left: 0;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .thumbnail.port img {
      width: 100%;
      height: auto; }
    .thumbnail.land img {
      height: 100%;
      width: auto; }

  	/*=================================================================================================================================================
  
  		404
  
  	=================================================================================================================================================*/
  .notFoundPage {
    padding: 25vh 0 0; }

  #notFound .messeage-404 {
    margin: auto;
    padding: 150px 0;
    text-align: center; }
  #notFound .btnArea {
    max-width: 320px;
    margin: 60px auto 0;
    text-align: center; }

  	/*=============================================================================================================================
  
  	Drawer
  
  	=============================================================================================================================*/
  /* slideout menu */
  .slideout-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 300px;
    min-height: 100vh;
    overflow-y: scroll;
    z-index: 0;
    padding-bottom: 100px;
    margin-top: 51px;
    right: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    display: block;
    transform: translateX(100%); }

  .slideout-panel {
    position: relative;
    z-index: 1;
    will-change: transform;
    min-height: 100vh; }

  /* icon opened */
  .slideout-open .humburger {
    background-color: transparent; }
    .slideout-open .humburger:before, .slideout-open .humburger:after {
      top: 0; }
    .slideout-open .humburger:before {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    .slideout-open .humburger:after {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  .slideout-open .slideout-menu {
    transform: translateX(0px); }

  .slideout-open,
  .slideout-open body,
  .slideout-open .slideout-panel {
    overflow: hidden; } }
/**
 * Featherlight - ultra slim jQuery lightbox
 * Version 1.3.4 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
  .featherlight {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2147483647;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    background: #333;
    background: rgba(0, 0, 0, 0); }

  .featherlight:last-of-type {
    background: rgba(0, 0, 0, 0.8); }

  .featherlight:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.25em; }

  .featherlight .featherlight-content {
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    overflow: auto;
    padding: 25px 25px 0;
    border-bottom: 25px solid transparent;
    min-width: 30%;
    margin-left: 5%;
    margin-right: 5%;
    max-height: 95%;
    background: #fff;
    cursor: auto;
    white-space: normal; }

  .featherlight .featherlight-inner {
    display: block; }

  .featherlight .featherlight-close-icon {
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    line-height: 25px;
    width: 25px;
    cursor: pointer;
    text-align: center;
    font-family: Arial,sans-serif;
    background: #fff;
    background: rgba(255, 255, 255, 0.3);
    color: #000; }

  .featherlight .featherlight-image {
    width: 100%; }

  .featherlight-iframe .featherlight-content {
    border-bottom: 0;
    padding: 0; }

  .featherlight iframe {
    border: 0; } }
@media only screen and (max-width: 1024px) {
  .featherlight .featherlight-content {
    margin-left: 10px;
    margin-right: 10px;
    max-height: 98%;
    padding: 10px 10px 0;
    border-bottom: 10px solid transparent; } }
/**
 * Featherlight Gallery – an extension for the ultra slim jQuery lightbox
 * Version 1.3.4 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
  .featherlight-next, .featherlight-previous {
    display: block;
    position: absolute;
    top: 25px;
    right: 25px;
    bottom: 0;
    left: 80%;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: rgba(0, 0, 0, 0); }

  .featherlight-previous {
    left: 25px;
    right: 80%; }

  .featherlight-next:hover, .featherlight-previous:hover {
    background: rgba(0, 0, 0, 0.25); }

  .featherlight-next span, .featherlight-previous span {
    display: none;
    position: absolute;
    top: 50%;
    left: 5%;
    width: 82%;
    text-align: center;
    font-size: 80px;
    line-height: 80px;
    margin-top: -40px;
    text-shadow: 0 0 5px #fff;
    color: #fff;
    font-style: normal;
    font-weight: 400; }

  .featherlight-next span {
    right: 5%;
    left: auto; }

  .featherlight-next:hover span, .featherlight-previous:hover span {
    display: inline-block; }

  .featherlight-loading .featherlight-next, .featherlight-loading .featherlight-previous {
    display: none; } }
@media only screen and (max-device-width: 1024px) {
  .featherlight-next:hover, .featherlight-previous:hover {
    background: 0 0; }

  .featherlight-next span, .featherlight-previous span {
    display: block; } }
@media only screen and (max-width: 1024px) {
  .featherlight-next, .featherlight-previous {
    top: 10px;
    right: 10px;
    left: 85%; }

  .featherlight-previous {
    left: 10px;
    right: 85%; }

  .featherlight-next span, .featherlight-previous span {
    margin-top: -30px;
    font-size: 40px; } }
.featherlight .featherlight-content {
  overflow: hidden; }
.featherlight .featherlight-close-icon {
  text-indent: -9999em;
  background: #111111;
  height: 25px;
  border: none;
  padding: 0;
  outline: none; }
  .featherlight .featherlight-close-icon:before, .featherlight .featherlight-close-icon:after {
    content: "";
    top: -8px;
    bottom: 0;
    width: 12.5px;
    height: 25px;
    position: absolute;
    z-index: 100;
    margin: auto; }
  .featherlight .featherlight-close-icon:before {
    border-right: 2px solid #ffffff;
    right: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  .featherlight .featherlight-close-icon:after {
    border-left: 2px solid #ffffff;
    left: 10px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }

/**
*
*	Slick
*
**/
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }
  .slick-slider .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0; }
    .slick-slider .slick-list .slick-track {
      position: relative;
      left: 0;
      top: 0;
      display: block;
      margin-left: auto;
      margin-right: auto; }
      .slick-slider .slick-list .slick-track .slick-slide {
        float: left;
        height: 100%;
        min-height: 1px; }
        .slick-slider .slick-list .slick-track .slick-slide img {
          display: block; }
        .slick-slider .slick-list .slick-track .slick-slide.slick-loading img {
          display: none; }
        .slick-slider .slick-list .slick-track .slick-slide.dragging img {
          pointer-events: none; }
        .slick-initialized .slick-slider .slick-list .slick-track .slick-slide {
          display: block; }
        .slick-loading .slick-slider .slick-list .slick-track .slick-slide {
          visibility: hidden; }
        .slick-vertical .slick-slider .slick-list .slick-track .slick-slide {
          display: block;
          height: auto;
          border: 1px solid transparent; }
      .slick-slider .slick-list .slick-track:before, .slick-slider .slick-list .slick-track:after {
        content: "";
        display: table; }
      .slick-slider .slick-list .slick-track:after {
        clear: both; }
      .slick-loading .slick-slider .slick-list .slick-track {
        visibility: hidden; }
    .slick-slider .slick-list:focus {
      outline: none; }
    .slick-slider .slick-list.dragging {
      cursor: hand; }
  .slick-slider .slick-track,
  .slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0); }

/* Dots */
.slick-dots {
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 10px 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 15px;
    width: 15px;
    margin: 0 3px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: rgba(0, 0, 0, 0.5);
      border-radius: 50%;
      display: block;
      height: 100%;
      width: 100%;
      outline: none;
      line-height: 0;
      font-size: 0;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
    .slick-dots li.slick-active button {
      background: #c9142a; }

.slick-arrow {
  background-image: none !important;
  background-color: transparent;
  position: absolute;
  width: 40px;
  height: 40px;
  top: calc(50% - 20px);
  z-index: 2;
  cursor: pointer;
  text-indent: -9999em;
  border: none;
  outline: none; }
  .slick-arrow:after {
    content: "";
    display: block;
    position: absolute;
    height: 20px;
    width: 20px;
    z-index: 2;
    cursor: pointer;
    border-top: 2px solid #000000;
    border-left: 2px solid #000000;
    top: 50%;
    margin-top: -10px; }
  .slick-arrow.slick-prev {
    left: 0; }
    .slick-arrow.slick-prev:after {
      transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      left: 15px; }
  .slick-arrow.slick-next {
    right: 0; }
    .slick-arrow.slick-next:after {
      transform: rotate(135deg);
      -moz-transform: rotate(135deg);
      -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      -o-transform: rotate(135deg);
      right: 15px; }
  .slick-arrow.slick-hidden {
    display: none; }

/*=============================================================================================================================

	Media Queries

=============================================================================================================================*/
@media (max-width: 1024px) {
  html.with-featherlight {
    overflow: hidden; }

  .notFoundPage {
    padding: 10vh 0; }
    .notFoundPage p {
      text-align: left; }
      .notFoundPage p br {
        display: none; } }
@media all and (-ms-high-contrast: none) {
  input[type="text"], input[type="password"], input[type="email"] {
    font-family: Arial, meiryo, 'メイリオ', sans-serif; }

  textarea, select {
    font-family: Arial, meiryo, 'メイリオ', sans-serif; }

  input[type="submit"], input[type="reset"] {
    font-family: Arial, meiryo, 'メイリオ', sans-serif; }

  .btn a, .btn input[type="reset"] {
    font-family: arial, 'meiryo ui', meiryo, 'メイリオ', sans-serif;
    letter-spacing: .1em; }

  .btnArea input[type="submit"] {
    font-family: arial, 'meiryo ui', meiryo, 'メイリオ', sans-serif;
    letter-spacing: .1em; } }

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