@charset "UTF-8";
/* Reset Css and Base Style */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

main {
  display: block; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

pre {
  font-family: monospace, monospace;
  font-size: 1em; }

a {
  background-color: transparent; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted; }

b,
strong {
  font-weight: bolder; }

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  border-style: none; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  padding: 0.35em 0.75em 0.625em; }

legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details {
  display: block; }

summary {
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none; }

/**
 * Reset Styles
 * Deprecated normalize.css v5.0.0
 * 参考 : html5doctor.com Reset Stylesheet v1.6.1
 */
blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

/* form */
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  outline: 1px solid #8dafe6; }

/* ----------------------------------------
*	add reset style
---------------------------------------- */
input[type="image"]:focus,
input[type="button"]:focus {
  outline: none; }

/* padding,margin reset */
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, figure, figcaption {
  padding: 0;
  margin: 0; }

/* list reset */
ul, ol, li {
  list-style: none; }

/* img vertical-align */
img {
  vertical-align: top; }

/* ----------------------------------------
*	clearfix class
---------------------------------------- */
.clearfix:after {
  content: " ";
  display: block;
  clear: both; }

/* ----------------------------------------
*	Base Style
---------------------------------------- */
html, body {
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", sans-serif;
  font-size: 16px; }

a {
  color: #E894B1; }
  a:hover {
    text-decoration: none; }

/* ----------------------------------------
*	Expand Base Style
---------------------------------------- */
img {
  max-width: 100%;
  height: auto; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.u-fluid-img {
  width: 100%;
  height: auto; }

.is-sp-show {
  display: none; }
  @media screen and (max-width: 640px) {
    .is-sp-show {
      display: block; }
      .is-sp-show br.is-sp-show {
        display: inline; }
      .is-sp-show img.is-sp-show {
        display: inline; }
      .is-sp-show span.is-sp-show {
        display: inline; } }

.is-tablet-show {
  display: none; }
  @media screen and (min-width: 641px) and (max-width: 959px) {
    .is-tablet-show {
      display: block; }
      .is-tablet-show br.is-tablet-show {
        display: inline; }
      .is-tablet-show img.is-tablet-show {
        display: inline; }
      .is-tablet-show span.is-tablet-show {
        display: inline; } }

.is-tabletSp-show {
  display: none; }
  @media screen and (max-width: 959px) {
    .is-tabletSp-show {
      display: block; }
      .is-tabletSp-show br.is-tabletSp-show {
        display: inline; }
      .is-tabletSp-show img.is-tabletSp-show {
        display: inline; }
      .is-tabletSp-show span.is-tabletSp-show {
        display: inline; } }

@media screen and (max-width: 640px) {
  .is-tabletPc-show {
    display: none; } }

@media screen and (max-width: 960px) {
  .is-pc-show {
    display: none; } }

/* Utility Classes */
.is-hidden {
  display: none !important; }

.is-unvisible {
  visibility: hidden; }

.is-show {
  display: block !important; }

/* font-utitliy
---------------------------------------------- */
.wf-tenor {
  font-family: "Tenor Sans", -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ Pro W3, Meiryo, メイリオ, sans-serif; }

/* module
---------------------------------------------- */
/* module
---------------------------------------------- */
.m-container {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto; }
  .m-container.is-narrow {
    max-width: 1000px; }

.m-title {
  padding: .15em .5em;
  line-height: 1.3;
  margin-bottom: 30px;
  font-size: 2.25rem;
  font-weight: bold;
  border-left: 5px solid #E894B1; }
  @media screen and (max-width: 750px) {
    .m-title {
      margin-bottom: 15px;
      font-size: 1.625rem;
      border-left: 3px solid #E894B1; } }

.m-article a {
  text-decoration: none; }

.m-article__thumb {
  margin-bottom: 15px;
  border: 1px solid #999; }

.m-article__date {
  font-size: 0.8125rem;
  margin-bottom: 10px;
  color: #666; }

.m-article__title {
  margin-bottom: 10px;
  font-size: 1.125rem;
  line-height: 1.5; }

.m-article__excerpt {
  font-size: 0.875rem;
  line-height: 1.75; }

@media screen and (max-width: 750px) {
  .m-article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .m-article a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .m-article__thumb {
      -ms-flex-item-align: start;
      align-self: flex-start;
      width: 27.58621%;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      margin-bottom: 0; }
    .m-article__body {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      margin-left: 5px; }
    .m-article__date {
      margin-bottom: 0;
      font-size: 0.6875rem; }
    .m-article__title {
      margin-bottom: 0;
      font-size: 0.875rem; }
    .m-article__excerpt {
      display: none;
      font-size: 0.6875rem;
      line-height: 1.3; } }

.m-section {
  font-size: 1.125rem;
  line-height: 2; }
  @media screen and (max-width: 750px) {
    .m-section {
      font-size: 0.9375rem;
      line-height: 1.75; }
      .m-section__title {
        font-size: 1.625rem; } }

.m-post {
  padding: 30px 30px; }
  .m-post:not(:last-child) {
    border-bottom: 1px solid #999; }
  .m-post__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .m-post__date {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center; }
  .m-post__title {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 30px;
    font-size: 1.25rem;
    line-height: 1.35;
    font-weight: normal; }
    .m-post__title a {
      color: #003470;
      text-decoration: underline; }
      .m-post__title a:hover {
        text-decoration: none; }
  @media screen and (max-width: 750px) {
    .m-post {
      padding: 15px; }
      .m-post__head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
      .m-post__date {
        margin-bottom: 5px;
        -ms-flex-item-align: start;
        align-self: flex-start;
        font-size: 0.75rem; }
      .m-post__title {
        margin-left: 0;
        font-size: 1rem; } }

.m-breadcrumbs__item {
  display: inline;
  font-size: 0.875rem; }
  .m-breadcrumbs__item a {
    color: inherit;
    text-decoration: none; }
    .m-breadcrumbs__item a:hover {
      text-decoration: underline; }
  .m-breadcrumbs__item + .m-breadcrumbs__item::before {
    display: inline-block;
    content: '>';
    margin: 0 0.5em 0 0; }
  .m-breadcrumbs__item:last-child {
    color: #E894B1;
    pointer-events: none; }

@media screen and (max-width: 750px) {
  .m-breadcrumbs {
    font-size: 0.75rem; } }

/* layout
---------------------------------------------- */
.l-header {
  position: relative;
  z-index: 100;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #ffffff;
  -webkit-box-shadow: 0 1px 3px rgba(150, 150, 150, 0.2);
  box-shadow: 0 1px 3px rgba(150, 150, 150, 0.2); }
  .l-header__brand {
    width: 150px;
    padding: 15px; }
  .l-header__menu {
    margin-left: auto; }
  .l-header__menu-tgl {
    margin: auto 30px auto auto;
    position: relative;
    z-index: 50;
    display: block;
    width: 48px;
    height: 30px; }
    .l-header__menu-tgl:before, .l-header__menu-tgl:after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      width: calc(100% - 10px);
      height: 2px;
      margin: 0 auto;
      background: #333;
      -webkit-transform-origin: center;
      -ms-transform-origin: center;
      transform-origin: center;
      -webkit-transition: all .15s ease-out;
      -o-transition: all .15s ease-out;
      transition: all .15s ease-out; }
    .l-header__menu-tgl:before {
      top: 45%;
      margin-top: 5px; }
    .l-header__menu-tgl:after {
      bottom: 45%;
      margin-bottom: 5px; }
    .l-header__menu-tgl.is-active:before {
      -webkit-transform-origin: center;
      -ms-transform-origin: center;
      transform-origin: center;
      -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
      transform: rotate(30deg);
      margin: 0 auto;
      top: auto;
      bottom: 13px; }
    .l-header__menu-tgl.is-active:after {
      -webkit-transform-origin: center;
      -ms-transform-origin: center;
      transform-origin: center;
      -webkit-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
      transform: rotate(-30deg);
      margin: 0 auto;
      bottom: 13px; }
    .l-header__menu-tgl.is-active {
      position: fixed;
      top: 15px;
      right: 0; }
  .l-header__menu-nav {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    padding: 60px 20px 20px;
    background-color: #fff;
    -webkit-box-shadow: -1px 0 3px rgba(150, 150, 150, 0.1);
    box-shadow: -1px 0 3px rgba(150, 150, 150, 0.1);
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease; }
    .l-header__menu-nav.is-active {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); }
  @media screen and (max-width: 1160px) {
    .l-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  @media screen and (max-width: 767px) {
    .l-header__brand {
      width: 125px;
      padding: 10px 5px; }
    .l-header__menu-tgl {
      margin-right: 15px;
      width: 36px;
      height: 26px; }
    .l-header .l-gnav__bnr {
      margin-bottom: 20px; } }

.l-sidebar {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  height: 100%;
  width: 300px;
  -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.3);
  padding: 15px;
  background-color: #fff; }
  .l-sidebar__logo {
    margin-bottom: 30px; }
  @media screen and (max-width: 1320px) {
    .l-sidebar {
      width: 200px; } }
  @media screen and (max-width: 1160px) {
    .l-sidebar {
      display: none; } }

.l-gnav a {
  position: relative;
  display: inline-block;
  font-size: 1.125rem;
  color: inherit;
  text-decoration: none;
  padding: .2em;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease; }
  .l-gnav a:before {
    content: '';
    display: inline-block;
    position: absolute;
    z-index: -1;
    top: -0.1em;
    left: 0;
    height: 100%;
    width: 0;
    background: #E894B1;
    -webkit-transition: width .3s ease-out;
    -o-transition: width .3s ease-out;
    transition: width .3s ease-out; }
  .l-gnav a.is-active:before {
    width: 100%; }
  .l-gnav a:not(.is-active):hover {
    opacity: .65; }

.l-gnav__item {
  position: relative; }
  .l-gnav__item:not(:last-child) {
    margin-bottom: .75em; }

.l-gnav__bnr {
  margin-top: .75em; }
  .l-gnav__bnr a {
    padding: 0; }

@media screen and (max-width: 767px) {
  .l-gnav a {
    font-size: 1.125rem; }
  .l-gnav.l-header__menu-nav {
    overflow: scroll; }
    .l-gnav.l-header__menu-nav .l-gnav__item:not(:last-child) {
      margin-bottom: 15px; } }

.l-main {
  position: relative;
  margin-left: 300px;
  overflow: hidden; }
  @media screen and (max-width: 1320px) {
    .l-main {
      margin-left: 200px; } }
  @media screen and (max-width: 1160px) {
    .l-main {
      max-width: 1080px;
      margin: 0 auto; } }

/* footer
---------------------------------------------- */
.l-footer {
  padding: 100px 25px 50px;
  text-align: center; }
  .l-footer__attention {
    margin-bottom: 50px;
    text-align: center;
    line-height: 1.5;
    color: #999; }
    .l-footer__attention small {
      display: block;
      font-size: 0.8125rem; }
  .l-footer__lang ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .l-footer__lang li a {
    text-decoration: none; }
    .l-footer__lang li a:hover {
      text-decoration: underline; }
  .l-footer__lang li.is-active a {
    color: inherit; }
  .l-footer__lang li:not(:first-child)::before {
    content: '/';
    display: inline-block;
    margin: 0 10px; }
  .l-footer__copyright {
    display: block;
    margin-top: 10px;
    font-size: 62.5%; }
  @media screen and (max-width: 767px) {
    .l-footer {
      padding: 50px 25px 25px; }
      .l-footer__attention {
        margin-bottom: 25px;
        text-align: left; }
        .l-footer__attention small {
          font-size: 0.625rem; }
      .l-footer__lang li {
        font-size: 87.5%; } }

.l-archive {
  padding: 75px 30px; }
  .l-archive .m-breadcrumbs {
    margin-bottom: 50px; }
  @media screen and (max-width: 767px) {
    .l-archive {
      padding: 15px 15px 50px; }
      .l-archive .m-breadcrumbs {
        margin-bottom: 30px; } }

/* appear ( dep waypoints js)
---------------------------------------------- */
[data-appear] {
  -webkit-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out; }

[data-appear="top"] {
  opacity: 0;
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px); }
  [data-appear="top"].is-appear {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

[data-appear="bottom"] {
  opacity: 0;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px); }
  [data-appear="bottom"].is-appear {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

[data-appear="left"] {
  opacity: 0;
  -webkit-transform: translateX(-50px);
  -ms-transform: translateX(-50px);
  transform: translateX(-50px); }
  [data-appear="left"].is-appear {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }

[data-appear="right"] {
  opacity: 0;
  -webkit-transform: translateX(50px);
  -ms-transform: translateX(50px);
  transform: translateX(50px); }
  [data-appear="right"].is-appear {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }

@media screen and (max-width: 767px) {
  [data-appear-sp="bottom"] {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px); }
    [data-appear-sp="bottom"].is-appear {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
  [data-appear-sp="left"] {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px); }
    [data-appear-sp="left"].is-appear {
      opacity: 1;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); }
  [data-appear-sp="right"] {
    opacity: 0;
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px); }
    [data-appear-sp="right"].is-appear {
      opacity: 1;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); } }

.l-contents {
  padding: 75px 30px; }
  .l-contents .m-breadcrumbs {
    margin-bottom: 50px; }
  @media screen and (max-width: 767px) {
    .l-contents {
      padding: 15px 15px 50px; }
      .l-contents .m-breadcrumbs {
        margin-bottom: 30px; } }

.l-article {
  margin-bottom: 50px;
  padding: 30px;
  background: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset; }
  .l-article__date {
    display: block;
    margin-bottom: 15px;
    font-size: 1.125rem; }
  .l-article__title {
    position: relative;
    line-height: 1.35;
    font-size: 1.75rem;
    margin-bottom: 30px; }
    .l-article__title:after {
      content: '';
      margin-top: 10px;
      display: block;
      width: 15.95745%;
      height: 3px;
      background: #E894B1; }
  @media screen and (max-width: 767px) {
    .l-article {
      padding: 15px; }
      .l-article__date {
        margin-bottom: 5px;
        font-size: 0.8125rem; }
      .l-article__title {
        font-size: 1.375rem; } }

/* ブログ記事系コンテンツレイアウト
	   このコンポート内に他レイアウトなどを入れる場合はコンポーネントが聞かない場合があります。
	---------------------------------------------- */
.l-article__content {
  margin: 50px 0;
  line-height: 1.75;
  padding: 0 15px; }
  @media screen and (max-width: 767px) {
    .l-article__content {
      padding: 0 0;
      margin: 25px 0; } }
  .l-article__content h2 {
    font-size: 2em;
    margin: 1em 0;
    border-bottom: 1px solid #E894B1;
    padding-bottom: .5em; }
    .l-article__content h2:first-child {
      margin-top: 0; }
  .l-article__content h3 {
    font-size: 1.5em;
    margin: 1em 0; }
  .l-article__content h4 {
    font-size: 1em;
    margin: 1em 0; }
  .l-article__content p, .l-article__content ul, .l-article__content ol, .l-article__content dl, .l-article__content table {
    margin: .75em 0; }
  .l-article__content ol, .l-article__content ul {
    margin-left: 1.2em; }
  .l-article__content ol > li {
    list-style: decimal; }
  .l-article__content ul > li {
    list-style: disc; }
    .l-article__content ul > li ul > li {
      list-style: circle; }
  .l-article__content dd {
    margin-left: 1em; }
  .l-article__content table {
    border-spacing: 0; }
    .l-article__content table th, .l-article__content table td {
      padding: 10px; }
    .l-article__content table tbody th, .l-article__content table tbody td {
      text-align: left; }
  .l-article__content a[target="_blank"]:after {
    display: inline-block;
    content: '';
    width: 13px;
    height: 9px;
    margin-left: .2em;
    vertical-align: baseline;
    background: url(../img/icon_outbound.svg) 0 bottom no-repeat; }
  .l-article__content blockquote {
    padding: 1em;
    color: #222; }
  .l-article__content code {
    padding: 1em; }
  .l-article__content iframe {
    text-align: center;
    margin-left: auto;
    margin-right: auto; }
  @media screen and (max-width: 767px) {
    .l-article__content {
      font-size: 12px; } }

.wp-caption {
  max-width: 100%; }

/* photo gallery
---------------------------------------------- */
.gallery-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 50px; }
  .gallery-nav li {
    width: calc(50% - 20px); }
    .gallery-nav li a {
      display: block;
      text-align: center;
      padding: 1em;
      width: 100%;
      color: #000000;
      background-color: #d9d9d9;
      text-decoration: none;
      -webkit-transition: opacity .3s ease-in;
      -o-transition: opacity .3s ease-in;
      transition: opacity .3s ease-in; }
      .gallery-nav li a:hover {
        opacity: .65; }
    .gallery-nav li.is-active a {
      color: #fff;
      background-color: #e894b1; }
  @media screen and (max-width: 640px) {
    .gallery-nav {
      margin-bottom: 30px; }
      .gallery-nav li {
        width: calc(50% - 5px);
        font-size: 0.875rem; }
        .gallery-nav li a {
          padding: 1em .5em; } }

.c-gallery-group + .c-gallery-group {
  padding-top: 50px; }
  @media screen and (max-width: 640px) {
    .c-gallery-group + .c-gallery-group {
      padding-top: 30px; } }

.c-gallery-category {
  max-width: 760px;
  margin: 0 auto; }

.c-gallery-local-navs {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font-size: 14px; }
  .c-gallery-local-navs a {
    display: inline-block;
    padding: 10px;
    margin-right: 5px;
    margin-bottom: 5px;
    background-color: #005bac;
    text-decoration: none;
    color: #fff;
    border-radius: 5px;
    -webkit-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in; }
    .c-gallery-local-navs a:hover {
      opacity: .65; }
  @media screen and (max-width: 640px) {
    .c-gallery-local-navs {
      font-size: 12px; } }

.c-gallery-group__title {
  font-size: 1.5rem;
  padding-left: 10px;
  border-left: 5px solid #e894b1; }
  @media screen and (max-width: 640px) {
    .c-gallery-group__title {
      font-size: 1.25rem; } }

.c-gallery-group__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media screen and (max-width: 640px) {
    .c-gallery-group__items {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  .c-gallery-group__items > li {
    width: calc(33% - 5px);
    margin-top: 20px; }
    .c-gallery-group__items > li img {
      display: block; }
    .c-gallery-group__items > li span {
      font-size: 14px;
      margin-top: .5em;
      display: block; }
    @media screen and (min-width: 641px) {
      .c-gallery-group__items > li:nth-child(3n+2) {
        margin-left: 10px;
        margin-right: 10px; } }
    @media screen and (max-width: 640px) {
      .c-gallery-group__items > li {
        width: calc(50% - 10px); }
        .c-gallery-group__items > li span {
          font-size: 0.75rem; } }

.c-gallery-item--movie {
  text-align: center; }
  .c-gallery-item--movie a {
    text-decoration: none;
    color: inherit; }
    .c-gallery-item--movie a:hover span:nth-of-type(1) {
      opacity: .65; }
  .c-gallery-item--movie span {
    display: block; }
  .c-gallery-item--movie span:nth-of-type(1) {
    position: relative;
    -webkit-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in; }
  .c-gallery-item--movie span:nth-of-type(1)::before {
    content: '';
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 60px;
    height: 40px;
    background: url(../imgs/common/icon_play.svg) center no-repeat;
    background-size: 100%; }
    @media screen and (max-width: 768px) {
      .c-gallery-item--movie span:nth-of-type(1)::before {
        width: 40px;
        height: 30px; } }
  .c-gallery-item--movie span:nth-of-type(2) {
    margin-top: .5em; }