@charset "UTF-8";
/*! reset sanitizeを読み込み その上で必要な要素をリセットします */
/*! sanitize.css v3.0.0 | CC0 1.0 Public Domain | github.com/10up/sanitize.css */
/*
 * Normalization
 */
audio:not([controls]) {
  display: none; }

button {
  overflow: visible;
  -webkit-appearance: button; }

details {
  display: block; }

html {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%; }

input {
  -webkit-border-radius: 0; }
  input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button; }
  input[type="number"] {
    width: auto; }
  input[type="search"] {
    -webkit-appearance: textfield; }
    input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
      -webkit-appearance: none; }

main {
  display: block; }

pre {
  overflow: auto; }

progress {
  display: inline-block; }

small {
  font-size: 75%; }

summary {
  display: block; }

svg:not(:root) {
  overflow: hidden; }

template {
  display: none; }

textarea {
  overflow: auto; }

[hidden] {
  display: none; }

/*
 * Universal inheritance
 */
*,
::before,
::after {
  box-sizing: inherit; }

* {
  font-size: inherit;
  line-height: inherit; }

::before,
::after {
  text-decoration: inherit;
  vertical-align: inherit; }

/*
 * Opinionated defaults
 */
*,
::before,
::after {
  border-style: solid;
  border-width: 0; }

* {
  background-repeat: no-repeat;
  margin: 0;
  padding: 0; }

:root {
  background-color: #FFFFFF;
  box-sizing: border-box;
  color: #000000;
  cursor: default;
  font: 100%/1.5 sans-serif;
  text-rendering: optimizeLegibility; }

a {
  text-decoration: none; }

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

button,
input,
select,
textarea {
  background-color: transparent; }

button,
input,
select,
textarea {
  color: inherit;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit; }

button,
[type="button"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="reset"],
[type="search"],
[type="submit"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
select,
textarea {
  min-height: 1.5em; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; }

nav ol,
nav ul {
  list-style: none; }

select {
  -moz-appearance: none;
  -webkit-appearance: none; }
  select::-ms-expand {
    display: none; }
  select::-ms-value {
    color: currentColor; }

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

textarea {
  resize: vertical; }

::-moz-selection {
  background-color: #B3D4FC;
  color: #ffffff;
  text-shadow: none; }

::selection {
  background-color: #B3D4FC;
  color: #ffffff;
  text-shadow: none; }

[aria-busy="true"] {
  cursor: progress; }

[aria-controls] {
  cursor: pointer; }

[aria-disabled] {
  cursor: default; }

[hidden][aria-hidden="false"] {
  clip: rect(0 0 0 0);
  display: inherit;
  position: absolute; }
  [hidden][aria-hidden="false"]:focus {
    clip: auto; }

/* 以下 wrap */
:root {
  font-size: 10px;
  font-size: 62.5%; }

/* !overflow については sanitize で 指定されているため解除 */
html {
  font-size: 10px;
  font-size: 62.5%;
  word-break: break-all;
  overflow: initial; }

oi, li {
  list-style-type: none; }

input {
  outline: none; }

input[type="text"] {
  outline: inherit; }

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: none; }

/*! 定義 */
/* font-family*/
/*! 変数定義 */
/*! @include として利用するものを記述します */
/*
  画面切り替え対応
*/
/**
  KeyFrame
**/
/*
  border に $radius の丸みをいれる
*/
/*
  boxに指定した shadow を入れる
*/
/*
  boxに指定した background を入れる
*/
/*
  boxに指定した background を入れる
*/
/*
  boxに指定した background を入れる
*/
/* 
   !@extend として利用するものを記述します
   基本的には mixin 側ではるので、本内容は これ以上増えない前提
*/
/*
  clearfix ;
*/
.clearfix, .inner, .t-inner, #footer .control-lang-footer ul, #wrapper #content, .banners, .t-section .wrap-info .info-img .imglg-absolute, .ct-section .wrap-info, .l-form-row, .page-title .sns_top, .e2.n5, ul.has2_e2n6, ul.has2_e2n2, ul.has3_e2n6, .e3, .e3.il .item, .e3.ir .item, .e5.n3 .item, .e6, .e6.n1, .e6.n2 {
  *zoom: 1; }
  .clearfix:after, .inner:after, .t-inner:after, #footer .control-lang-footer ul:after, #wrapper #content:after, .banners:after, .t-section .wrap-info .info-img .imglg-absolute:after, .ct-section .wrap-info:after, .l-form-row:after, .page-title .sns_top:after, .e2.n5:after, ul.has2_e2n6:after, ul.has2_e2n2:after, ul.has3_e2n6:after, .e3:after, .e3.il .item:after, .e3.ir .item:after, .e5.n3 .item:after, .e6:after, .e6.n1:after, .e6.n2:after {
    content: "";
    display: table;
    clear: both; }

.bg-cinema {
  background-color: #f4bd2a; }

.user-sel-none {
  user-select: none;
  /* CSS3 */
  -moz-user-select: none;
  /* Firefox */
  -webkit-user-select: none;
  /* Safari、Chromeなど */
  -ms-user-select: none;
  /* IE10かららしい */ }

/*
 テキストの文字数制限
*/
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis; }

/*
 pc のみ 表示するもの
*/
.pc-only {
  display: block; }
  @media (min-width: 568px) and (max-width: 767px) {
    .pc-only {
      display: none !important; } }
  @media (max-width: 567px) {
    .pc-only {
      display: none !important; } }

/*
 sp のみ 表示するもの
*/
.sp-only {
  display: block; }
  @media (min-width: 1280px) {
    .sp-only {
      display: none !important; } }
  @media (min-width: 1024px) {
    .sp-only {
      display: none !important; } }
  @media (min-width: 768px) {
    .sp-only {
      display: none !important; } }

/*
 画像の反転
*/
.image-refrect {
  -webkit-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH"; }

@-webkit-keyframes menu-deg1 {
  0% {
    transform: rotate(0deg); }
  25% {
    transform: rotate(8deg); }
  50% {
    transform: rotate(0deg); }
  75% {
    transform: rotate(-8deg); }
  100% {
    transform: rotate(0deg); } }

@-moz-keyframes menu-deg1 {
  0% {
    transform: rotate(0deg); }
  25% {
    transform: rotate(8deg); }
  50% {
    transform: rotate(0deg); }
  75% {
    transform: rotate(-8deg); }
  100% {
    transform: rotate(0deg); } }

@keyframes menu-deg1 {
  0% {
    transform: rotate(0deg); }
  25% {
    transform: rotate(8deg); }
  50% {
    transform: rotate(0deg); }
  75% {
    transform: rotate(-8deg); }
  100% {
    transform: rotate(0deg); } }

@-webkit-keyframes menu-deg2 {
  0% {
    transform: rotate(0deg); }
  25% {
    transform: rotate(2deg); }
  50% {
    transform: rotate(0deg); }
  75% {
    transform: rotate(-2deg); }
  100% {
    transform: rotate(0deg); } }

@-moz-keyframes menu-deg2 {
  0% {
    transform: rotate(0deg); }
  25% {
    transform: rotate(2deg); }
  50% {
    transform: rotate(0deg); }
  75% {
    transform: rotate(-2deg); }
  100% {
    transform: rotate(0deg); } }

@keyframes menu-deg2 {
  0% {
    transform: rotate(0deg); }
  25% {
    transform: rotate(2deg); }
  50% {
    transform: rotate(0deg); }
  75% {
    transform: rotate(-2deg); }
  100% {
    transform: rotate(0deg); } }

@-webkit-keyframes menu-deg3 {
  0% {
    transform: rotate(0deg); }
  25% {
    transform: rotate(8deg); }
  50% {
    transform: rotate(0deg); }
  75% {
    transform: rotate(-8deg); }
  100% {
    transform: rotate(0deg); } }

@-moz-keyframes menu-deg3 {
  0% {
    transform: rotate(0deg); }
  25% {
    transform: rotate(8deg); }
  50% {
    transform: rotate(0deg); }
  75% {
    transform: rotate(-8deg); }
  100% {
    transform: rotate(0deg); } }

@keyframes menu-deg3 {
  0% {
    transform: rotate(0deg); }
  25% {
    transform: rotate(8deg); }
  50% {
    transform: rotate(0deg); }
  75% {
    transform: rotate(-8deg); }
  100% {
    transform: rotate(0deg); } }

@-webkit-keyframes moving1 {
  0% {
    transform: translateX(0) rotate(0deg) left(60%); }
  100% {
    transform: translateX(100%) rotate(0deg); } }

@-moz-keyframes moving1 {
  0% {
    transform: translateX(0) rotate(0deg) left(60%); }
  100% {
    transform: translateX(100%) rotate(0deg); } }

@keyframes moving1 {
  0% {
    transform: translateX(0) rotate(0deg) left(60%); }
  100% {
    transform: translateX(100%) rotate(0deg); } }

@-webkit-keyframes rolling1 {
  0% {
    transform: translateX(0) rotate(0deg); }
  100% {
    transform: translateX(360px) rotate(1440deg); } }

@-moz-keyframes rolling1 {
  0% {
    transform: translateX(0) rotate(0deg); }
  100% {
    transform: translateX(360px) rotate(1440deg); } }

@keyframes rolling1 {
  0% {
    transform: translateX(0) rotate(0deg); }
  100% {
    transform: translateX(360px) rotate(1440deg); } }

@-webkit-keyframes rolling2 {
  0% {
    transform: translateX(0) rotate(0deg); }
  50% {
    transform: translateX(180px) rotate(720deg); }
  100% {
    transform: translateX(360px) rotate(1440deg); } }

@-moz-keyframes rolling2 {
  0% {
    transform: translateX(0) rotate(0deg); }
  50% {
    transform: translateX(180px) rotate(720deg); }
  100% {
    transform: translateX(360px) rotate(1440deg); } }

@keyframes rolling2 {
  0% {
    transform: translateX(0) rotate(0deg); }
  50% {
    transform: translateX(180px) rotate(720deg); }
  100% {
    transform: translateX(360px) rotate(1440deg); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInLater {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fadeInLater {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInLater {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.ac {
  text-align: center !important; }

.al {
  text-align: left !important; }

.ar {
  text-align: right !important; }

.fc {
  clear: both; }

.fl {
  float: left; }

.fr {
  float: right; }

.disp-hide {
  display: none; }

.disp-pre {
  overflow: hidden; }

.disp-show {
  display: initial; }

.bd {
  border: 1px solid #cccccc;
  padding: 12px; }

.bdt {
  border: 1px solid #cccccc;
  padding: 12px; }

.bdb {
  border-bottom: 1px solid #cccccc; }

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

/*
 pc のみ 表示するもの
*/
.pc-only {
  display: block; }
  @media (min-width: 568px) and (max-width: 767px) {
    .pc-only {
      display: none !important; } }
  @media (max-width: 567px) {
    .pc-only {
      display: none !important; } }

/*
 sp のみ 表示するもの
*/
.sp-only {
  display: block; }
  @media (min-width: 1280px) {
    .sp-only {
      display: none !important; } }
  @media (min-width: 1024px) {
    .sp-only {
      display: none !important; } }
  @media (min-width: 768px) {
    .sp-only {
      display: none !important; } }

@media (min-width: 1280px) {
  .pc-ac {
    text-align: center !important; } }

@media (min-width: 1024px) {
  .pc-ac {
    text-align: center !important; } }

@media (min-width: 768px) {
  .pc-ac {
    text-align: center !important; } }

@media (min-width: 1280px) {
  .pc-al {
    text-align: left !important; } }

@media (min-width: 1024px) {
  .pc-al {
    text-align: left !important; } }

@media (min-width: 768px) {
  .pc-al {
    text-align: left !important; } }

@media (min-width: 1280px) {
  .pc-ar {
    text-align: right !important; } }

@media (min-width: 1024px) {
  .pc-ar {
    text-align: right !important; } }

@media (min-width: 768px) {
  .pc-ar {
    text-align: right !important; } }

@media (min-width: 568px) and (max-width: 767px) {
  .sp-ac {
    text-align: center !important; } }

@media (max-width: 567px) {
  .sp-ac {
    text-align: center !important; } }

@media (min-width: 568px) and (max-width: 767px) {
  .sp-al {
    text-align: left !important; } }

@media (max-width: 567px) {
  .sp-al {
    text-align: left !important; } }

@media (min-width: 568px) and (max-width: 767px) {
  .sp-ar {
    text-align: right !important; } }

@media (max-width: 567px) {
  .sp-ar {
    text-align: right !important; } }

.width-1-1 {
  width: 100%;
  box-sizing: border-box; }

.width-1-2 {
  width: 50%;
  box-sizing: border-box; }

.width-1-3 {
  width: 33.33333%;
  box-sizing: border-box; }

.width-1-4 {
  width: 25%;
  box-sizing: border-box; }

.width-1-5 {
  width: 20%;
  box-sizing: border-box; }

.width-1-6 {
  width: 16.66667%;
  box-sizing: border-box; }

.width-1-7 {
  width: 14.28571%;
  box-sizing: border-box; }

.width-1-8 {
  width: 12.5%;
  box-sizing: border-box; }

.width-1-9 {
  width: 11.11111%;
  box-sizing: border-box; }

.width-1-10 {
  width: 10%;
  box-sizing: border-box; }

.width-2-2 {
  width: 100%;
  box-sizing: border-box; }

.width-2-3 {
  width: 66.66667%;
  box-sizing: border-box; }

.width-2-4 {
  width: 50%;
  box-sizing: border-box; }

.width-2-5 {
  width: 40%;
  box-sizing: border-box; }

.width-2-6 {
  width: 33.33333%;
  box-sizing: border-box; }

.width-2-7 {
  width: 28.57143%;
  box-sizing: border-box; }

.width-2-8 {
  width: 25%;
  box-sizing: border-box; }

.width-2-9 {
  width: 22.22222%;
  box-sizing: border-box; }

.width-2-10 {
  width: 20%;
  box-sizing: border-box; }

.width-3-3 {
  width: 100%;
  box-sizing: border-box; }

.width-3-4 {
  width: 75%;
  box-sizing: border-box; }

.width-3-5 {
  width: 60%;
  box-sizing: border-box; }

.width-3-6 {
  width: 50%;
  box-sizing: border-box; }

.width-3-7 {
  width: 42.85714%;
  box-sizing: border-box; }

.width-3-8 {
  width: 37.5%;
  box-sizing: border-box; }

.width-3-9 {
  width: 33.33333%;
  box-sizing: border-box; }

.width-3-10 {
  width: 30%;
  box-sizing: border-box; }

.width-4-4 {
  width: 100%;
  box-sizing: border-box; }

.width-4-5 {
  width: 80%;
  box-sizing: border-box; }

.width-4-6 {
  width: 66.66667%;
  box-sizing: border-box; }

.width-4-7 {
  width: 57.14286%;
  box-sizing: border-box; }

.width-4-8 {
  width: 50%;
  box-sizing: border-box; }

.width-4-9 {
  width: 44.44444%;
  box-sizing: border-box; }

.width-4-10 {
  width: 40%;
  box-sizing: border-box; }

.width-5-5 {
  width: 100%;
  box-sizing: border-box; }

.width-5-6 {
  width: 83.33333%;
  box-sizing: border-box; }

.width-5-7 {
  width: 71.42857%;
  box-sizing: border-box; }

.width-5-8 {
  width: 62.5%;
  box-sizing: border-box; }

.width-5-9 {
  width: 55.55556%;
  box-sizing: border-box; }

.width-5-10 {
  width: 50%;
  box-sizing: border-box; }

.width-6-6 {
  width: 100%;
  box-sizing: border-box; }

.width-6-7 {
  width: 85.71429%;
  box-sizing: border-box; }

.width-6-8 {
  width: 75%;
  box-sizing: border-box; }

.width-6-9 {
  width: 66.66667%;
  box-sizing: border-box; }

.width-6-10 {
  width: 60%;
  box-sizing: border-box; }

.width-7-7 {
  width: 100%;
  box-sizing: border-box; }

.width-7-8 {
  width: 87.5%;
  box-sizing: border-box; }

.width-7-9 {
  width: 77.77778%;
  box-sizing: border-box; }

.width-7-10 {
  width: 70%;
  box-sizing: border-box; }

.width-8-8 {
  width: 100%;
  box-sizing: border-box; }

.width-8-9 {
  width: 88.88889%;
  box-sizing: border-box; }

.width-8-10 {
  width: 80%;
  box-sizing: border-box; }

.width-9-9 {
  width: 100%;
  box-sizing: border-box; }

.width-9-10 {
  width: 90%;
  box-sizing: border-box; }

.width-10-10 {
  width: 100%;
  box-sizing: border-box; }

.width-1-1-pc {
  width: 100%;
  box-sizing: border-box; }
  .width-1-1-pc p {
    text-align: center;
    font-size: medium; }

.width-1-2-pc {
  width: 50%;
  box-sizing: border-box; }
  .width-1-2-pc p {
    text-align: center;
    font-size: medium; }

.width-1-3-pc {
  width: 33.33333%;
  box-sizing: border-box; }
  .width-1-3-pc p {
    text-align: center;
    font-size: medium; }

.width-1-4-pc {
  width: 25%;
  box-sizing: border-box; }
  .width-1-4-pc p {
    text-align: center;
    font-size: medium; }

.width-1-5-pc {
  width: 20%;
  box-sizing: border-box; }
  .width-1-5-pc p {
    text-align: center;
    font-size: medium; }

.width-1-6-pc {
  width: 16.66667%;
  box-sizing: border-box; }
  .width-1-6-pc p {
    text-align: center;
    font-size: medium; }

.width-1-7-pc {
  width: 14.28571%;
  box-sizing: border-box; }
  .width-1-7-pc p {
    text-align: center;
    font-size: medium; }

.width-1-8-pc {
  width: 12.5%;
  box-sizing: border-box; }
  .width-1-8-pc p {
    text-align: center;
    font-size: medium; }

.width-1-9-pc {
  width: 11.11111%;
  box-sizing: border-box; }
  .width-1-9-pc p {
    text-align: center;
    font-size: medium; }

.width-1-10-pc {
  width: 10%;
  box-sizing: border-box; }
  .width-1-10-pc p {
    text-align: center;
    font-size: medium; }

.width-2-2-pc {
  width: 100%;
  box-sizing: border-box; }
  .width-2-2-pc p {
    text-align: center;
    font-size: medium; }

.width-2-3-pc {
  width: 66.66667%;
  box-sizing: border-box; }
  .width-2-3-pc p {
    text-align: center;
    font-size: medium; }

.width-2-4-pc {
  width: 50%;
  box-sizing: border-box; }
  .width-2-4-pc p {
    text-align: center;
    font-size: medium; }

.width-2-5-pc {
  width: 40%;
  box-sizing: border-box; }
  .width-2-5-pc p {
    text-align: center;
    font-size: medium; }

.width-2-6-pc {
  width: 33.33333%;
  box-sizing: border-box; }
  .width-2-6-pc p {
    text-align: center;
    font-size: medium; }

.width-2-7-pc {
  width: 28.57143%;
  box-sizing: border-box; }
  .width-2-7-pc p {
    text-align: center;
    font-size: medium; }

.width-2-8-pc {
  width: 25%;
  box-sizing: border-box; }
  .width-2-8-pc p {
    text-align: center;
    font-size: medium; }

.width-2-9-pc {
  width: 22.22222%;
  box-sizing: border-box; }
  .width-2-9-pc p {
    text-align: center;
    font-size: medium; }

.width-2-10-pc {
  width: 20%;
  box-sizing: border-box; }
  .width-2-10-pc p {
    text-align: center;
    font-size: medium; }

.width-3-3-pc {
  width: 100%;
  box-sizing: border-box; }
  .width-3-3-pc p {
    text-align: center;
    font-size: medium; }

.width-3-4-pc {
  width: 75%;
  box-sizing: border-box; }
  .width-3-4-pc p {
    text-align: center;
    font-size: medium; }

.width-3-5-pc {
  width: 60%;
  box-sizing: border-box; }
  .width-3-5-pc p {
    text-align: center;
    font-size: medium; }

.width-3-6-pc {
  width: 50%;
  box-sizing: border-box; }
  .width-3-6-pc p {
    text-align: center;
    font-size: medium; }

.width-3-7-pc {
  width: 42.85714%;
  box-sizing: border-box; }
  .width-3-7-pc p {
    text-align: center;
    font-size: medium; }

.width-3-8-pc {
  width: 37.5%;
  box-sizing: border-box; }
  .width-3-8-pc p {
    text-align: center;
    font-size: medium; }

.width-3-9-pc {
  width: 33.33333%;
  box-sizing: border-box; }
  .width-3-9-pc p {
    text-align: center;
    font-size: medium; }

.width-3-10-pc {
  width: 30%;
  box-sizing: border-box; }
  .width-3-10-pc p {
    text-align: center;
    font-size: medium; }

.width-4-4-pc {
  width: 100%;
  box-sizing: border-box; }
  .width-4-4-pc p {
    text-align: center;
    font-size: medium; }

.width-4-5-pc {
  width: 80%;
  box-sizing: border-box; }
  .width-4-5-pc p {
    text-align: center;
    font-size: medium; }

.width-4-6-pc {
  width: 66.66667%;
  box-sizing: border-box; }
  .width-4-6-pc p {
    text-align: center;
    font-size: medium; }

.width-4-7-pc {
  width: 57.14286%;
  box-sizing: border-box; }
  .width-4-7-pc p {
    text-align: center;
    font-size: medium; }

.width-4-8-pc {
  width: 50%;
  box-sizing: border-box; }
  .width-4-8-pc p {
    text-align: center;
    font-size: medium; }

.width-4-9-pc {
  width: 44.44444%;
  box-sizing: border-box; }
  .width-4-9-pc p {
    text-align: center;
    font-size: medium; }

.width-4-10-pc {
  width: 40%;
  box-sizing: border-box; }
  .width-4-10-pc p {
    text-align: center;
    font-size: medium; }

.width-5-5-pc {
  width: 100%;
  box-sizing: border-box; }
  .width-5-5-pc p {
    text-align: center;
    font-size: medium; }

.width-5-6-pc {
  width: 83.33333%;
  box-sizing: border-box; }
  .width-5-6-pc p {
    text-align: center;
    font-size: medium; }

.width-5-7-pc {
  width: 71.42857%;
  box-sizing: border-box; }
  .width-5-7-pc p {
    text-align: center;
    font-size: medium; }

.width-5-8-pc {
  width: 62.5%;
  box-sizing: border-box; }
  .width-5-8-pc p {
    text-align: center;
    font-size: medium; }

.width-5-9-pc {
  width: 55.55556%;
  box-sizing: border-box; }
  .width-5-9-pc p {
    text-align: center;
    font-size: medium; }

.width-5-10-pc {
  width: 50%;
  box-sizing: border-box; }
  .width-5-10-pc p {
    text-align: center;
    font-size: medium; }

.width-6-6-pc {
  width: 100%;
  box-sizing: border-box; }
  .width-6-6-pc p {
    text-align: center;
    font-size: medium; }

.width-6-7-pc {
  width: 85.71429%;
  box-sizing: border-box; }
  .width-6-7-pc p {
    text-align: center;
    font-size: medium; }

.width-6-8-pc {
  width: 75%;
  box-sizing: border-box; }
  .width-6-8-pc p {
    text-align: center;
    font-size: medium; }

.width-6-9-pc {
  width: 66.66667%;
  box-sizing: border-box; }
  .width-6-9-pc p {
    text-align: center;
    font-size: medium; }

.width-6-10-pc {
  width: 60%;
  box-sizing: border-box; }
  .width-6-10-pc p {
    text-align: center;
    font-size: medium; }

.width-7-7-pc {
  width: 100%;
  box-sizing: border-box; }
  .width-7-7-pc p {
    text-align: center;
    font-size: medium; }

.width-7-8-pc {
  width: 87.5%;
  box-sizing: border-box; }
  .width-7-8-pc p {
    text-align: center;
    font-size: medium; }

.width-7-9-pc {
  width: 77.77778%;
  box-sizing: border-box; }
  .width-7-9-pc p {
    text-align: center;
    font-size: medium; }

.width-7-10-pc {
  width: 70%;
  box-sizing: border-box; }
  .width-7-10-pc p {
    text-align: center;
    font-size: medium; }

.width-8-8-pc {
  width: 100%;
  box-sizing: border-box; }
  .width-8-8-pc p {
    text-align: center;
    font-size: medium; }

.width-8-9-pc {
  width: 88.88889%;
  box-sizing: border-box; }
  .width-8-9-pc p {
    text-align: center;
    font-size: medium; }

.width-8-10-pc {
  width: 80%;
  box-sizing: border-box; }
  .width-8-10-pc p {
    text-align: center;
    font-size: medium; }

.width-9-9-pc {
  width: 100%;
  box-sizing: border-box; }
  .width-9-9-pc p {
    text-align: center;
    font-size: medium; }

.width-9-10-pc {
  width: 90%;
  box-sizing: border-box; }
  .width-9-10-pc p {
    text-align: center;
    font-size: medium; }

.width-10-10-pc {
  width: 100%;
  box-sizing: border-box; }
  .width-10-10-pc p {
    text-align: center;
    font-size: medium; }

@media (min-width: 568px) and (max-width: 767px) {
  .width-1-1-pc {
    width: 100%; }
  .width-1-2-pc {
    width: 100%; }
  .width-1-3-pc {
    width: 100%; }
  .width-1-4-pc {
    width: 100%; }
  .width-1-5-pc {
    width: 100%; }
  .width-1-6-pc {
    width: 100%; }
  .width-1-7-pc {
    width: 100%; }
  .width-1-8-pc {
    width: 100%; }
  .width-1-9-pc {
    width: 100%; }
  .width-1-10-pc {
    width: 100%; }
  .width-2-2-pc {
    width: 100%; }
  .width-2-3-pc {
    width: 100%; }
  .width-2-4-pc {
    width: 100%; }
  .width-2-5-pc {
    width: 100%; }
  .width-2-6-pc {
    width: 100%; }
  .width-2-7-pc {
    width: 100%; }
  .width-2-8-pc {
    width: 100%; }
  .width-2-9-pc {
    width: 100%; }
  .width-2-10-pc {
    width: 100%; }
  .width-3-3-pc {
    width: 100%; }
  .width-3-4-pc {
    width: 100%; }
  .width-3-5-pc {
    width: 100%; }
  .width-3-6-pc {
    width: 100%; }
  .width-3-7-pc {
    width: 100%; }
  .width-3-8-pc {
    width: 100%; }
  .width-3-9-pc {
    width: 100%; }
  .width-3-10-pc {
    width: 100%; }
  .width-4-4-pc {
    width: 100%; }
  .width-4-5-pc {
    width: 100%; }
  .width-4-6-pc {
    width: 100%; }
  .width-4-7-pc {
    width: 100%; }
  .width-4-8-pc {
    width: 100%; }
  .width-4-9-pc {
    width: 100%; }
  .width-4-10-pc {
    width: 100%; }
  .width-5-5-pc {
    width: 100%; }
  .width-5-6-pc {
    width: 100%; }
  .width-5-7-pc {
    width: 100%; }
  .width-5-8-pc {
    width: 100%; }
  .width-5-9-pc {
    width: 100%; }
  .width-5-10-pc {
    width: 100%; }
  .width-6-6-pc {
    width: 100%; }
  .width-6-7-pc {
    width: 100%; }
  .width-6-8-pc {
    width: 100%; }
  .width-6-9-pc {
    width: 100%; }
  .width-6-10-pc {
    width: 100%; }
  .width-7-7-pc {
    width: 100%; }
  .width-7-8-pc {
    width: 100%; }
  .width-7-9-pc {
    width: 100%; }
  .width-7-10-pc {
    width: 100%; }
  .width-8-8-pc {
    width: 100%; }
  .width-8-9-pc {
    width: 100%; }
  .width-8-10-pc {
    width: 100%; }
  .width-9-9-pc {
    width: 100%; }
  .width-9-10-pc {
    width: 100%; }
  .width-10-10-pc {
    width: 100%; } }

@media (max-width: 567px) {
  .width-1-1-pc {
    width: 100%; }
  .width-1-2-pc {
    width: 100%; }
  .width-1-3-pc {
    width: 100%; }
  .width-1-4-pc {
    width: 100%; }
  .width-1-5-pc {
    width: 100%; }
  .width-1-6-pc {
    width: 100%; }
  .width-1-7-pc {
    width: 100%; }
  .width-1-8-pc {
    width: 100%; }
  .width-1-9-pc {
    width: 100%; }
  .width-1-10-pc {
    width: 100%; }
  .width-2-2-pc {
    width: 100%; }
  .width-2-3-pc {
    width: 100%; }
  .width-2-4-pc {
    width: 100%; }
  .width-2-5-pc {
    width: 100%; }
  .width-2-6-pc {
    width: 100%; }
  .width-2-7-pc {
    width: 100%; }
  .width-2-8-pc {
    width: 100%; }
  .width-2-9-pc {
    width: 100%; }
  .width-2-10-pc {
    width: 100%; }
  .width-3-3-pc {
    width: 100%; }
  .width-3-4-pc {
    width: 100%; }
  .width-3-5-pc {
    width: 100%; }
  .width-3-6-pc {
    width: 100%; }
  .width-3-7-pc {
    width: 100%; }
  .width-3-8-pc {
    width: 100%; }
  .width-3-9-pc {
    width: 100%; }
  .width-3-10-pc {
    width: 100%; }
  .width-4-4-pc {
    width: 100%; }
  .width-4-5-pc {
    width: 100%; }
  .width-4-6-pc {
    width: 100%; }
  .width-4-7-pc {
    width: 100%; }
  .width-4-8-pc {
    width: 100%; }
  .width-4-9-pc {
    width: 100%; }
  .width-4-10-pc {
    width: 100%; }
  .width-5-5-pc {
    width: 100%; }
  .width-5-6-pc {
    width: 100%; }
  .width-5-7-pc {
    width: 100%; }
  .width-5-8-pc {
    width: 100%; }
  .width-5-9-pc {
    width: 100%; }
  .width-5-10-pc {
    width: 100%; }
  .width-6-6-pc {
    width: 100%; }
  .width-6-7-pc {
    width: 100%; }
  .width-6-8-pc {
    width: 100%; }
  .width-6-9-pc {
    width: 100%; }
  .width-6-10-pc {
    width: 100%; }
  .width-7-7-pc {
    width: 100%; }
  .width-7-8-pc {
    width: 100%; }
  .width-7-9-pc {
    width: 100%; }
  .width-7-10-pc {
    width: 100%; }
  .width-8-8-pc {
    width: 100%; }
  .width-8-9-pc {
    width: 100%; }
  .width-8-10-pc {
    width: 100%; }
  .width-9-9-pc {
    width: 100%; }
  .width-9-10-pc {
    width: 100%; }
  .width-10-10-pc {
    width: 100%; } }

@media (min-width: 568px) and (max-width: 767px) {
  .width-1-1-sp {
    width: 100%; }
    .width-1-1-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-1-2-sp {
    width: 50%; }
    .width-1-2-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-1-3-sp {
    width: 33.33333%; }
    .width-1-3-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-1-4-sp {
    width: 25%; }
    .width-1-4-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-1-5-sp {
    width: 20%; }
    .width-1-5-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-1-6-sp {
    width: 16.66667%; }
    .width-1-6-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-1-7-sp {
    width: 14.28571%; }
    .width-1-7-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-1-8-sp {
    width: 12.5%; }
    .width-1-8-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-1-9-sp {
    width: 11.11111%; }
    .width-1-9-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-1-10-sp {
    width: 10%; }
    .width-1-10-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-2-2-sp {
    width: 100%; }
    .width-2-2-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-2-3-sp {
    width: 66.66667%; }
    .width-2-3-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-2-4-sp {
    width: 50%; }
    .width-2-4-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-2-5-sp {
    width: 40%; }
    .width-2-5-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-2-6-sp {
    width: 33.33333%; }
    .width-2-6-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-2-7-sp {
    width: 28.57143%; }
    .width-2-7-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-2-8-sp {
    width: 25%; }
    .width-2-8-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-2-9-sp {
    width: 22.22222%; }
    .width-2-9-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-2-10-sp {
    width: 20%; }
    .width-2-10-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-3-3-sp {
    width: 100%; }
    .width-3-3-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-3-4-sp {
    width: 75%; }
    .width-3-4-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-3-5-sp {
    width: 60%; }
    .width-3-5-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-3-6-sp {
    width: 50%; }
    .width-3-6-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-3-7-sp {
    width: 42.85714%; }
    .width-3-7-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-3-8-sp {
    width: 37.5%; }
    .width-3-8-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-3-9-sp {
    width: 33.33333%; }
    .width-3-9-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-3-10-sp {
    width: 30%; }
    .width-3-10-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-4-4-sp {
    width: 100%; }
    .width-4-4-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-4-5-sp {
    width: 80%; }
    .width-4-5-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-4-6-sp {
    width: 66.66667%; }
    .width-4-6-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-4-7-sp {
    width: 57.14286%; }
    .width-4-7-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-4-8-sp {
    width: 50%; }
    .width-4-8-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-4-9-sp {
    width: 44.44444%; }
    .width-4-9-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-4-10-sp {
    width: 40%; }
    .width-4-10-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-5-5-sp {
    width: 100%; }
    .width-5-5-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-5-6-sp {
    width: 83.33333%; }
    .width-5-6-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-5-7-sp {
    width: 71.42857%; }
    .width-5-7-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-5-8-sp {
    width: 62.5%; }
    .width-5-8-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-5-9-sp {
    width: 55.55556%; }
    .width-5-9-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-5-10-sp {
    width: 50%; }
    .width-5-10-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-6-6-sp {
    width: 100%; }
    .width-6-6-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-6-7-sp {
    width: 85.71429%; }
    .width-6-7-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-6-8-sp {
    width: 75%; }
    .width-6-8-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-6-9-sp {
    width: 66.66667%; }
    .width-6-9-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-6-10-sp {
    width: 60%; }
    .width-6-10-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-7-7-sp {
    width: 100%; }
    .width-7-7-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-7-8-sp {
    width: 87.5%; }
    .width-7-8-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-7-9-sp {
    width: 77.77778%; }
    .width-7-9-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-7-10-sp {
    width: 70%; }
    .width-7-10-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-8-8-sp {
    width: 100%; }
    .width-8-8-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-8-9-sp {
    width: 88.88889%; }
    .width-8-9-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-8-10-sp {
    width: 80%; }
    .width-8-10-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-9-9-sp {
    width: 100%; }
    .width-9-9-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-9-10-sp {
    width: 90%; }
    .width-9-10-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-10-10-sp {
    width: 100%; }
    .width-10-10-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; } }

@media (max-width: 567px) {
  .width-1-1-sp {
    width: 100%; }
    .width-1-1-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-1-2-sp {
    width: 50%; }
    .width-1-2-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-1-3-sp {
    width: 33.33333%; }
    .width-1-3-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-1-4-sp {
    width: 25%; }
    .width-1-4-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-1-5-sp {
    width: 20%; }
    .width-1-5-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-1-6-sp {
    width: 16.66667%; }
    .width-1-6-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-1-7-sp {
    width: 14.28571%; }
    .width-1-7-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-1-8-sp {
    width: 12.5%; }
    .width-1-8-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-1-9-sp {
    width: 11.11111%; }
    .width-1-9-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-1-10-sp {
    width: 10%; }
    .width-1-10-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-2-2-sp {
    width: 100%; }
    .width-2-2-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-2-3-sp {
    width: 66.66667%; }
    .width-2-3-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-2-4-sp {
    width: 50%; }
    .width-2-4-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-2-5-sp {
    width: 40%; }
    .width-2-5-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-2-6-sp {
    width: 33.33333%; }
    .width-2-6-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-2-7-sp {
    width: 28.57143%; }
    .width-2-7-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-2-8-sp {
    width: 25%; }
    .width-2-8-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-2-9-sp {
    width: 22.22222%; }
    .width-2-9-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-2-10-sp {
    width: 20%; }
    .width-2-10-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-3-3-sp {
    width: 100%; }
    .width-3-3-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-3-4-sp {
    width: 75%; }
    .width-3-4-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-3-5-sp {
    width: 60%; }
    .width-3-5-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-3-6-sp {
    width: 50%; }
    .width-3-6-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-3-7-sp {
    width: 42.85714%; }
    .width-3-7-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-3-8-sp {
    width: 37.5%; }
    .width-3-8-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-3-9-sp {
    width: 33.33333%; }
    .width-3-9-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-3-10-sp {
    width: 30%; }
    .width-3-10-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-4-4-sp {
    width: 100%; }
    .width-4-4-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-4-5-sp {
    width: 80%; }
    .width-4-5-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-4-6-sp {
    width: 66.66667%; }
    .width-4-6-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-4-7-sp {
    width: 57.14286%; }
    .width-4-7-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-4-8-sp {
    width: 50%; }
    .width-4-8-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-4-9-sp {
    width: 44.44444%; }
    .width-4-9-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-4-10-sp {
    width: 40%; }
    .width-4-10-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-5-5-sp {
    width: 100%; }
    .width-5-5-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-5-6-sp {
    width: 83.33333%; }
    .width-5-6-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-5-7-sp {
    width: 71.42857%; }
    .width-5-7-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-5-8-sp {
    width: 62.5%; }
    .width-5-8-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-5-9-sp {
    width: 55.55556%; }
    .width-5-9-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-5-10-sp {
    width: 50%; }
    .width-5-10-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-6-6-sp {
    width: 100%; }
    .width-6-6-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-6-7-sp {
    width: 85.71429%; }
    .width-6-7-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-6-8-sp {
    width: 75%; }
    .width-6-8-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-6-9-sp {
    width: 66.66667%; }
    .width-6-9-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-6-10-sp {
    width: 60%; }
    .width-6-10-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-7-7-sp {
    width: 100%; }
    .width-7-7-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-7-8-sp {
    width: 87.5%; }
    .width-7-8-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-7-9-sp {
    width: 77.77778%; }
    .width-7-9-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-7-10-sp {
    width: 70%; }
    .width-7-10-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-8-8-sp {
    width: 100%; }
    .width-8-8-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-8-9-sp {
    width: 88.88889%; }
    .width-8-9-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-8-10-sp {
    width: 80%; }
    .width-8-10-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-9-9-sp {
    width: 100%; }
    .width-9-9-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-9-10-sp {
    width: 90%; }
    .width-9-10-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; }
  .width-10-10-sp {
    width: 100%; }
    .width-10-10-sp p {
      text-align: center;
      font-size: medium;
      box-sizing: border-box; } }

.shadow {
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  border: 1px solid #dedede; }

.radius {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }

.no-line-style {
  list-style-type: none !important; }

.kl-seclect .row {
  margin: 0px; }

.kl-seclect .kl-seclect__form .kl-seclect__title {
  width: 30%;
  float: left;
  font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 16px;
  text-align: center;
  border: 1px solid #ccc;
  border-right: 0;
  padding: 5px 0; }

.kl-seclect .kl-seclect__form .form-control {
  width: 70%;
  float: left;
  padding-right: 40px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -opera-border-radius: 0; }

.kl-seclect [class^='col-'] {
  width: 100%;
  padding: 0;
  float: left; }

@media all and (min-width: 768px) {
  .kl-seclect [class^='col-'] {
    width: 50%;
    float: left; }
  .kl-seclect [class^='col-']:first-child {
    padding-right: 0; }
  .kl-seclect [class^='col-']:last-child {
    padding-left: 0; } }

.title-ticket {
  font-size: 16px;
  font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  padding: 10px 0; }
  .title-ticket span:last-child {
    color: #13339c;
    margin-left: 10px; }

/*
  全体にかかる 基本要素および、基本classのみを定義します
*/
:root {
  background-color: white;
  color: black; }

html {
  background-color: white;
  color: black; }

body {
  font-family: "hirakaku-w3", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  word-break: break-word; }

body.fixed-header {
  padding-top: 73px; }

header.header.fixed-header {
  position: fixed;
  width: 100%;
  border-bottom: 1px solid #333333;
  top: 0;
  z-index: 9998;
  background: white; }

.overflow-lock {
  overflow: hidden !important; }

.overflow-auto {
  overflow: auto; }

.overflow-scroll {
  overflow: scroll; }

.disp-none {
  display: none; }

.position-fixed {
  position: fixed; }

.inner {
  margin: 0 auto;
  position: relative;
  width: 100%;
  margin: 0px auto;
  max-width: 1280px; }
  @media (min-width: 568px) and (max-width: 767px) {
    .inner {
      margin: 0 2%;
      width: 96%; } }
  @media (max-width: 567px) {
    .inner {
      margin: 0 2%;
      width: 96%; } }

@media (min-width: 568px) and (max-width: 767px) {
  header .inner {
    margin: 1%;
    width: 97%; } }

@media (max-width: 567px) {
  header .inner {
    margin: 1%;
    width: 97%; } }

.t-inner {
  margin: 0 auto;
  position: relative;
  max-width: 960px;
  margin: auto 15px; }
  @media all and (min-width: 1024px) {
    .t-inner {
      margin: 0px auto; } }

.news-info .t-inner {
  margin: 0px auto; }

.animatepulse {
  animation-duration: 2s;
  animation-delay: 300ms;
  animation-iteration-count: infinite;
  animation-name: pulse; }

rt {
  font-size: 8px;
  font-size: 0.8rem;
  line-height: 12px;
  line-height: 1.2rem;
  font-size: 10px;
  font-size: 1rem; }
  @media (min-width: 568px) and (max-width: 767px) {
    rt {
      font-size: 6.4px;
      font-size: 0.64rem;
      line-height: 9.6px;
      line-height: 0.96rem; } }
  @media (max-width: 567px) {
    rt {
      font-size: 5.2px;
      font-size: 0.52rem;
      line-height: 7.8px;
      line-height: 0.78rem; } }
  @media (min-width: 568px) and (max-width: 767px) {
    rt {
      font-size: 7.5px;
      font-size: 0.8rem; } }
  @media (max-width: 567px) {
    rt {
      font-size: 6.5px;
      font-size: 0.65rem; } }

.no-border {
  border: 0px !important; }

.object-fit-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  font-family: 'object-fit: contain; object-position: center;'; }

.max-fit-img {
  width: auto;
  max-width: 100%; }

.news-inportant {
  padding-top: 30px !important; }
  @media (min-width: 568px) and (max-width: 767px) {
    .news-inportant {
      padding-top: 10px !important; } }
  @media (max-width: 567px) {
    .news-inportant {
      padding-top: 10px !important; } }

@media (min-width: 568px) and (max-width: 767px) {
  a[href^="tel:"] {
    cursor: default; } }

@media (max-width: 567px) {
  a[href^="tel:"] {
    cursor: default; } }

.text-link a {
  color: #13339c; }

.text-link:hover {
  opacity: .9; }

a.text-link {
  color: #13339c; }
  a.text-link:hover {
    opacity: .9; }

a img {
  opacity: 1; }
  a img:hover {
    opacity: .9; }

.no-decoration-anchor {
  text-decoration: none; }

a.circle {
  box-shadow: 0 0 0 4px white;
  -webkit-transition: background 0.2s, color 0.2s;
  -moz-transition: background 0.2s, color 0.2s;
  transition: background 0.2s, color 0.2s;
  display: inline-block;
  font-size: 40px;
  cursor: pointer;
  margin: 15px 30px;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  text-align: center;
  position: relative;
  z-index: 1;
  color: #fff;
  background-color: red;
  padding-top: 15px; }
  a.circle.clear {
    background-color: blue; }

a.line-wide {
  position: relative;
  display: inline-block;
  padding: .4em;
  text-decoration: none; }
  a.line-wide:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    transform: scaleX(0);
    background-color: red;
    transition: all .3s ease; }
  a.line-wide:hover::after {
    transform: scaleX(1); }

.anchorblock {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .anchorblock a {
    padding: 16px 20px;
    font-size: 14px;
    color: #ffffff;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    background: #3db2e1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    color: #dff2fa; }
    .anchorblock a:hover {
      color: #dff2fa;
      -webkit-transform: rotateX(90deg) translateY(-23px);
      -moz-transform: rotateX(90deg) translateY(-23px);
      transform: rotateX(90deg) translateY(-23px);
      -ms-transform: none; }
    .anchorblock a:before {
      position: absolute;
      top: 100%;
      left: 0;
      z-index: -1;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      height: 100%;
      padding: 16px 20px;
      color: #dff2fa;
      background: #19799f;
      content: attr(data-title);
      -webkit-transition: background 0.3s;
      -moz-transition: background 0.3s;
      transition: background 0.3s;
      -webkit-transform: rotateX(-90deg);
      -moz-transform: rotateX(-90deg);
      transform: rotateX(-90deg);
      -webkit-transform-origin: 50% 0;
      -moz-transform-origin: 50% 0;
      transform-origin: 50% 0;
      -ms-transform: translateY(18px);
      background: #3db2e1; }

h1, h2, h3, h4, h5 {
  font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  margin: 0px; }

h1 {
  font-size: 32px; }

h2 {
  font-size: 28px; }

h3 {
  font-size: 24px; }

.section-title h3 {
  font-size: 16px;
  line-height: 1.6; }

h4 {
  font-size: 20px; }

h5 {
  font-size: 16px; }
  h5:after {
    border: 1px solid silver; }

nav.navigation {
  background-color: #EEEEEE;
  padding-left: 9px;
  border-bottom: 1px solid silver; }
  nav.navigation ul {
    width: 100%;
    list-style: none;
    display: block;
    border: none;
    padding-top: 7px;
    padding-bottom: 0px;
    display: inline-block;
    margin-bottom: 1px; }
    nav.navigation ul li {
      float: left;
      border-right: 1px solid silver;
      padding: 3px; }
      nav.navigation ul li:first-child {
        padding-left: 0px; }
        nav.navigation ul li:first-child a {
          padding-left: 0px; }
      nav.navigation ul li:last-child {
        border-right: none; }
      nav.navigation ul li a {
        width: 100%;
        color: #337ab7;
        padding-left: 7px;
        padding-right: 4px; }
    nav.navigation ul .active:hover {
      opacity: .9; }

.navigation ul .active a {
  color: #18c06f; }

.play.navigation ul .active a {
  color: #fd7343; }

.cinema.navigation ul .active a {
  color: #4ed2c4; }

.entertainment.navigation ul .active a {
  color: #f5af40; }

.city.navigation ul .active a {
  color: #56afea; }

.control-lang {
  display: none;
  float: left;
  padding: 13px 0;
  font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  margin-right: 20px; }
  .control-lang .lang a:hover {
    text-decoration: none; }
  .control-lang .lang a:before {
    content: "\f054";
    font-family: FontAwesome;
    display: inline-block;
    font-size: 10px;
    padding-right: 5px; }
  .control-lang .lang a:first-child {
    padding-right: 20px; }
  .control-lang .font-size {
    font-size: 12px;
    padding-top: 3px; }
    .control-lang .font-size span {
      margin-right: 10px;
      vertical-align: middle; }
    .control-lang .font-size ul li {
      border: 1px solid #cccccc;
      margin-left: 4px; }
      .control-lang .font-size ul li:hover {
        opacity: .9;
        text-decoration: none; }
      .control-lang .font-size ul li.active a {
        background: #cecece;
        border-radius: 0; }
    .control-lang .font-size .nav > li > a {
      padding: 0 14px; }
    .control-lang .font-size .nav-tabs {
      border: none; }
      .control-lang .font-size .nav-tabs > li > a {
        margin: 0;
        border: none; }
      .control-lang .font-size .nav-tabs > li.active a {
        border: none; }
    .control-lang .font-size ul.font-size__list {
      display: inline-block;
      vertical-align: middle; }

p.worlds-close {
  position: absolute;
  top: -20px;
  right: 0px;
  margin: 0;
  background: black;
  font-size: 9px;
  text-transform: uppercase;
  display: none;
  padding: 48px 15px 10px 19px; }
  p.worlds-close:before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 3px;
    transform: rotate(45deg);
    background: #fff;
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    margin: auto; }
  p.worlds-close:after {
    content: '';
    display: inline-block;
    width: 30px;
    height: 3px;
    transform: rotate(-45deg);
    background: #fff;
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    margin: auto; }
  p.worlds-close:hover {
    opacity: .9; }

.worlds-fullscreen {
  padding: 13px 0;
  color: #fff;
  display: inline-block;
  float: left; }
  .worlds-fullscreen .button_worlds {
    cursor: pointer;
    transition: opacity .25s ease;
    vertical-align: middle;
    position: relative; }
    .worlds-fullscreen .button_worlds.active .top {
      transform: translateY(10px) translateX(0) rotate(45deg);
      background: #fff; }
    .worlds-fullscreen .button_worlds.active .middle {
      opacity: 0;
      background: #fff; }
    .worlds-fullscreen .button_worlds.active .bottom {
      transform: translateY(-10px) translateX(0) rotate(-45deg);
      background: #fff; }
    .worlds-fullscreen .button_worlds span {
      background: #fff;
      border: none;
      height: 3px;
      width: 42%;
      position: absolute;
      top: 16px;
      right: 0;
      left: 0;
      transition: all .35s ease;
      cursor: pointer;
      margin: auto; }
      .worlds-fullscreen .button_worlds span:nth-of-type(2) {
        top: 26px; }
      .worlds-fullscreen .button_worlds span:nth-of-type(3) {
        top: 36px; }
    .worlds-fullscreen .button_worlds p.worlds-open {
      font-size: 16px;
      padding: 11px 25px;
      background: #333333;
      margin: auto;
      border-radius: 4px; }
      .worlds-fullscreen .button_worlds p.worlds-open:after {
        content: '';
        position: absolute;
        display: block;
        width: 8px;
        height: 8px;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        border: solid 1px #fff;
        border-bottom: transparent;
        border-left: transparent;
        top: 0;
        bottom: 0;
        right: 10px;
        margin: auto; }
  .worlds-fullscreen .overlay-worlds {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s, visibility .35s, height .35s;
    background: transparent;
    overflow-y: scroll;
    z-index: 99; }
    .worlds-fullscreen .overlay-worlds.open {
      padding-top: 40px;
      background: rgba(0, 0, 0, 0.7);
      opacity: 1;
      visibility: visible;
      height: auto; }
      .worlds-fullscreen .overlay-worlds.open li {
        animation: fadeInRight .5s ease forwards;
        animation-delay: .35s; }
        .worlds-fullscreen .overlay-worlds.open li:nth-of-type(2) {
          animation-delay: .4s; }
        .worlds-fullscreen .overlay-worlds.open li:nth-of-type(3) {
          animation-delay: .45s; }
        .worlds-fullscreen .overlay-worlds.open li:nth-of-type(4) {
          animation-delay: .50s; }
    .worlds-fullscreen .overlay-worlds nav {
      position: relative;
      width: auto;
      margin: auto;
      background: #ffffff;
      padding-bottom: 20px; }
      .worlds-fullscreen .overlay-worlds nav .overlay-nav-content {
        width: 100%; }
        .worlds-fullscreen .overlay-worlds nav .overlay-nav-content .overlay-nav-info {
          margin-bottom: 15px; }
          .worlds-fullscreen .overlay-worlds nav .overlay-nav-content .overlay-nav-info .overlay-nav-img {
            width: 55%;
            height: 143px;
            display: table-cell;
            float: none;
            vertical-align: middle; }
          .worlds-fullscreen .overlay-worlds nav .overlay-nav-content .overlay-nav-info .overlay-nav-desc {
            width: 45%;
            height: 143px;
            display: table-cell;
            float: none;
            vertical-align: middle;
            text-align: center; }
            .worlds-fullscreen .overlay-worlds nav .overlay-nav-content .overlay-nav-info .overlay-nav-desc span {
              font-size: 16px;
              font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; }
          .worlds-fullscreen .overlay-worlds nav .overlay-nav-content .overlay-nav-info .overlay-nav-desc-state {
            background: #fe7343; }
          .worlds-fullscreen .overlay-worlds nav .overlay-nav-content .overlay-nav-info .overlay-nav-desc-cinema {
            background: #4ed2c4; }
          .worlds-fullscreen .overlay-worlds nav .overlay-nav-content .overlay-nav-info .overlay-nav-desc-entertainment {
            background: #f4bd2a; }
          .worlds-fullscreen .overlay-worlds nav .overlay-nav-content .overlay-nav-info .overlay-nav-desc-city {
            background: #56afea; }
          .worlds-fullscreen .overlay-worlds nav .overlay-nav-content .overlay-nav-info h4.title {
            font-size: 16px; }
        .worlds-fullscreen .overlay-worlds nav .overlay-nav-content .overlay-nav-content-btn a {
          width: 100%;
          font-size: 14px;
          margin-bottom: 10px; }
        .worlds-fullscreen .overlay-worlds nav .overlay-nav-content .overlay-nav-content-btn .row [class^='col-']:nth-child(odd) {
          padding-right: 15px; }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%; }
  100% {
    opacity: 1;
    left: 0; } }

.nav-fullscreen {
  border: none;
  padding: 35px 35px;
  color: #fff;
  border-radius: 0;
  display: inline-block;
  position: relative;
  vertical-align: middle; }
  .nav-fullscreen .button_nav {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 27px;
    width: 35px;
    margin: auto;
    cursor: pointer;
    transition: opacity .25s ease;
    padding: 35px 35px; }
    .nav-fullscreen .button_nav .nav-close {
      display: none; }
    .nav-fullscreen .button_nav:hover {
      opacity: .9; }
    .nav-fullscreen .button_nav.active {
      display: none; }
      .nav-fullscreen .button_nav.active .top {
        transform: translateY(10px) translateX(0) rotate(45deg); }
      .nav-fullscreen .button_nav.active .middle {
        opacity: 0; }
      .nav-fullscreen .button_nav.active .bottom {
        transform: translateY(-10px) translateX(0) rotate(-45deg); }
    .nav-fullscreen .button_nav span {
      background: black;
      border: none;
      height: 3px;
      width: 42%;
      position: absolute;
      top: 16px;
      right: 0;
      left: 0;
      transition: all .35s ease;
      cursor: pointer;
      margin: auto; }
      .nav-fullscreen .button_nav span:nth-of-type(2) {
        top: 26px; }
      .nav-fullscreen .button_nav span:nth-of-type(3) {
        top: 36px; }
    .nav-fullscreen .button_nav p {
      font-size: 9px;
      position: absolute;
      bottom: 12px;
      left: 20px;
      margin: auto;
      color: black;
      text-transform: uppercase; }
  .nav-fullscreen .overlay-nav {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s, visibility .35s, height .35s;
    background: transparent;
    overflow-y: scroll;
    z-index: 99; }
    .nav-fullscreen .overlay-nav.open {
      padding-top: 40px;
      background: rgba(0, 0, 0, 0.7);
      opacity: 1;
      visibility: visible;
      height: auto; }
    .nav-fullscreen .overlay-nav .nav-pc {
      background: #ffffff; }
      .nav-fullscreen .overlay-nav .nav-pc .overlay-nav-content {
        width: 100%; }
        .nav-fullscreen .overlay-nav .nav-pc .overlay-nav-content .overlay-nav-head {
          padding: 10px 0; }
          .nav-fullscreen .overlay-nav .nav-pc .overlay-nav-content .overlay-nav-head .overlay-nav-btn .title {
            display: inline-block; }
          .nav-fullscreen .overlay-nav .nav-pc .overlay-nav-content .overlay-nav-head .menu-search {
            font-size: 16px;
            color: #404040;
            position: relative;
            display: table; }
            .nav-fullscreen .overlay-nav .nav-pc .overlay-nav-content .overlay-nav-head .menu-search .search-input {
              position: absolute;
              top: 13px;
              left: 12px;
              margin: 0;
              color: #b0b0b0; }
            .nav-fullscreen .overlay-nav .nav-pc .overlay-nav-content .overlay-nav-head .menu-search input {
              padding: 13px 15px 13px 35px;
              width: 73%;
              float: left;
              outline: none;
              border-radius: 4px;
              -moz-border-radius: 4px;
              -webkit-border-radius: 4px;
              -opera-border-radius: 4px;
              border: 1px solid #cccccc;
              box-shadow: inset 2px 2px 2px rgba(204, 204, 204, 0.5);
              -webkit-box-shadow: inset 2px 2px 2px rgba(204, 204, 204, 0.5);
              -moz-box-shadow: inset 2px 2px 2px rgba(204, 204, 204, 0.5); }
        .nav-fullscreen .overlay-nav .nav-pc .overlay-nav-content .overlay-nav-navigation .navigation {
          position: relative; }
        .nav-fullscreen .overlay-nav .nav-pc .overlay-nav-content .overlay-nav-img {
          padding: 15px; }
        .nav-fullscreen .overlay-nav .nav-pc .overlay-nav-content .overlay-nav-content-btn a {
          width: 100%;
          font-size: 14px;
          margin-bottom: 10px; }
        .nav-fullscreen .overlay-nav .nav-pc .overlay-nav-content .overlay-nav-content-btn .row [class^='col-']:nth-child(odd) {
          padding-right: 15px; }
    .nav-fullscreen .overlay-nav .nav-sp {
      background: #ffffff;
      margin: auto;
      padding-bottom: 20px;
      position: relative; }
      .nav-fullscreen .overlay-nav .nav-sp .overlay-nav-content .title {
        padding: 20px 15px;
        font-size: 18px;
        margin: 0; }
      .nav-fullscreen .overlay-nav .nav-sp .nav a, .nav-fullscreen .overlay-nav .nav-sp .nav label {
        display: block;
        padding: 15px;
        margin: 0;
        color: #000000;
        font-weight: bold;
        border-bottom: 1px solid #cccccc;
        transition: all 0.25s ease-in;
        -moz-transition: all 0.25s ease-in;
        -o-transition: all 0.25s ease-in;
        -webkit-transition: all 0.25s ease-in; }
      .nav-fullscreen .overlay-nav .nav-sp .nav label {
        cursor: pointer;
        position: relative; }
        .nav-fullscreen .overlay-nav .nav-sp .nav label:after {
          content: '';
          position: absolute;
          height: 2px;
          width: 12px;
          background: #000000;
          right: 15px;
          top: 46%;
          display: none; }
      .nav-fullscreen .overlay-nav .nav-sp .nav label > span {
        float: right;
        transition: 0.65s ease;
        -moz-transition: 0.65s ease;
        -o-transition: 0.65s ease;
        -webkit-transition: 0.65s ease; }
      .nav-fullscreen .overlay-nav .nav-sp .nav a:hover, .nav-fullscreen .overlay-nav .nav-sp .nav a:focus, .nav-fullscreen .overlay-nav .nav-sp .nav label:hover, .nav-fullscreen .overlay-nav .nav-sp .nav label:focus {
        opacity: .9; }
      .nav-fullscreen .overlay-nav .nav-sp .nav .nav__list li {
        display: table;
        width: 100%; }
      .nav-fullscreen .overlay-nav .nav-sp .nav .nav__list .fa-angle-right {
        font-size: 18px; }
      .nav-fullscreen .overlay-nav .nav-sp .nav .nav__list input[type=checkbox]:checked + label + ul {
        /* reset the height when checkbox is checked */
        max-height: 1000px; }
      .nav-fullscreen .overlay-nav .nav-sp .nav .nav__list input[type=checkbox]:checked + label > span {
        display: none; }
      .nav-fullscreen .overlay-nav .nav-sp .nav .nav__list input[type=checkbox]:checked + label:after {
        display: block; }
      .nav-fullscreen .overlay-nav .nav-sp .nav .nav__list .nav__list-col {
        width: 50%;
        float: left; }
        .nav-fullscreen .overlay-nav .nav-sp .nav .nav__list .nav__list-col label {
          background-color: transparent; }
        .nav-fullscreen .overlay-nav .nav-sp .nav .nav__list .nav__list-col a {
          border-bottom: none;
          padding: 0; }
      .nav-fullscreen .overlay-nav .nav-sp .nav .nav__list .nav__list-col-left {
        border-right: 1px solid #cccccc; }
      .nav-fullscreen .overlay-nav .nav-sp .nav .nav__list .control-lang-footer li {
        width: 50%;
        float: left;
        position: relative; }
        .nav-fullscreen .overlay-nav .nav-sp .nav .nav__list .control-lang-footer li:after {
          width: 7px;
          height: 7px;
          border: solid 1px #cccccc;
          content: '';
          position: absolute;
          display: block;
          -moz-transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
          border-bottom: transparent;
          border-left: transparent;
          top: 0;
          bottom: 0;
          right: 15px;
          margin: auto;
          -moz-transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
      .nav-fullscreen .overlay-nav .nav-sp .nav .nav__list .control-lang-footer li:first-child {
        border-right: 1px solid #cccccc; }
      .nav-fullscreen .overlay-nav .nav-sp .nav .group-list {
        height: 100%;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height .5s ease-in-out;
        transition: max-height .5s ease-in-out; }
        .nav-fullscreen .overlay-nav .nav-sp .nav .group-list li a {
          padding-left: 20px; }
        .nav-fullscreen .overlay-nav .nav-sp .nav .group-list li:nth-child(even) {
          border-left: 1px solid #cccccc; }
        .nav-fullscreen .overlay-nav .nav-sp .nav .group-list a {
          color: #13339c; }
        .nav-fullscreen .overlay-nav .nav-sp .nav .group-list a:hover, .nav-fullscreen .overlay-nav .nav-sp .nav .group-list a:focus, .nav-fullscreen .overlay-nav .nav-sp .nav .group-list label:hover, .nav-fullscreen .overlay-nav .nav-sp .nav .group-list label:focus {
          opacity: .9; }
      .nav-fullscreen .overlay-nav .nav-sp .nav .menu-search {
        font-size: 16px;
        color: #404040;
        display: table;
        width: 100%;
        padding: 15px;
        background: #ccc; }
        .nav-fullscreen .overlay-nav .nav-sp .nav .menu-search form {
          position: relative; }
        .nav-fullscreen .overlay-nav .nav-sp .nav .menu-search .search-input {
          position: absolute;
          top: 10px;
          left: 12px;
          margin: 0;
          color: #b0b0b0;
          padding: 0;
          border-bottom: none; }
        .nav-fullscreen .overlay-nav .nav-sp .nav .menu-search input {
          padding: 0;
          padding-left: 40px;
          font-size: 16px;
          width: 100%;
          clear: both;
          outline: none;
          border-radius: 2px;
          -moz-border-radius: 2px;
          -webkit-border-radius: 2px;
          -opera-border-radius: 2px;
          border: 1px solid #cccccc; }
      .nav-fullscreen .overlay-nav .nav-sp .button_nav_close {
        position: relative;
        height: 27px;
        width: 35px;
        margin: auto;
        background: #0c985a;
        cursor: pointer;
        transition: opacity .25s ease;
        padding: 35px 35px;
        display: inline-block;
        float: right; }
        .nav-fullscreen .overlay-nav .nav-sp .button_nav_close span {
          background: #fff;
          border: none;
          height: 3px;
          width: 42%;
          position: absolute;
          top: 16px;
          right: 0;
          left: 0;
          transition: all .35s ease;
          cursor: pointer;
          margin: auto; }
          .nav-fullscreen .overlay-nav .nav-sp .button_nav_close span:nth-of-type(2) {
            top: 26px; }
          .nav-fullscreen .overlay-nav .nav-sp .button_nav_close span:nth-of-type(3) {
            top: 36px; }
        .nav-fullscreen .overlay-nav .nav-sp .button_nav_close p {
          font-size: 9px;
          position: absolute;
          bottom: 12px;
          left: 20px;
          margin: auto;
          text-transform: uppercase; }
      .nav-fullscreen .overlay-nav .nav-sp .w-close {
        margin: 20px auto;
        width: 80%;
        display: block; }
  .nav-fullscreen nav {
    top: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    position: absolute; }
    .nav-fullscreen nav .menu {
      position: fixed;
      top: 0;
      left: 0;
      bottom: 0;
      margin: 0;
      z-index: 1;
      width: 100%;
      padding: 0;
      overflow-y: scroll; }
  .nav-fullscreen .menu-toggle {
    width: 35px;
    height: 27px;
    cursor: pointer;
    position: absolute;
    background: #333333;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 35px 35px; }
    .nav-fullscreen .menu-toggle span {
      background: #ffffff;
      border: none;
      height: 3px;
      width: 42%;
      position: absolute;
      top: 26px;
      right: 0;
      left: 0;
      cursor: pointer;
      margin: auto;
      transition: background 0.3s ease-in-out;
      -moz-transition: background 0.3s ease-in-out;
      -o-transition: background 0.3s ease-in-out;
      -webkit-transition: background 0.3s ease-in-out; }
    .nav-fullscreen .menu-toggle .nav-open {
      display: block; }
    .nav-fullscreen .menu-toggle .nav-close {
      display: none; }
    .nav-fullscreen .menu-toggle p {
      font-size: 9px;
      position: absolute;
      bottom: 12px;
      left: 20px;
      margin: auto;
      text-transform: uppercase; }
    .nav-fullscreen .menu-toggle::before, .nav-fullscreen .menu-toggle::after {
      content: '';
      width: 42%;
      height: 3px;
      background: #ffffff;
      position: absolute;
      left: 29%;
      margin: auto;
      transform-origin: center center;
      transition: width 0.2s ease-in-out, background 0.2s ease-in-out, transform 0.2s ease-in-out, top 0.2s ease-in-out, bottom 0.2s ease-in-out, left 0.2s ease-in-out, right 0.2s ease-in-out;
      -webkit-transition: width 0.2s ease-in-out, background 0.2s ease-in-out, transform 0.2s ease-in-out, top 0.2s ease-in-out, bottom 0.2s ease-in-out, left 0.2s ease-in-out, right 0.2s ease-in-out;
      -moz-transition: width 0.2s ease-in-out, background 0.2s ease-in-out, transform 0.2s ease-in-out, top 0.2s ease-in-out, bottom 0.2s ease-in-out, left 0.2s ease-in-out, right 0.2s ease-in-out;
      -o-transition: width 0.2s ease-in-out, background 0.2s ease-in-out, transform 0.2s ease-in-out, top 0.2s ease-in-out, bottom 0.2s ease-in-out, left 0.2s ease-in-out, right 0.2s ease-in-out; }
    .nav-fullscreen .menu-toggle::before {
      top: 16px; }
    .nav-fullscreen .menu-toggle::after {
      top: 36px; }
    .nav-fullscreen .menu-toggle:hover span, .nav-fullscreen .menu-toggle:focus span, .nav-fullscreen .menu-toggle:active span {
      background: rgba(255, 255, 255, 0); }
    .nav-fullscreen .menu-toggle:hover::before, .nav-fullscreen .menu-toggle:focus::before, .nav-fullscreen .menu-toggle:active::before {
      left: 24%;
      -moz-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .nav-fullscreen .menu-toggle:hover::after, .nav-fullscreen .menu-toggle:focus::after, .nav-fullscreen .menu-toggle:active::after {
      right: 6%;
      -moz-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .nav-fullscreen .menu-toggle:hover::before, .nav-fullscreen .menu-toggle:hover::after, .nav-fullscreen .menu-toggle:focus::before, .nav-fullscreen .menu-toggle:focus::after, .nav-fullscreen .menu-toggle:active::before, .nav-fullscreen .menu-toggle:active::after {
      top: 25px;
      width: 23px; }
  .nav-fullscreen .menu-toggle-02 {
    width: 35px;
    height: 27px;
    cursor: pointer;
    position: absolute;
    background: #333333;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 35px 35px; }
    .nav-fullscreen .menu-toggle-02 p {
      font-size: 9px;
      position: absolute;
      bottom: 12px;
      left: 20px;
      margin: auto;
      text-transform: uppercase; }
    .nav-fullscreen .menu-toggle-02::before, .nav-fullscreen .menu-toggle-02::after {
      content: '';
      width: 42%;
      height: 3px;
      background: #ffffff;
      position: absolute;
      left: 29%;
      margin: auto;
      transform-origin: center center;
      transition: width 0.2s ease-in-out, background 0.2s ease-in-out, transform 0.2s ease-in-out, top 0.2s ease-in-out, bottom 0.2s ease-in-out, left 0.2s ease-in-out, right 0.2s ease-in-out;
      -webkit-transition: width 0.2s ease-in-out, background 0.2s ease-in-out, transform 0.2s ease-in-out, top 0.2s ease-in-out, bottom 0.2s ease-in-out, left 0.2s ease-in-out, right 0.2s ease-in-out;
      -moz-transition: width 0.2s ease-in-out, background 0.2s ease-in-out, transform 0.2s ease-in-out, top 0.2s ease-in-out, bottom 0.2s ease-in-out, left 0.2s ease-in-out, right 0.2s ease-in-out;
      -o-transition: width 0.2s ease-in-out, background 0.2s ease-in-out, transform 0.2s ease-in-out, top 0.2s ease-in-out, bottom 0.2s ease-in-out, left 0.2s ease-in-out, right 0.2s ease-in-out; }
    .nav-fullscreen .menu-toggle-02::before {
      top: 25px;
      -moz-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .nav-fullscreen .menu-toggle-02::after {
      top: 25px;
      -moz-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .nav-fullscreen .menu-toggle-02.menu-open span {
      background: rgba(255, 255, 255, 0); }
    .nav-fullscreen .menu-toggle-02.menu-open .nav-open {
      display: none; }
    .nav-fullscreen .menu-toggle-02.menu-open .nav-close {
      display: block; }
    .nav-fullscreen .menu-toggle-02.menu-open::before {
      -moz-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .nav-fullscreen .menu-toggle-02.menu-open::after {
      -moz-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .nav-fullscreen .menu-toggle-02.menu-open::before, .nav-fullscreen .menu-toggle-02.menu-open::after {
      width: 27px;
      top: 25px; }
    .nav-fullscreen .menu-toggle-02.menu-open:hover span, .nav-fullscreen .menu-toggle-02.menu-open:focus span, .nav-fullscreen .menu-toggle-02.menu-open:active span {
      background: rgba(255, 255, 255, 0); }
    .nav-fullscreen .menu-toggle-02.menu-open:hover::before, .nav-fullscreen .menu-toggle-02.menu-open:focus::before, .nav-fullscreen .menu-toggle-02.menu-open:active::before {
      transform: rotate(-45deg); }
    .nav-fullscreen .menu-toggle-02.menu-open:hover::after, .nav-fullscreen .menu-toggle-02.menu-open:focus::after, .nav-fullscreen .menu-toggle-02.menu-open:active::after {
      transform: rotate(45deg); }
    .nav-fullscreen .menu-toggle-02.menu-open:hover::before, .nav-fullscreen .menu-toggle-02.menu-open:hover::after, .nav-fullscreen .menu-toggle-02.menu-open:focus::before, .nav-fullscreen .menu-toggle-02.menu-open:focus::after, .nav-fullscreen .menu-toggle-02.menu-open:active::before, .nav-fullscreen .menu-toggle-02.menu-open:active::after {
      width: 23px;
      top: 25px; }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%; }
  100% {
    opacity: 1;
    left: 0; } }

@media all and (min-width: 375px) {
  .worlds-fullscreen .overlay-worlds nav {
    width: 375px; } }

@media all and (min-width: 480px) {
  .worlds-fullscreen .overlay-worlds nav {
    width: 480px; } }

@media all and (min-width: 768px) {
  .control-lang {
    display: block; }
  .worlds-fullscreen .button_worlds p.worlds-open {
    padding: 11px 47px; }
  .worlds-fullscreen .overlay-worlds nav {
    width: 768px; }
    .worlds-fullscreen .overlay-worlds nav .overlay-nav-content .overlay-nav-info .overlay-nav-img {
      height: 153px; }
      .worlds-fullscreen .overlay-worlds nav .overlay-nav-content .overlay-nav-info .overlay-nav-img img {
        height: 153px; }
    .worlds-fullscreen .overlay-worlds nav .overlay-nav-content .overlay-nav-info .overlay-nav-desc {
      height: 153px; }
    .worlds-fullscreen .overlay-worlds nav .overlay-nav-content .row [class^='col-']:nth-child(odd) {
      padding-right: 0; }
    .worlds-fullscreen .overlay-worlds nav .container {
      width: 768px; } }

@media all and (min-width: 992px) {
  p.worlds-close {
    right: -20px; }
  .worlds-fullscreen .overlay-worlds nav {
    width: 922px; }
    .worlds-fullscreen .overlay-worlds nav .overlay-nav-content .overlay-nav-info h4.title {
      font-size: 20px; }
    .worlds-fullscreen .overlay-worlds nav .overlay-nav-content .overlay-nav-info .overlay-nav-img {
      height: 193px; }
      .worlds-fullscreen .overlay-worlds nav .overlay-nav-content .overlay-nav-info .overlay-nav-img img {
        height: 193px; }
    .worlds-fullscreen .overlay-worlds nav .overlay-nav-content .overlay-nav-info .overlay-nav-desc {
      height: 193px; }
    .worlds-fullscreen .overlay-worlds nav .container {
      width: 910px; }
  .nav-fullscreen .overlay-nav .w-pc {
    width: 922px; }
  .nav-fullscreen .overlay-nav .nav-pc .overlay-nav-content .overlay-nav-head .overlay-nav-btn {
    display: table; }
    .nav-fullscreen .overlay-nav .nav-pc .overlay-nav-content .overlay-nav-head .overlay-nav-btn .title {
      font-size: 18px; }
    .nav-fullscreen .overlay-nav .nav-pc .overlay-nav-content .overlay-nav-head .overlay-nav-btn a.w-btn {
      display: table-cell;
      vertical-align: middle;
      padding: 14px 30px; }
  .nav-fullscreen .overlay-nav .nav-pc .overlay-nav-content .overlay-nav-head .row [class^='col-']:last-child {
    padding-left: 0; }
  .nav-fullscreen .overlay-nav .nav-pc .overlay-nav-content .overlay-nav-head .menu-search {
    width: 81%; }
    .nav-fullscreen .overlay-nav .nav-pc .overlay-nav-content .overlay-nav-head .menu-search .search-input {
      top: 14px; }
    .nav-fullscreen .overlay-nav .nav-pc .overlay-nav-content .overlay-nav-head .menu-search input {
      padding-top: 24px;
      padding-bottom: 24px;
      width: 100%; } }

@media all and (min-width: 1200px) {
  .worlds-fullscreen .overlay-worlds nav {
    width: 1130px; }
    .worlds-fullscreen .overlay-worlds nav .overlay-nav-content .overlay-nav-info .overlay-nav-img {
      height: 200px; }
      .worlds-fullscreen .overlay-worlds nav .overlay-nav-content .overlay-nav-info .overlay-nav-img img {
        height: 200px; }
    .worlds-fullscreen .overlay-worlds nav .overlay-nav-content .overlay-nav-info .overlay-nav-desc {
      height: 200px; }
    .worlds-fullscreen .overlay-worlds nav .container {
      width: 1030px; }
  .nav-fullscreen .overlay-nav .w-pc {
    width: 1130px; } }

@media all and (min-width: 1280px) {
  .worlds-fullscreen .overlay-worlds nav {
    width: 1200px; }
    .worlds-fullscreen .overlay-worlds nav .container {
      width: 1030px; }
  .nav-fullscreen .overlay-nav .w-pc {
    width: 1200px; } }

.nav-fullscreen .overlay-nav .nav-sp .overlay-nav-content .title {
  background: #18c06f; }

.play .nav-fullscreen .overlay-nav .nav-sp .overlay-nav-content .title {
  background: #fd7343; }

.cinema .nav-fullscreen .overlay-nav .nav-sp .overlay-nav-content .title {
  background: #4ed2c4; }

.entertainment .nav-fullscreen .overlay-nav .nav-sp .overlay-nav-content .title {
  background: #f5af40; }

.city .nav-fullscreen .overlay-nav .nav-sp .overlay-nav-content .title {
  background: #56afea; }

.nav-fullscreen .overlay-nav .nav-pc .overlay-nav-content .overlay-nav-head {
  background: #18c06f; }

.play .nav-fullscreen .overlay-nav .nav-pc .overlay-nav-content .overlay-nav-head {
  background: #fd7343; }

.cinema .nav-fullscreen .overlay-nav .nav-pc .overlay-nav-content .overlay-nav-head {
  background: #4ed2c4; }

.entertainment .nav-fullscreen .overlay-nav .nav-pc .overlay-nav-content .overlay-nav-head {
  background: #f5af40; }

.city .nav-fullscreen .overlay-nav .nav-pc .overlay-nav-content .overlay-nav-head {
  background: #56afea; }

/* footer */
.social {
  padding: 25px 0; }
  .social .social-list {
    list-style: none;
    line-height: 37px;
    width: 100%;
    text-align: center; }
    .social .social-list li {
      display: inline-table;
      margin-left: 1px;
      margin-right: 1px;
      width: 23%; }
      .social .social-list li:first-child {
        margin-left: 0; }
      .social .social-list li a {
        display: block; }
      .social .social-list li .icon-fb {
        background: #40559b; }
      .social .social-list li .icon-tw {
        background: #49cbff; }
      .social .social-list li .icon-youtube {
        background: #ff2500; }
      .social .social-list li .icon-ins {
        background: #90706a; }
      .social .social-list li:hover, .social .social-list li :focus {
        opacity: .9; }
  .social .logo {
    margin: 0;
    display: none; }

@media (max-width: 767px) {
  #footer .social {
    padding: 0px; } }

#footer .slider {
  margin-bottom: 90px;
  margin-top: 30px; }
  #footer .slider .slick-slide {
    margin-left: 5px; }
    #footer .slider .slick-slide:first-child {
      margin-left: 0; }
    #footer .slider .slick-slide img {
      width: 100%;
      object-fit: cover;
      margin: 0 auto; }
  #footer .slider .slick-prev, #footer .slider .slick-next {
    height: 34px;
    width: 34px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -opera-border-radius: 50%;
    z-index: 1;
    background: #ffffff; }
  #footer .slider .slick-prev {
    left: 20px; }
    #footer .slider .slick-prev:before {
      content: '\f104';
      font-family: "FontAwesome";
      color: #000000;
      font-size: 25px; }
  #footer .slider .slick-next {
    right: 20px; }
    #footer .slider .slick-next:before {
      content: '\f105';
      font-family: "FontAwesome";
      color: #000000;
      font-size: 25px; }

#footer .footer-main {
  padding: 0px 10px;
  border-bottom: 1px solid #e5e5e5;
  display: none; }
  #footer .footer-main .row div:last-child {
    padding-right: 0; }
  #footer .footer-main .row div:first-child {
    padding-left: 0; }
  #footer .footer-main .footer-main__list {
    list-style: none; }
    #footer .footer-main .footer-main__list li {
      position: relative;
      padding: 5px 0; }
      #footer .footer-main .footer-main__list li a {
        color: #080404;
        padding-left: 15px;
        display: inline-block; }
        #footer .footer-main .footer-main__list li a:hover, #footer .footer-main .footer-main__list li a:focus {
          color: #13339c; }
        #footer .footer-main .footer-main__list li a:before {
          content: "\f054";
          font-family: FontAwesome;
          display: inline-block;
          color: #ccc;
          font-size: 10px;
          position: absolute;
          left: 0; }
  #footer .footer-main h5 {
    border-bottom: 1px solid #666666;
    padding-bottom: 10px; }
  #footer .footer-main .row:first-child {
    margin: 20px 0; }
  #footer .footer-main .row:last-child {
    margin: 0 0 40px 0; }

#footer .control-lang {
  width: 100%;
  text-align: center;
  padding: 14px 0;
  background: #fff;
  float: none; }
  #footer .control-lang .lang a {
    padding: 15px 0;
    float: none; }
    #footer .control-lang .lang a:before {
      color: #ccc; }
    #footer .control-lang .lang a:last-child {
      padding-left: 20px; }

#footer .control-lang-footer ul {
  width: 100%;
  list-style: none;
  margin-bottom: 0px; }
  #footer .control-lang-footer ul li {
    padding: 20px 5px 20px 30px;
    width: 50%;
    float: left;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc; }
    #footer .control-lang-footer ul li:first-child {
      border-left: none; }
    #footer .control-lang-footer ul li a {
      position: relative; }
      #footer .control-lang-footer ul li a:before {
        content: '';
        position: absolute;
        display: block;
        width: 6px;
        height: 6px;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        border: solid 1px #cccccc;
        border-bottom: transparent;
        border-left: transparent;
        top: 0;
        left: -15px;
        bottom: 0;
        margin: auto; }

#footer .copyright {
  background: #ffffff;
  padding-bottom: 50px; }
  #footer .copyright .copyright-list {
    text-align: left;
    width: 100%;
    margin-left: 0;
    margin: 0; }
    #footer .copyright .copyright-list li {
      padding: 20px 5px 20px 30px;
      width: 50%;
      float: left;
      border-bottom: 1px solid #cccccc;
      border-left: 1px solid #cccccc; }
      #footer .copyright .copyright-list li:nth-child(odd) {
        border-left: none; }
      #footer .copyright .copyright-list li a {
        position: relative; }
        #footer .copyright .copyright-list li a:before {
          content: '';
          position: absolute;
          display: block;
          width: 6px;
          height: 6px;
          -moz-transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
          border: solid 1px #cccccc;
          border-bottom: transparent;
          border-left: transparent;
          top: 0;
          left: -15px;
          bottom: 0;
          margin: auto; }
  #footer .copyright .logo {
    margin: 20px auto; }
  #footer .copyright .text-copyright {
    font-size: 12px; }

@media all and (min-width: 375px) {
  #footer .slider {
    margin-bottom: 30px; } }

@media all and (min-width: 992px) {
  #footer .slider {
    margin-bottom: 90px;
    margin-top: 0; }
  #footer .social {
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5; }
    #footer .social .logo {
      display: inline-flex; }
    #footer .social .social-list {
      width: auto; }
      #footer .social .social-list li {
        width: 120px; }
  #footer .footer-main {
    display: block; }
    #footer .footer-main .row div:first-child {
      padding-left: 0 !important; }
    #footer .footer-main .row div:last-child {
      padding-right: 0 !important; }
    #footer .footer-main .row div:nth-child(2n + 1) {
      padding-left: 15px; }
    #footer .footer-main .row div:nth-child(2n + 2) {
      padding-right: 15px; }
  #footer .copyright {
    background: #eeeeee;
    position: relative;
    padding-top: 20px; }
    #footer .copyright .copyright-list {
      text-align: center; }
      #footer .copyright .copyright-list li {
        width: auto;
        float: none;
        border: none;
        padding: 0; }
        #footer .copyright .copyright-list li a {
          padding: 0 20px;
          border-left: 1px solid #000000; }
          #footer .copyright .copyright-list li a:before {
            display: none; }
        #footer .copyright .copyright-list li:last-child a {
          border-right: 1px solid #000000; }
    #footer .copyright .logo {
      display: none; }
  #footer .control-lang-footer {
    width: 100%;
    display: block; }
    #footer .control-lang-footer ul li {
      border: none;
      background: #ffffff; }
      #footer .control-lang-footer ul li:first-child {
        text-align: right; } }

#wrapper {
  margin: 0 auto;
  width: 100%;
  position: relative;
  overflow: hidden; }
  #wrapper #content {
    margin: 0 auto;
    position: relative;
    width: 100%;
    max-width: inherit; }
    #wrapper #content.hasp {
      padding-top: 30px;
      padding-bottom: 30px; }
  #wrapper.has-sidebar {
    max-width: 1270px; }
  #wrapper.has-sidebar #content {
    width: 100%;
    width: -webkit-calc(100% - 260px);
    width: calc(100% - 260px);
    float: left;
    max-width: inherit;
    float: left;
    padding: 60px 15px 0px 15px;
    margin-bottom: 60px; }
    @media all and (min-width: 768px) {
      #wrapper.has-sidebar #content {
        padding: 60px 25px 0px 25px; } }
    @media (min-width: 568px) and (max-width: 767px) {
      #wrapper.has-sidebar #content {
        margin-bottom: 0px; } }
    @media (max-width: 567px) {
      #wrapper.has-sidebar #content {
        margin-bottom: 0px; } }

.aside {
  background: #f5f5f5;
  padding: 30px 25px;
  width: 260px;
  display: block;
  float: right; }
  .aside .btn-link {
    width: 100%;
    padding: 13px 0;
    border-radius: 4px;
    font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    font-size: 16px;
    position: relative; }
    .aside .btn-link:after {
      content: '';
      position: absolute;
      display: block;
      width: 8px;
      height: 8px;
      -moz-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      border: solid 2px #fff;
      border-bottom: transparent;
      border-left: transparent;
      top: 0;
      bottom: 0;
      right: 15px;
      margin: auto; }
    .aside .btn-link:hover, .aside .btn-link:focus {
      opacity: .9;
      background: #424242; }
  .aside .hierarchy-4 {
    margin: 20px 0 30px 0; }
    .aside .hierarchy-4 .hierarchy-4__box {
      border: 1px solid #cccccc;
      background: #fff;
      list-style: none; }
      .aside .hierarchy-4 .hierarchy-4__box li {
        padding: 0 15px 0 0px;
        border-bottom: 1px solid #cccccc;
        position: relative; }
        .aside .hierarchy-4 .hierarchy-4__box li a {
          padding: 10px 0;
          display: inline-block; }
      .aside .hierarchy-4 .hierarchy-4__box li:last-child {
        border-bottom: none; }
      .aside .hierarchy-4 .hierarchy-4__box .text-link a {
        position: relative;
        padding-left: 10px; }
        .aside .hierarchy-4 .hierarchy-4__box .text-link a:before {
          content: '';
          position: absolute;
          display: block;
          width: 8px;
          height: 8px;
          -moz-transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
          border: solid 2px #cccccc;
          border-bottom: transparent;
          border-left: transparent;
          top: 0;
          bottom: 0;
          left: -10px;
          margin: auto; }
  .aside .banner {
    margin-bottom: 16px; }
    .aside .banner img {
      width: 100%; }
  .aside .related-link {
    margin-bottom: 20px; }
    .aside .related-link .related-link__img {
      margin-bottom: 10px; }
      .aside .related-link .related-link__img img {
        width: 100%;
        height: 110px;
        margin: auto; }
    .aside .related-link a {
      display: block; }

#wrapper .t-inner #content {
  margin-top: 60px; }

@media all and (max-width: 869px) {
  #wrapper.has-sidebar #content {
    width: 100%; }
  #w-sidebar {
    display: none; } }

#go_to_top {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  text-align: center;
  position: relative;
  margin-bottom: 60px; }
  #go_to_top #btn_go_to_top {
    font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    font-size: 20px;
    margin: 30px auto 20px;
    border: none;
    background: transparent;
    outline: none; }
    #go_to_top #btn_go_to_top:after {
      content: '';
      position: absolute;
      display: block;
      width: 12px;
      height: 12px;
      -moz-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      border: solid 2px #000000;
      border-bottom: transparent;
      border-left: transparent;
      top: 20px;
      left: 0;
      right: 0;
      margin: auto; }
  @media (max-width: 767px) {
    #go_to_top {
      margin-bottom: 30px; } }

.banners.inline-center .banner {
  display: inline-block; }

.banners.inline-left .banner {
  float: left; }

.banners.inline-right .banner {
  float: right; }

.banners .banner .image {
  width: 96%;
  margin: 0 2%; }

.banners .banner img:hover {
  opacity: 0.7; }

.t-introduce {
  background-size: cover; }

.play.t-introduce {
  background: url("images/top25.jpg") no-repeat center center;
  background-size: cover; }

.entertainment.t-introduce {
  background: url("images/top25.jpg") no-repeat center center;
  background-size: cover; }

.cinema.t-introduce {
  background: url("images/top25.jpg") no-repeat center center;
  background-size: cover; }

.city.t-introduce {
  background: url("images/top13.jpg") no-repeat center center;
  background-size: cover; }

.t-section {
  padding: 60px 0 0 0;
  height: auto;
  text-align: center;
  color: #000; }
  .t-section .wrap-info {
    text-align: center;
    padding-bottom: 35px; }
    .t-section .wrap-info .info-img {
      width: 100%;
      margin-top: 4%;
      position: relative; }
      .t-section .wrap-info .info-img .imglg-absolute {
        width: 90%; }
        .t-section .wrap-info .info-img .imglg-absolute img {
          width: 100%; }
      .t-section .wrap-info .info-img .imgsm-absolute {
        position: absolute;
        width: 30%;
        right: 7%;
        bottom: -4%; }
        .t-section .wrap-info .info-img .imgsm-absolute img {
          width: 100%; }
      .t-section .wrap-info .info-img .info-quote {
        position: absolute;
        top: -10%;
        right: 0;
        width: 33%;
        text-align: right;
        z-index: 1; }
        .t-section .wrap-info .info-img .info-quote img {
          width: 70%;
          margin-left: 30%;
          max-width: 210px; }
    .t-section .wrap-info .info-desc {
      width: 80%;
      margin-top: 40px;
      font-size: 16px;
      text-align: left;
      margin: auto; }
  .t-section.odd .wrap-info .info-img .imglg-absolute {
    margin-left: 10%; }
  .t-section.odd .wrap-info .info-img .info-quote {
    left: 0;
    right: auto; }
    .t-section.odd .wrap-info .info-img .info-quote img {
      margin-right: 30%;
      margin-left: 0%; }
  .t-section.odd .wrap-info .info-img .imgsm-absolute {
    left: 0%;
    right: auto; }

.entertainment.t-section .wrap-info .info-img .imgsm-absolute {
  left: 7%;
  right: auto; }

.city.t-section .wrap-info .info-img .imgsm-absolute {
  right: 7%;
  left: auto; }

@media all and (min-width: 768px) {
  .info-title .info-title__title {
    font-size: 50px; }
    .info-title .info-title__title:before {
      top: -30px; }
  .info-title .info-title__desc {
    font-size: 34px; }
  .t-section .wrap-info {
    padding-bottom: 50px; }
    .t-section .wrap-info .info-img {
      margin-bottom: 30px;
      margin-top: 55px; }
      .t-section .wrap-info .info-img .info-quote {
        top: -54px;
        z-index: 1; }
        .t-section .wrap-info .info-img .info-quote img {
          width: 100%; }
        .t-section .wrap-info .info-img .info-quote .vertext-left {
          width: 40px;
          margin-right: 22px;
          line-height: 41px; }
        .t-section .wrap-info .info-img .info-quote .vertext-right {
          width: 40px;
          line-height: 41px; }
          .t-section .wrap-info .info-img .info-quote .vertext-right:before {
            font-size: 40px;
            top: -50px;
            right: -26px; }
    .t-section .wrap-info .info-desc {
      font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
      width: 63%;
      margin-top: 22px;
      padding: 0 30px;
      text-align: left;
      margin: inherited; }
    .t-section .wrap-info .wrap-info-btn {
      margin-top: 25px;
      width: auto;
      padding: 5px 5px 0 0; }
    .t-section .wrap-info .t-section-btn {
      width: auto;
      font-size: 24px;
      margin: 0 0 -8px -8px;
      padding: 33px 92px; }
      .t-section .wrap-info .t-section-btn:after {
        display: block; }
  .t-introduce {
    padding: 58px 0; }
    .t-introduce .t-introduce__box {
      background-size: 105%; }
      .t-introduce .t-introduce__box:nth-child(1) {
        margin-bottom: 0; }
      .t-introduce .t-introduce__box:nth-child(2) {
        margin-bottom: 0; } }

.t-section {
  background: #18c06f; }

.play.t-section {
  background: #fd7343; }

.cinema.t-section {
  background: #4ed2c4; }

.entertainment.t-section {
  background: #f5af40; }

.city.t-section {
  background: #56afea; }

.t-section {
  background-color: white; }

.company.t-section {
  background-color: white; }

.t-introduce {
  background-size: cover; }

.play.t-introduce {
  background: url("images/top25.jpg") no-repeat center center;
  background-size: cover; }

.entertainment.t-introduce {
  background: url("images/top25.jpg") no-repeat center center;
  background-size: cover; }

.cinema.t-introduce {
  background: url("images/top25.jpg") no-repeat center center;
  background-size: cover; }

.city.t-introduce {
  background: url("images/top13.jpg") no-repeat center center;
  background-size: cover; }

/** コンテンツTOP **/
.ct-section .t-inner {
  margin: 0px auto; }

.ct-section .wrap-info {
  text-align: center; }
  .ct-section .wrap-info .info-title {
    width: 100%;
    padding-top: 30px; }
  .ct-section .wrap-info .info-img {
    float: left;
    width: 100%;
    padding: 30px; }
    @media all and (min-width: 768px) {
      .ct-section .wrap-info .info-img {
        width: 55%;
        padding: 30px; } }
    .ct-section .wrap-info .info-img img {
      width: 100%; }
  .ct-section .wrap-info .info-desc {
    width: 100%;
    margin-top: 40px;
    font-size: 16px;
    text-align: left; }

.ct-section.odd .wrap-info .info-img {
  float: right; }

section + section, .section + .section {
  padding-top: 40px; }

section.ts + section.ts {
  padding-top: 0px; }

section.ts {
  padding-bottom: 30px; }

.ss {
  padding-top: 100px; }

.m0 {
  margin-bottom: 0px !important; }

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

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

.p0 {
  padding-bottom: 0px !important; }

.p1 {
  padding-bottom: 30px !important; }

.p2 {
  padding-bottom: 60px !important; }

.wp.contents {
  padding-top: 50px;
  padding-bottom: 50px; }

.play.t-section {
  background: linear-gradient(#fd7343 66%, #fff 34%); }

.cinema.t-section {
  background: linear-gradient(#4ed2c4 66%, #fff 34%); }

.entertainment.t-section {
  background: linear-gradient(#f5af40 66%, #fff 34%); }

.city.t-section {
  background: linear-gradient(#56afea 66%, #fff 34%); }

@media (min-width: 568px) and (max-width: 767px) {
  .t-section {
    background: #18c06f; }
  .play.t-section {
    background: #fd7343; }
  .cinema.t-section {
    background: #4ed2c4; }
  .entertainment.t-section {
    background: #f5af40; }
  .city.t-section {
    background: #56afea; }
  .t-section {
    background: white; } }

@media (max-width: 567px) {
  .t-section {
    background: #18c06f; }
  .play.t-section {
    background: #fd7343; }
  .cinema.t-section {
    background: #4ed2c4; }
  .entertainment.t-section {
    background: #f5af40; }
  .city.t-section {
    background: #56afea; }
  .t-section {
    background: white; } }

.wb {
  background: #dcf7e5; }

.play .wb {
  background: #fff0e8; }

.cinema .wb {
  background: #e7fbf8; }

.entertainment .wb {
  background: #fffadd; }

.city .wb {
  background: #dff2ff; }

.wbd {
  background: #dcf7e5; }

.play .wbd {
  background: #fff0e8; }

.cinema .wbd {
  background: #e7fbf8; }

.entertainment .wbd {
  background: #fffadd; }

.city .wbd {
  background: #dff2ff; }

.wbd {
  border: 1px solid transparent;
  padding: 12px; }

.banners {
  margin-top: 0px !important;
  margin-bottom: 20px !important; }

.t-inner .e6.n2 {
  margin-left: -15px;
  margin-right: -15px; }

.t-inner .e3.n4 {
  margin-left: -15px;
  margin-right: -15px; }
  .t-inner .e3.n4 .item {
    padding-right: 15px;
    padding-left: 15px; }

.ct-section .e2.n2.tps, .ct-section .tps.next.page-numbers, .ct-section .tps.prev.page-numbers {
  margin-top: 0px; }

.ct-section .t-inner {
  background: #18c06f; }

.play.ct-section .t-inner {
  background: #fd7343; }

.cinema.ct-section .t-inner {
  background: #4ed2c4; }

.entertainment.ct-section .t-inner {
  background: #f5af40; }

.city.ct-section .t-inner {
  background: #56afea; }

input {
  border: 0;
  padding: 10px;
  font-size: 1.3em;
  font-family: Arial, sans-serif;
  color: #aaa;
  border: solid 1px #ccc;
  margin: 0 0 20px;
  width: 300px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

input, select {
  background: white; }

.search-form.navbar-form.form-inline {
  float: left; }

input:focus {
  border: solid 1px #EEA34A; }

.icon-search-container {
  display: inline-block;
  border: 1px solid #a9a8a8;
  border: 1px solid black;
  border-radius: 50px;
  height: 50px;
  width: 50px;
  position: relative;
  transition: width 0.2s ease-out;
  backface-visibility: hidden; }
  .icon-search-container.active {
    width: 260px; }
    .icon-search-container.active .fa-times-circle {
      opacity: 1; }
    .icon-search-container.active .search-input {
      width: 200px; }
  .icon-search-container .fa-search {
    color: #2980b9;
    font-size: 30px;
    position: absolute;
    top: 7px;
    left: 8px;
    cursor: pointer; }
  .icon-search-container .fa-times-circle {
    opacity: 0;
    color: #d9d9d9;
    font-size: 20px;
    position: absolute;
    top: 12px;
    right: 8px;
    transition: opacity 0.2s ease-out;
    cursor: pointer; }
  .icon-search-container .search-input {
    position: absolute;
    cursor: default;
    left: 45px;
    top: 6px;
    width: 0;
    padding: 5px;
    border: none;
    outline: none;
    font-size: 18px;
    line-height: 20px;
    background-color: rgba(255, 255, 255, 0);
    transition: width 0.2s ease-out; }

.l-box.center {
  margin: 0px auto;
  text-align: center; }

.l-form-row {
  border-bottom: 1px solid #cccccc;
  padding: 0 0 20px 0;
  margin-bottom: 15px; }
  .l-form-row input, .l-form-row select, .l-form-row textarea {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    margin-bottom: 10px; }
  .l-form-row select {
    -webkit-appearance: menulist-button; }
  .l-form-row textarea {
    height: auto; }
  .l-form-row .l-form-row-name {
    font-size: 16px;
    font-family: "hirakaku-w6";
    line-height: 33px;
    margin: 0;
    display: inline-block;
    width: 30%;
    float: left; }
    .l-form-row .l-form-row-name.required:after {
      background: #fe0101;
      padding: 2px 12px;
      color: #fff;
      font-size: 12px;
      margin-left: 5px;
      content: "必須"; }
  .l-form-row .l-form-row-input {
    width: 70%;
    float: left; }
  @media all and (max-width: 680px) {
    .l-form-row .l-form-row-name {
      width: 100%; }
    .l-form-row .l-form-row-input {
      width: 100%; } }

input[type="submit"] {
  -webkit-appearance: button;
  background: #333333;
  border: none;
  color: #fff;
  padding: 11px 0;
  text-align: center;
  margin: 0px auto; }

.btn-white {
  background: #fff;
  color: black; }

.btn-gray {
  background: #333333;
  color: white; }

.btn-orange {
  background: #fe7343;
  color: white; }

.btn-blue {
  background: #56afea;
  color: white; }

.btn-yellow {
  background: #f4bd2a;
  color: white; }

.btn-green {
  background: #4ed2c4;
  color: white; }

.btn-brown {
  background: #3e3e3e;
  color: #ffffff; }

.btn-map {
  margin-left: 5px; }

.btn.focus, .e3 .item .content-area > a.focus.btn, .e6.n2 .item a.focus, .btn:focus, .e3 .item .content-area > a.btn:focus, .e6.n2 .item a:focus, .btn:hover, .e3 .item .content-area > a.btn:hover, .e6.n2 .item a:hover {
  color: white; }

.lh0 {
  line-height: 0;
  vertical-align: bottom !important; }

.lh100 {
  line-height: 100% !important; }

.lh110 {
  line-height: 110% !important; }

.lh120 {
  line-height: 120% !important; }

.lh130 {
  line-height: 130% !important; }

.lh140 {
  line-height: 140% !important; }

.lh150 {
  line-height: 150% !important; }

.lh170 {
  line-height: 170% !important; }

.title_page {
  background: #0c985a;
  color: #ffffff;
  font-size: 24px;
  padding: 15px 15px;
  font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; }

.section-title {
  color: #fff;
  padding: 9px;
  margin: 0; }

.page-title {
  color: black;
  padding: 9px;
  margin: 0;
  border-bottom: 2px solid #cccccc;
  padding: 16px 9px;
  font-size: 24px;
  line-height: 1.6;
  font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 500; }
  .page-title h3 {
    display: inline-block; }
  .page-title .sns_top {
    clear: both;
    margin: 0;
    padding: 0;
    float: right; }
    .page-title .sns_top .top-sns {
      padding: 0;
      margin: 0;
      font-size: 12px; }
      .page-title .sns_top .top-sns__item {
        display: inline-block;
        vertical-align: top;
        padding: 0;
        margin: 0; }
        @media (min-width: 768px) {
          .page-title .sns_top .top-sns__item {
            margin: 0 0 0 5px; } }

.e-title {
  font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  color: #0c985a;
  display: block;
  margin-bottom: 15px; }

.img-title {
  display: block;
  font-size: 12px;
  margin: 10px 0; }

.info-title {
  text-align: center; }
  .info-title .info-title__title {
    font-size: 32px;
    color: #080404;
    display: block;
    position: relative; }
  .info-title .info-title__desc {
    font-size: 24px;
    color: #010202;
    display: block; }

.indexpage .info-title {
  text-align: center; }
  .indexpage .info-title .info-title__title {
    font-family: "MS PGothic","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Osaka", Arial, sans-serif; }
  .indexpage .info-title .info-title__desc {
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }

.t-section .info-title__title:before {
  content: '';
  display: block;
  background: #010202;
  width: 50px;
  height: 3px;
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  margin: auto; }

@media all and (min-width: 768px) {
  .info-title .info-title__title {
    font-size: 50px; }
    .info-title .info-title__title:before {
      top: -30px; }
  .info-title .info-title__desc {
    font-size: 34px; }
  .ct-section .info-title .info-title__title {
    font-size: 32px;
    line-height: 1.2;
    font-weight: bold; }
  .ct-section .info-title .info-title__desc {
    font-size: 20px;
    width: 270px;
    text-align: center;
    display: inline-block;
    margin-bottom: 35px;
    margin-top: 35px; } }

.s-font {
  font-size: 12px; }

.kl-seclect__form.cmb:after {
  text-align: center;
  display: block;
  content: " ";
  position: absolute;
  top: 0%;
  right: 0px;
  width: 36px;
  height: 31px;
  background: url(/wp-content/themes/shochiku2017/images/arrow_00.png) no-repeat;
  background-size: 13px;
  pointer-events: none;
  border-left: 1px solid #cccccc;
  background-position: 9px 8px; }

.section-title {
  background: #18c06f; }

.play.section-title {
  background: #fd7343; }

.cinema.section-title {
  background: #4ed2c4; }

.entertainment.section-title {
  background: #f5af40; }

.city.section-title {
  background: #56afea; }

ruby, rt {
  text-indent: 0px; }

ruby > rt {
  display: block;
  font-size: 50%;
  text-align: start; }

rt {
  line-height: normal;
  -webkit-text-emphasis: none; }

.quit {
  position: absolute;
  top: 2%;
  right: 2%;
  width: 9%;
  min-width: 40px;
  max-width: 47px; }
  .quit .closebtn {
    background-image: url("../images/lesson/btn_close.png");
    background-size: contain;
    width: 100%;
    padding-top: 100%;
    cursor: pointer;
    font-size: 0px;
    font-size: 0rem; }
    @media (min-width: 568px) and (max-width: 767px) {
      .quit .closebtn {
        font-size: 0px;
        font-size: 0rem; } }
    @media (max-width: 567px) {
      .quit .closebtn {
        font-size: 0px;
        font-size: 0rem; } }

.action-areas {
  width: 44%;
  max-width: 100%;
  text-align: center;
  position: absolute;
  bottom: 4%;
  text-align: center;
  margin: 0px auto;
  right: 0;
  cursor: pointer;
  z-index: 20; }
  .action-areas .action-area {
    position: relative;
    display: inline-block;
    width: 27%; }

.no-print-image {
  -webkit-touch-callout: none;
  /* リンク長押しのポップアップを無効化 */ }

@media print {
  .no-print-image {
    display: none; }
    .no-print-image img {
      display: none; }
  #go_to_top {
    display: none; }
  .copyright-lis {
    display: none; }
  .control-lang-footer {
    display: none; } }

.visual {
  position: relative;
  height: 510px; }
  .visual.sub {
    height: 295px; }
  .visual .back {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    transition: opacity 0.3s;
    background-color: #333333;
    -webkit-animation: fadeIn 2s;
    -moz-animation: fadeIn 2s;
    animation: fadeIn 2s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both; }
    .visual .back .video {
      position: absolute;
      left: 50%;
      min-width: 100%;
      min-height: 100%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
    .visual .back .image {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      -webkit-transition: opacity 0.3s;
      -moz-transition: opacity 0.3s;
      -o-transition: opacity 0.3s;
      -ms-transition: opacity 0.3s;
      transition: opacity 0.3s;
      background-color: #333333;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center; }
  .visual .cover {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
    width: 100%;
    height: 100%; }
  .visual .contents {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 200; }
  .visual .inner {
    position: relative;
    margin: 0 auto;
    height: 100%;
    width: 100%; }
    .visual .inner .catchcopy {
      position: absolute;
      top: 0;
      bottom: 30%;
      margin: auto 0;
      color: #ffffff;
      font-weight: normal;
      left: 10%;
      width: 80%; }
      .visual .inner .catchcopy .maintext {
        -webkit-animation: fadeInLater 4s;
        -moz-animation: fadeInLater 4s;
        animation: fadeInLater 4s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both;
        font-size: 40px;
        font-size: 4rem;
        line-height: 60px;
        line-height: 6rem;
        position: absolute;
        top: 55%; }
        @media (min-width: 568px) and (max-width: 767px) {
          .visual .inner .catchcopy .maintext {
            font-size: 32px;
            font-size: 3.2rem;
            line-height: 48px;
            line-height: 4.8rem; } }
        @media (max-width: 567px) {
          .visual .inner .catchcopy .maintext {
            font-size: 26px;
            font-size: 2.6rem;
            line-height: 39px;
            line-height: 3.9rem; } }
      .visual .inner .catchcopy .subtext {
        -webkit-animation: fadeInLater 7s;
        -moz-animation: fadeInLater 7s;
        animation: fadeInLater 7s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        animation-fill-mode: both;
        font-size: 30px;
        font-size: 3rem;
        line-height: 45px;
        line-height: 4.5rem;
        position: absolute;
        top: 70%; }
        @media (min-width: 568px) and (max-width: 767px) {
          .visual .inner .catchcopy .subtext {
            font-size: 24px;
            font-size: 2.4rem;
            line-height: 36px;
            line-height: 3.6rem; } }
        @media (max-width: 567px) {
          .visual .inner .catchcopy .subtext {
            font-size: 19.5px;
            font-size: 1.95rem;
            line-height: 29.25px;
            line-height: 2.925rem; } }
    .visual .inner .title {
      font-size: 40px;
      font-size: 4rem;
      line-height: 60px;
      line-height: 6rem;
      position: absolute;
      font-weight: bold;
      top: 58%;
      text-align: center;
      width: 100%; }
      @media (min-width: 568px) and (max-width: 767px) {
        .visual .inner .title {
          font-size: 32px;
          font-size: 3.2rem;
          line-height: 48px;
          line-height: 4.8rem; } }
      @media (max-width: 567px) {
        .visual .inner .title {
          font-size: 26px;
          font-size: 2.6rem;
          line-height: 39px;
          line-height: 3.9rem; } }

.banners.inline-center .banner {
  display: inline-block; }

.banners.inline-left .banner {
  float: left; }

.banners.inline-right .banner {
  float: right; }

.banners .banner .image {
  width: 96%;
  margin: 0 2%; }

.banners .banner img:hover {
  opacity: 0.7; }

.breadcrumb {
  font-size: 12px;
  background: #fff;
  margin-top: 5px; }
  .breadcrumb .breadcrumb-list {
    list-style: none; }
    .breadcrumb .breadcrumb-list li {
      float: left;
      position: relative;
      padding-right: 10px; }
      .breadcrumb .breadcrumb-list li:nth-child(1) {
        padding-left: 20px; }
        .breadcrumb .breadcrumb-list li:nth-child(1) a {
          color: #13339c; }
          .breadcrumb .breadcrumb-list li:nth-child(1) a:before {
            content: url("../images/icon-home.png");
            display: inline-block;
            position: absolute;
            left: 0; }
      .breadcrumb .breadcrumb-list li:nth-child(2) a {
        color: #13339c; }
      .breadcrumb .breadcrumb-list li:nth-child(2), .breadcrumb .breadcrumb-list li:nth-child(3) {
        padding-left: 15px; }
        .breadcrumb .breadcrumb-list li:nth-child(2) :before, .breadcrumb .breadcrumb-list li:nth-child(3) :before {
          content: "\f054";
          font-family: FontAwesome;
          display: inline-block;
          color: #ccc;
          font-size: 10px;
          position: absolute;
          top: 2px;
          left: 0; }

.thumbnail img {
  border-radius: 50%;
  width: 180px;
  /* ※縦横を同値に */
  height: 180px;
  /* ※縦横を同値に */ }

.thumbnail-circle {
  background-image: url(".images/h_1.png");
  /* 表示する画像 */
  width: 180px;
  /* ※縦横を同値に */
  height: 180px;
  /* ※縦横を同値に */
  border-radius: 50%;
  /* 角丸半径を50%にする(=円形にする) */
  display: inline-block;
  /* 複数の画像を横に並べたい場合 */
  background-position: left top;
  /* 横長画像の左上を基準に表示 */ }
  .thumbnail-circle.center {
    background-position: center center; }

.animate.pulse {
  animation-duration: 2s;
  animation-delay: 300ms;
  animation-iteration-count: infinite;
  animation-name: pulse; }

ul.e1, ol.e1 {
  padding-left: 20px; }
  ul.e1 li, ol.e1 li {
    list-style-type: inherit;
    padding: 5px 0px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6; }

hr {
  margin-bottom: 30px; }

.e1 {
  line-height: 1.2;
  font-size: 16px;
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: 60px; }
  .e1.br {
    margin-bottom: 0px !important; }
  .e1.n1 {
    text-align: center;
    font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 500;
    font-size: 32px;
    line-height: 1.2;
    margin-bottom: 30px; }
    .e1.n1:after {
      content: '';
      position: absolute;
      width: 100%;
      border-top: 2px solid black;
      display: inline-block;
      bottom: -10px;
      left: 0; }
    .e1.n1.tp, .e1.n1.e2.n2.tps, .e1.n1.tps.next.page-numbers, .e1.n1.tps.prev.page-numbers {
      margin-top: 30px;
      margin-bottom: 0px; }
    .e1.n1.nb:after {
      display: none;
      content: '';
      position: absolute;
      width: 100%;
      border-top: 0px solid black;
      display: inline-block;
      bottom: 0px;
      left: 0; }
  .e1.n2 {
    text-align: center;
    font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 30px; }
    .e1.n2:after {
      content: '';
      position: absolute;
      width: 100%;
      border-top: 1px solid silver;
      display: inline-block;
      bottom: -10px;
      left: 0; }
    .e1.n2.nb:after {
      display: none;
      content: '';
      position: absolute;
      width: 100%;
      border-top: 0px solid black;
      display: inline-block;
      bottom: 0px;
      left: 0; }
  .e1.n3 {
    text-align: left;
    font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 30px;
    padding-left: 12px; }
    .e1.n3:before {
      content: '';
      position: absolute;
      width: 22px;
      border-left: 5px solid black;
      display: inline-block;
      height: auto;
      height: 100%;
      left: 0px; }
  .e1.n4 {
    text-align: left;
    font-size: 16px;
    line-height: 1.6; }
    .e1.n4.bl {
      margin-bottom: 70px; }
    .e1.n4.title {
      font-size: 20px;
      line-height: 1.3;
      font-weight: bold; }
  .e1.n5 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 30px; }
  .e1.n6 {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6; }
  .e1.n7 {
    font-size: 18px;
    line-height: 2.4;
    text-align: center; }
  .e1.n8 {
    list-style: disc; }
    .e1.n8.comment {
      list-style: url(/wp-content/themes/shochiku2017/images/list-flw.png); }
  .e1.n10 {
    font-size: 16px;
    padding-top: 10px;
    margin-bottom: 0px; }
    .e1.n10 .title {
      width: 100%;
      margin: 10px 0; }
    .e1.n10 ul {
      width: 100%; }
      .e1.n10 ul li {
        padding-bottom: 5px; }
        .e1.n10 ul li a {
          color: #13339c; }
    @media all and (min-width: 768px) {
      .e1.n10 .title {
        width: 15%;
        float: left;
        padding-right: 20px;
        margin: 0;
        font-weight: bold; }
      .e1.n10 ul {
        width: 85%;
        float: left; }
        .e1.n10 ul li {
          padding-bottom: 5px; }
          .e1.n10 ul li a {
            color: #13339c; } }
  .e1.n11 {
    text-align: left;
    font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 0px; }
  .e1.n12 {
    text-align: left;
    font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 10px; }
    .e1.n12:after {
      content: '';
      position: absolute;
      width: 100%;
      border-top: 2px solid black;
      display: inline-block;
      bottom: -10px;
      left: 0; }
  .e1.n13 {
    text-align: center;
    font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 20px; }
    .e1.n13:after {
      content: '';
      position: absolute;
      width: 100%;
      border-top: 2px solid orange;
      display: inline-block;
      bottom: -10px;
      left: 0; }

.e1.n13:after {
  border-color: #18c06f; }

.play .e1.n13:after {
  border-color: #fd7343; }

.cinema .e1.n13:after {
  border-color: #4ed2c4; }

.entertainment .e1.n13:after {
  border-color: #f5af40; }

.city .e1.n13:after {
  border-color: #56afea; }

.e1.n13 {
  color: #18c06f; }

.play .e1.n13 {
  color: #fd7343; }

.cinema .e1.n13 {
  color: #4ed2c4; }

.entertainment .e1.n13 {
  color: #f5af40; }

.city .e1.n13 {
  color: #56afea; }

.e2 {
  margin-bottom: 60px; }
  .e2.n1 {
    color: #13339c;
    cursor: pointer;
    position: relative; }
    .e2.n1.arrow {
      margin-left: 18px; }
    .e2.n1.arrow:before {
      content: "\f054";
      font-family: FontAwesome;
      display: inline-block;
      color: #ccc;
      font-size: 10px;
      position: absolute;
      left: -12px;
      top: 0px; }
  .e2.n2, .next.page-numbers, .prev.page-numbers {
    display: block;
    font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    padding: 15px 0;
    font-size: 16px;
    margin: 0 auto 5px auto;
    border-radius: 4px;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background: #3e3e3e;
    color: #ffffff;
    max-width: 300px;
    margin-bottom: 10px; }
    .e2.n2.no-bd, .no-bd.next.page-numbers, .no-bd.prev.page-numbers {
      background: inherit;
      color: black;
      border: 0px;
      border-radius: 0px; }
    .e2.n2.next:after, .next.page-numbers:after {
      width: 8px;
      height: 8px;
      border: solid 2px #fff;
      content: '';
      position: absolute;
      display: block;
      -moz-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      border-bottom: transparent;
      border-left: transparent;
      top: 0;
      bottom: 0;
      right: 15px;
      margin: auto; }
    .e2.n2.before:before, .before.next.page-numbers:before, .before.prev.page-numbers:before {
      width: 8px;
      height: 8px;
      border: solid 2px #fff;
      content: '';
      position: absolute;
      display: block;
      -moz-transform: rotate(-135deg);
      -webkit-transform: rotate(-135deg);
      -o-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
      transform: rotate(-135deg);
      border-bottom: transparent;
      border-left: transparent;
      top: 0;
      bottom: 0;
      left: 15px;
      margin: auto; }
    .e2.n2.strong, .strong.next.page-numbers, .strong.prev.page-numbers {
      background: #13339c;
      color: #fff; }
    .e2.n2.tp, .e2.n2.tps, .tps.next.page-numbers, .tps.prev.page-numbers, .tp.next.page-numbers, .tp.prev.page-numbers {
      background: url("images/bg-button-black.png") no-repeat;
      background-size: cover;
      margin-top: 15px;
      display: inline-block;
      padding: 3px 3px 0 0;
      font-weight: bold;
      width: 90%;
      max-width: 98%; }
      @media all and (min-width: 768px) {
        .e2.n2.tp, .e2.n2.tps, .tps.next.page-numbers, .tps.prev.page-numbers, .tp.next.page-numbers, .tp.prev.page-numbers {
          width: 500px;
          max-width: 500px; } }
      .e2.n2.tp a, .e2.n2.tps a, .tps.next.page-numbers a, .tps.prev.page-numbers a, .tp.next.page-numbers a, .tp.prev.page-numbers a {
        width: 100%;
        font-size: 16px;
        font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
        border: 3px solid #000;
        border-radius: 0;
        background: #fff;
        position: relative;
        margin: 0 0 -10px -10px;
        width: auto;
        display: block;
        padding: 19px 0px;
        font-size: 15px;
        margin: 0;
        letter-spacing: -1.1px; }
        @media all and (min-width: 480px) {
          .e2.n2.tp a, .e2.n2.tps a, .tps.next.page-numbers a, .tps.prev.page-numbers a, .tp.next.page-numbers a, .tp.prev.page-numbers a {
            padding: 33px 0px;
            font-size: 18px; } }
        @media all and (min-width: 768px) {
          .e2.n2.tp a, .e2.n2.tps a, .tps.next.page-numbers a, .tps.prev.page-numbers a, .tp.next.page-numbers a, .tp.prev.page-numbers a {
            padding: 33px 0px;
            font-size: 24px;
            margin: 0 0 -8px -8px;
            letter-spacing: inherit; } }
        .e2.n2.tp a:after, .e2.n2.tps a:after, .tps.next.page-numbers a:after, .tps.prev.page-numbers a:after, .tp.next.page-numbers a:after, .tp.prev.page-numbers a:after {
          content: '';
          position: absolute;
          width: 15px;
          height: 15px;
          -moz-transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
          border: solid 2px #000;
          border-bottom: transparent;
          border-left: transparent;
          top: 0;
          bottom: 0;
          right: 20px;
          margin: auto; }
        .e2.n2.tp a:hover, .e2.n2.tps a:hover, .tps.next.page-numbers a:hover, .tps.prev.page-numbers a:hover, .tp.next.page-numbers a:hover, .tp.prev.page-numbers a:hover {
          color: #13339c;
          opacity: 1; }
        .e2.n2.tp a:hover:after, .e2.n2.tps a:hover:after, .tps.next.page-numbers a:hover:after, .tps.prev.page-numbers a:hover:after, .tp.next.page-numbers a:hover:after, .tp.prev.page-numbers a:hover:after {
          border: solid 2px #13339c;
          border-bottom: transparent;
          border-left: transparent; }
        .e2.n2.tp a .br-text, .e2.n2.tps a .br-text, .tps.next.page-numbers a .br-text, .tps.prev.page-numbers a .br-text, .tp.next.page-numbers a .br-text, .tp.prev.page-numbers a .br-text {
          display: none; }
    .e2.n2.tps, .tps.next.page-numbers, .tps.prev.page-numbers {
      background: url("images/bg-button-white.png") no-repeat;
      background-size: cover;
      margin: 0px;
      margin-top: 40px;
      margin-bottom: 18px;
      width: 100%;
      max-width: 86%;
      font-size: 16px; }
      @media all and (min-width: 648px) {
        .e2.n2.tps, .tps.next.page-numbers, .tps.prev.page-numbers {
          width: 290px;
          max-width: 290px; } }
      .e2.n2.tps a, .tps.next.page-numbers a, .tps.prev.page-numbers a {
        font-size: 16px;
        padding: 19px 0px; }
        .e2.n2.tps a:after, .tps.next.page-numbers a:after, .tps.prev.page-numbers a:after {
          width: 10px;
          height: 10px; }
    .e2.n2.tpsnext, .tpsnext.next.page-numbers, .tpsnext.prev.page-numbers {
      width: 290px;
      max-width: 290px;
      display: inline-block;
      padding: 0;
      margin-right: 6px;
      margin-top: 10px;
      font-size: 16px; }
      .e2.n2.tpsnext a, .tpsnext.next.page-numbers a, .tpsnext.prev.page-numbers a {
        font-size: 16px;
        margin: 0;
        padding: 14px 0; }
  .e2.n3 {
    position: relative;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc; }
    .e2.n3 li {
      display: block;
      vertical-align: middle;
      background: white;
      position: relative;
      border-right: 1px solid #cccccc;
      border-bottom: 1px solid #cccccc;
      text-align: center;
      padding: 10px 12px;
      width: 100%; }
      .e2.n3 li a {
        color: black;
        width: 100%;
        display: inline-block; }
      .e2.n3 li :after {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        -moz-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        border: solid 2px #3e3e3e;
        border-bottom: transparent;
        border-left: transparent;
        margin: auto;
        position: absolute;
        right: 20px; }
      .e2.n3 li .active a {
        color: white; }
    @media all and (min-width: 648px) {
      .e2.n3 li {
        display: table-cell;
        vertical-align: middle;
        background: white;
        position: relative;
        border-right: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
        text-align: center;
        padding: 10px 12px;
        width: 1%; }
        .e2.n3 li a {
          color: black;
          width: 100%;
          display: inline-block;
          padding-bottom: 12px; }
        .e2.n3 li :after {
          content: '';
          position: absolute;
          width: 10px;
          height: 10px;
          -moz-transform: rotate(135deg);
          -webkit-transform: rotate(135deg);
          -o-transform: rotate(135deg);
          -ms-transform: rotate(135deg);
          transform: rotate(135deg);
          border: solid 2px #3e3e3e;
          border-bottom: transparent;
          border-left: transparent;
          right: 20px;
          margin: auto;
          position: absolute;
          right: 0;
          left: 0;
          bottom: 8px; }
        .e2.n3 li .active a {
          color: white; } }
  .e2.n4 {
    position: relative;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc; }
    .e2.n4 li {
      display: table-cell;
      vertical-align: middle;
      background: white;
      border-right: 1px solid #cccccc;
      border-bottom: 1px solid #cccccc;
      text-align: center;
      padding: 10px 12px;
      width: 1%; }
      .e2.n4 li a {
        color: black;
        width: 100%;
        display: inline-block; }
    .e2.n4 li.active {
      color: #fff; }
      .e2.n4 li.active a {
        color: white; }
  .e2.n5 {
    position: relative; }
    .e2.n5 li {
      float: left;
      margin-right: 10px;
      padding-left: 20px; }
      .e2.n5 li a {
        color: black;
        width: 100%;
        padding-left: 20px;
        position: relative;
        color: #13339c;
        display: block; }
        .e2.n5 li a:before {
          width: 8px;
          height: 8px;
          border: solid 2px #cccccc;
          content: '';
          position: absolute;
          display: block;
          -moz-transform: rotate(-315deg);
          -webkit-transform: rotate(-315deg);
          -o-transform: rotate(-315deg);
          -ms-transform: rotate(-315deg);
          transform: rotate(-315deg);
          border-bottom: transparent;
          border-left: transparent;
          top: 0;
          bottom: 0;
          left: 15px;
          margin: auto;
          left: 0;
          top: 5px;
          bottom: auto; }
  .e2.n6 {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-bottom: 3px solid #0c985a; }
    .e2.n6 li {
      display: table-cell;
      overflow: hidden;
      text-align: center;
      border-top: 1px solid #cccccc;
      border-right: 1px solid #cccccc;
      margin: 0; }
      .e2.n6 li a {
        font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
        border: none;
        margin: 0;
        padding: 9px 10px;
        vertical-align: middle;
        width: 100%;
        display: table; }
    .e2.n6 li:first-child {
      border-left: 1px solid #cccccc; }
    .e2.n6 li.active {
      background: #0c985a; }
      .e2.n6 li.active a {
        color: #ffffff;
        background: none;
        border: none; }
    .e2.n6.m0 {
      margin-bottom: 0px; }

ul.has2_e2n6 {
  text-align: center; }

ul.has2_e2n2 {
  text-align: center; }
  ul.has2_e2n2 li {
    width: 300px;
    display: inline-block; }
  @media all and (min-width: 648px) {
    ul.has2_e2n2 li:nth-child(odd) {
      margin-right: 5px; }
    ul.has2_e2n2 li:nth-child(even) {
      margin-left: 5px; } }

ul.tps {
  padding-top: 30px; }
  @media all and (min-width: 648px) {
    ul.tps {
      margin-right: 20px; } }

ul.has2_e2n6 {
  text-align: center; }
  ul.has2_e2n6 li {
    width: 50%; }

ul.has3_e2n6 {
  text-align: center; }
  ul.has3_e2n6 li {
    width: 33.33333%; }

th .e2.n1 {
  color: white; }

table .e2.n2, table .next.page-numbers, table .prev.page-numbers {
  max-width: 200px;
  margin-bottom: 10px;
  padding: 5px 0px;
  margin: 5px auto 5px auto; }

.e2.n4 li.active {
  background: #18c06f; }

.play .e2.n4 li.active {
  background: #fd7343; }

.cinema .e2.n4 li.active {
  background: #4ed2c4; }

.entertainment .e2.n4 li.active {
  background: #f5af40; }

.city .e2.n4 li.active {
  background: #56afea; }

.e2.n6 li.active {
  background: #18c06f; }

.play .e2.n6 li.active {
  background: #fd7343; }

.cinema .e2.n6 li.active {
  background: #4ed2c4; }

.entertainment .e2.n6 li.active {
  background: #f5af40; }

.city .e2.n6 li.active {
  background: #56afea; }

.e2.n6 {
  border-color: #18c06f; }

.play .e2.n6 {
  border-color: #fd7343; }

.cinema .e2.n6 {
  border-color: #4ed2c4; }

.entertainment .e2.n6 {
  border-color: #f5af40; }

.city .e2.n6 {
  border-color: #56afea; }

.e2.n6 li.active {
  border-color: #18c06f; }

.play .e2.n6 li.active {
  border-color: #fd7343; }

.cinema .e2.n6 li.active {
  border-color: #4ed2c4; }

.entertainment .e2.n6 li.active {
  border-color: #f5af40; }

.city .e2.n6 li.active {
  border-color: #56afea; }

.e2.n2.tps a, .tps.next.page-numbers a, .tps.prev.page-numbers a {
  border-color: #18c06f; }

.play .e2.n2.tps a, .play .tps.next.page-numbers a, .play .tps.prev.page-numbers a {
  border-color: #fd7343; }

.cinema .e2.n2.tps a, .cinema .tps.next.page-numbers a, .cinema .tps.prev.page-numbers a {
  border-color: #4ed2c4; }

.entertainment .e2.n2.tps a, .entertainment .tps.next.page-numbers a, .entertainment .tps.prev.page-numbers a {
  border-color: #f5af40; }

.city .e2.n2.tps a, .city .tps.next.page-numbers a, .city .tps.prev.page-numbers a {
  border-color: #56afea; }

.pagination {
  width: 100%;
  text-align: center; }

.page-numbers {
  display: none; }

.next.page-numbers {
  width: 48%;
  display: inline-block; }
  .next.page-numbers:after {
    width: 8px;
    height: 8px;
    border: solid 2px #fff;
    content: '';
    position: absolute;
    display: block;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: transparent;
    border-left: transparent;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto; }

.prev.page-numbers {
  width: 48%;
  display: inline-block; }
  .prev.page-numbers:before {
    width: 8px;
    height: 8px;
    border: solid 2px #fff;
    content: '';
    position: absolute;
    display: block;
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    border-bottom: transparent;
    border-left: transparent;
    top: 0;
    bottom: 0;
    left: 15px;
    margin: auto; }

.e3 {
  margin-bottom: 30px; }
  @media all and (min-width: 768px) {
    .e3 {
      margin-right: -15px;
      margin-left: -15px; }
      .e3 .item {
        padding-right: 15px;
        padding-left: 15px; } }
  .e3 a.item :hover .image img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  .e3 a.item .image img {
    transition: 0.3s; }
  .e3 .item {
    box-sizing: border-box;
    position: relative;
    min-height: 1px;
    margin-bottom: 30px;
    padding-right: 0px;
    padding-left: 0px; }
    .e3 .item .image-area .image {
      width: 100%;
      position: relative;
      margin: auto;
      overflow: hidden;
      padding-top: 66.66666%;
      width: auto; }
      .e3 .item .image-area .image img {
        width: auto;
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        max-width: 100%;
        max-height: 100%; }
    .e3 .item .image-area .image-title {
      text-align: left;
      display: block;
      font-size: 12px;
      line-height: 1.2;
      margin: 10px 0; }
    .e3 .item .content-area.bd {
      border-top: 0; }
    .e3 .item .content-area .title {
      line-height: 1.6;
      font-size: 16px; }
    .e3 .item .content-area > a {
      color: #337ab7; }
      .e3 .item .content-area > a.high {
        font-weight: bold;
        font-size: 18px;
        padding: 26px 0;
        display: block;
        margin-bottom: 0px; }
      .e3 .item .content-area > a.btn, .e3 .e6.n2 .item .content-area > a, .e6.n2 .e3 .item .content-area > a {
        width: 100%;
        text-align: center;
        font-size: 16px;
        padding: 33px 0;
        display: block; }
      .e3 .item .content-area > a.line {
        font-weight: bold;
        display: block;
        margin-bottom: 0px; }
    .e3 .item .content-area .description {
      line-height: 1.6;
      font-size: 16px; }
  .e3.n1 {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px; }
  @media (min-width: 1280px) {
    .e3.il .item .image-area {
      float: left;
      width: -webkit-calc(40% - 60px);
      width: calc(40% - 60px);
      margin-right: 60px; }
    .e3.il .item .content-area {
      float: left;
      width: 60%; } }
  @media (min-width: 1024px) {
    .e3.il .item .image-area {
      float: left;
      width: -webkit-calc(40% - 60px);
      width: calc(40% - 60px);
      margin-right: 60px; }
    .e3.il .item .content-area {
      float: left;
      width: 60%; } }
  @media (min-width: 768px) {
    .e3.il .item .image-area {
      float: left;
      width: -webkit-calc(40% - 60px);
      width: calc(40% - 60px);
      margin-right: 60px; }
    .e3.il .item .content-area {
      float: left;
      width: 60%; } }
  @media (min-width: 1280px) {
    .e3.ir .item .image-area {
      float: right;
      width: -webkit-calc(40% - 60px);
      width: calc(40% - 60px);
      margin-left: 60px; }
    .e3.ir .item .content-area {
      float: right;
      width: 60%; } }
  @media (min-width: 1024px) {
    .e3.ir .item .image-area {
      float: right;
      width: -webkit-calc(40% - 60px);
      width: calc(40% - 60px);
      margin-left: 60px; }
    .e3.ir .item .content-area {
      float: right;
      width: 60%; } }
  @media (min-width: 768px) {
    .e3.ir .item .image-area {
      float: right;
      width: -webkit-calc(40% - 60px);
      width: calc(40% - 60px);
      margin-left: 60px; }
    .e3.ir .item .content-area {
      float: right;
      width: 60%; } }
  .e3.high .item .image-area .image {
    padding-top: 150%; }
  .e3.mhigh .item .image-area .image {
    padding-top: 66.66666%; }
  .e3.eq .item .image-area .image {
    padding-top: 100%; }
  .e3.et .item .image-area .image {
    padding-top: 75%; }
  .e3.na {
    text-align: center; }
  .e3.na .item .image-area .image {
    padding-top: 0%; }
  .e3.na .item .image-area .image img {
    position: relative;
    max-height: 700px; }
  .e3.n1.mw {
    max-width: 1270px;
    margin: auto; }
  .e3.n2.mw {
    max-width: 1270px;
    margin: auto; }
    .e3.n2.mw .item {
      padding: 0; }
  @media (min-width: 568px) and (max-width: 767px) {
    .e3.bgn .item .image-area .image {
      padding-top: 0 !important; }
      .e3.bgn .item .image-area .image img {
        position: relative !important; } }
  @media (max-width: 567px) {
    .e3.bgn .item .image-area .image {
      padding-top: 0 !important; }
      .e3.bgn .item .image-area .image img {
        position: relative !important; } }
  .e3.bgi .item .image-area .image {
    background: #f5f5f5; }
    @media (min-width: 568px) and (max-width: 767px) {
      .e3.bgi .item .image-area .image {
        padding-top: 0 !important; }
        .e3.bgi .item .image-area .image img {
          position: relative !important; } }
    @media (max-width: 567px) {
      .e3.bgi .item .image-area .image {
        padding-top: 0 !important; }
        .e3.bgi .item .image-area .image img {
          position: relative !important; } }

.e4 {
  width: 100%; }
  .e4 th, .e4 td {
    padding: 10px;
    border: 1px solid #ddd;
    min-width: 150px; }
  .e4 td.r-action {
    border-left: 0px; }
    @media all and (max-width: 680px) {
      .e4 td.r-action {
        border-top: 0px;
        border-left: 1px solid #ddd; } }
  .e4 td.l-action {
    border-right: 0px; }
    @media all and (max-width: 680px) {
      .e4 td.l-action {
        border-top: 0px;
        border-right: 1px solid #ddd; } }
  .e4.oh th, .e4.oh td {
    min-width: auto; }
  .e4 th {
    background: #f4f4f4; }
  .e4 th {
    color: white; }
  .e4.n1 {
    margin-bottom: 60px; }
  .e4.n2 {
    margin-bottom: 60px; }
    .e4.n2 th {
      width: 30%;
      text-align: left; }
    @media all and (max-width: 680px) {
      .e4.n2 thead {
        display: none; }
      .e4.n2 th {
        width: 100%;
        display: block;
        border-top: none;
        color: white; }
      .e4.n2 td {
        width: 100%;
        display: block;
        border-top: none; }
      .e4.n2 tr:first-child th {
        border-top: 1px solid #ddd; } }
  .e4.n3 {
    margin-bottom: 60px; }
    .e4.n3 th {
      width: 30%;
      text-align: left; }
    @media all and (max-width: 680px) {
      .e4.n3 thead {
        display: none; }
      .e4.n3 th {
        width: 100%;
        display: block;
        border-top: none;
        color: white; }
      .e4.n3 td {
        width: 100%;
        display: block;
        border-top: none; }
      .e4.n3 tr:first-child th {
        border-top: 1px solid #ddd; } }

.e4 th {
  background: #18c06f; }

.play .e4 th {
  background: #fd7343; }

.cinema .e4 th {
  background: #4ed2c4; }

.entertainment .e4 th {
  background: #f5af40; }

.city .e4 th {
  background: #56afea; }

.e4 .wb th {
  background: #18c06f; }

.play .e4 .wb th {
  background: #fd7343; }

.cinema .e4 .wb th {
  background: #4ed2c4; }

.entertainment .e4 .wb th {
  background: #f5af40; }

.city .e4 .wb th {
  background: #56afea; }

@media all and (max-width: 680px) {
  .e4.n3 tr td {
    background: #18c06f; }
  .play .e4.n3 tr td {
    background: #fd7343; }
  .cinema .e4.n3 tr td {
    background: #4ed2c4; }
  .entertainment .e4.n3 tr td {
    background: #f5af40; }
  .city .e4.n3 tr td {
    background: #56afea; }
  .e4.n3 tr td + td {
    background-color: white !important; } }

.e5.n1 {
  position: relative;
  width: 100%; }
  .e5.n1 .index {
    position: relative;
    color: #ffffff;
    padding: 15px 40px 5px 10px;
    cursor: pointer; }
    .e5.n1 .index.active::after {
      -moz-transform: rotate(315deg);
      -webkit-transform: rotate(315deg);
      -o-transform: rotate(315deg);
      -ms-transform: rotate(315deg);
      transform: rotate(315deg); }
    .e5.n1 .index::after {
      content: '';
      position: absolute;
      display: block;
      width: 16px;
      height: 16px;
      border: solid 5px white;
      border-bottom: transparent;
      border-left: transparent;
      -moz-transform: rotate(135deg);
      -webkit-transform: rotate(135deg);
      -o-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      transform: rotate(135deg);
      top: 10px;
      right: 10px;
      margin: auto; }
  .e5.n1 .answer {
    display: none;
    border: solid 1px Silver;
    margin: 0px;
    padding: 10px; }

.e5.n2 {
  text-align: center; }
  .e5.n2 iframe {
    width: 100%;
    height: 220px;
    border: none;
    margin-bottom: 10px; }
  .e5.n2 .btn, .e5.n2 .e3 .item .content-area > a.btn, .e3 .item .e5.n2 .content-area > a.btn, .e5.n2 .e6.n2 .item a, .e6.n2 .item .e5.n2 a {
    background: #3e3e3e;
    color: #ffffff;
    font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    font-size: 16px;
    padding: 13px 71px;
    position: relative; }
    .e5.n2 .btn:hover, .e5.n2 .e3 .item .content-area > a.btn:hover, .e3 .item .e5.n2 .content-area > a.btn:hover, .e5.n2 .e6.n2 .item a:hover, .e6.n2 .item .e5.n2 a:hover {
      color: #fff;
      background: #424242;
      opacity: .9; }
    .e5.n2 .btn:after, .e5.n2 .e3 .item .content-area > a.btn:after, .e3 .item .e5.n2 .content-area > a.btn:after, .e5.n2 .e6.n2 .item a:after, .e6.n2 .item .e5.n2 a:after {
      content: "\f24d";
      font-family: FontAwesome;
      margin-left: 10px; }

.e5.n3 {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  margin-bottom: 30px; }
  .e5.n3 .item {
    margin-bottom: 20px; }
    .e5.n3 .item .image-area {
      width: 20%;
      float: left;
      z-index: 1; }
      .e5.n3 .item .image-area .image img {
        width: 100%; }
    .e5.n3 .item .speak-area {
      z-index: 2; }
      .e5.n3 .item .speak-area .name {
        font-family: "hirakaku-w6";
        font-size: 14px;
        font-weight: bold; }
      .e5.n3 .item .speak-area .content {
        border: 1px solid #cccccc;
        padding: 10px;
        margin-top: 5px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        position: relative; }
        .e5.n3 .item .speak-area .content:before {
          content: "";
          display: block;
          border-width: 8px 8px 0;
          border-color: #cccccc transparent;
          border-style: solid;
          position: absolute;
          top: 12px;
          width: 0; }
        .e5.n3 .item .speak-area .content:after {
          border-color: #ffffff transparent;
          border-style: solid;
          border-width: 8px 8px 0;
          content: "";
          display: block;
          position: absolute;
          top: 12px;
          width: 0; }
  .e5.n3 .item.right .speak-area .name {
    text-align: right; }
  .e5.n3 .item.left .speak-area .content:before {
    left: -12px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  .e5.n3 .item.right .speak-area .content:before {
    right: -12px;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }
  .e5.n3 .item.left .speak-area .content:after {
    left: -11px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  .e5.n3 .item.right .speak-area .content:after {
    right: -11px;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }

.e5.n4 {
  width: 100%;
  display: table;
  vertical-align: middle;
  text-align: center; }
  .e5.n4.has-1 {
    margin: 0px auto;
    width: 50%; }
  .e5.n4.has-2 li {
    width: 50%; }
    .e5.n4.has-2 li:first-child {
      padding-right: 5px; }
  .e5.n4 li {
    display: table-cell;
    float: none; }
  .e5.n4 a {
    display: block;
    padding: 5px 0; }
  .e5.n4 .twitter a {
    background: #49cbff; }
  .e5.n4 .facebook a {
    background: #40559b; }
  .e5.n4 .instagram a {
    background: #917169; }

.e5.n5 li {
  display: table-cell;
  float: none; }

.e5.n5 a {
  display: block;
  padding: 5px 0; }

.e5.n5 .twitter a {
  background: #49cbff; }

.e5.n5 .facebook a {
  background: #40559b; }

.e5.n7 .w-slider .slick-prev {
  left: 70px;
  width: 35px;
  height: 35px;
  z-index: 1; }
  .e5.n7 .w-slider .slick-prev:before {
    font-size: 40px; }

.e5.n7 .w-slider .slick-next {
  right: 70px;
  width: 35px;
  height: 35px;
  z-index: 1; }
  .e5.n7 .w-slider .slick-next:before {
    font-size: 40px; }

.e5.n7.t1 .item.slick-slide a {
  padding-top: 0px; }

.e5.n7 .slider {
  width: 100%;
  margin: 0 auto; }

.e5.n7 .item.slick-slide {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  margin-bottom: 30px; }
  @media all and (min-width: 768px) {
    .e5.n7 .item.slick-slide {
      padding-right: 15px;
      padding-left: 15px; } }
  .e5.n7 .item.slick-slide a, .e5.n7 .item.slick-slide .images {
    display: block;
    padding-top: 66.66666%; }
  .e5.n7 .item.slick-slide img {
    width: auto;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    margin-top: 0px; }

.e5.n7 .slick-slide:not(.slick-center) {
  -webkit-filter: opacity(70%);
  -moz-filter: opacity(70%);
  -o-filter: opacity(70%);
  -ms-filter: opacity(70%);
  filter: opacity(70%);
  transition: 0.2s linear; }

.e5.n7 .slick-prev {
  left: 10%;
  width: 40px;
  height: 40px;
  z-index: 1; }
  .e5.n7 .slick-prev:before {
    font-size: 40px; }

.e5.n7 .slick-next {
  right: 10%;
  width: 40px;
  height: 40px;
  z-index: 1; }
  .e5.n7 .slick-next:before {
    font-size: 40px; }

.e5.n7 .item {
  position: relative; }

.e5.n7.top .has-font {
  margin-top: 10px;
  margin-left: 20px; }

.e5.n7.top .item.slick-slide {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  margin-bottom: 30px; }
  .e5.n7.top .item.slick-slide a, .e5.n7.top .item.slick-slide .images {
    display: block;
    padding-top: 0px; }
  .e5.n7.top .item.slick-slide img {
    width: auto;
    margin: auto;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    margin-top: 0px; }

@media (max-width: 761px) {
  .e5.n7 .slick-arrow {
    display: none !important; } }

.e5.n7.high .item.slick-slide a {
  padding-top: 150%; }

.e5.n7.mhigh .item.slick-slide a {
  padding-top: 66.6666%; }

.e5.n7.eq .item.slick-slide a {
  padding-top: 100%; }

.e5.n7.et .item.slick-slide a {
  padding-top: 75%; }

.e5.n7.high .item.slick-slide .images {
  padding-top: 150%; }

.e5.n7.mhigh .item.slick-slide .images {
  padding-top: 66.6666%; }

.e5.n7.eq .item.slick-slide .images {
  padding-top: 100%; }

.e5.n7.et .item.slick-slide .images {
  padding-top: 75%; }

.e5.n7.m0 .item.slick-slide {
  margin-bottom: 0px; }

.embed-responsive .embed-responsive-item {
  width: 100%;
  height: 100%; }

.embed-responsive iframe {
  width: 100%;
  height: 100%; }

@media all and (min-width: 768px) {
  .e5.n7.top .has-font {
    margin-left: 0px; }
  .embed-responsive .embed-responsive-item {
    width: 450px;
    height: 280px;
    margin: 0 auto;
    right: 0; }
  .embed-responsive iframe {
    width: 450px;
    height: 280px;
    margin: 0 auto;
    right: 0; }
  .embed-responsive-16by9 {
    padding-bottom: 52.25%; } }

@media all and (min-width: 992px) {
  .embed-responsive .embed-responsive-item {
    width: 550px;
    height: 330px; }
  .embed-responsive iframe {
    width: 550px;
    height: 330px; }
  .embed-responsive-16by9 {
    padding-bottom: 47.25%; } }

@media all and (min-width: 1200px) {
  .embed-responsive .embed-responsive-item {
    width: 700px;
    height: 401px; }
  .embed-responsive iframe {
    width: 700px;
    height: 401px; } }

.e5.n1 .index {
  background: #18c06f; }

.play .e5.n1 .index {
  background: #fd7343; }

.cinema .e5.n1 .index {
  background: #4ed2c4; }

.entertainment .e5.n1 .index {
  background: #f5af40; }

.city .e5.n1 .index {
  background: #56afea; }

.e6.n1 {
  padding-bottom: 0px;
  text-align: center; }
  .e6.n1 li {
    width: 98%;
    display: inline-block; }
  .e6.n1 .item a img {
    display: block;
    max-width: 100%;
    height: auto; }
  @media all and (min-width: 986px) {
    .e6.n1 li:nth-child(odd) {
      margin-right: 15px; }
    .e6.n1 li:nth-child(even) {
      margin-left: 15px; } }
  @media all and (min-width: 488px) {
    .e6.n1 li {
      width: 460px; } }

.e6.n2 .item {
  margin-bottom: 30px;
  padding-right: 15px;
  padding-left: 15px; }
  .e6.n2 .item img {
    display: block;
    max-width: 100%;
    width: 100%; }
  .e6.n2 .item a {
    width: 100%;
    text-align: center;
    font-size: 16px;
    padding: 33px 0;
    display: block; }

.e6.n2 .item a {
  background: #18c06f; }

.play .e6.n2 .item a {
  background: #fd7343; }

.cinema .e6.n2 .item a {
  background: #4ed2c4; }

.entertainment .e6.n2 .item a {
  background: #f5af40; }

.city .e6.n2 .item a {
  background: #56afea; }

.performance-info {
  background: #fff0e8;
  padding: 30px 15px;
  text-align: center;
  margin: 0 -15px; }

.purchase-tickets {
  background: #fff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -opera-border-radius: 4px;
  padding: 30px 15px 30px 15px; }
  .purchase-tickets .title {
    padding-top: 20px;
    margin-bottom: 20px; }
  .purchase-tickets .purchase-phone {
    margin-bottom: 20px; }
  .purchase-tickets span {
    display: block;
    font-size: 16px; }
  .purchase-tickets .text-navidial {
    width: 100%;
    padding: 13px 0;
    color: #fff;
    font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    margin-top: 15px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -opera-border-radius: 4px;
    display: block; }
    .purchase-tickets .text-navidial span {
      display: inline-block;
      color: #030303;
      font-size: 14px;
      font-family: "hirakaku-w3", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; }
  .purchase-tickets .text-area {
    width: 100%;
    color: #fff;
    padding: 14px 28px;
    display: inline-block;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -opera-border-radius: 4px;
    margin-bottom: 15px; }
  .purchase-tickets .text-pc {
    width: 100%;
    color: #fff;
    font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    font-size: 16px;
    padding: 14px 0;
    margin-top: 15px;
    display: inline-block;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -opera-border-radius: 4px; }
  .purchase-tickets .w-or {
    font-size: 14px;
    font-family: "hirakaku-w3", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    margin: 5px 0; }
  .purchase-tickets .btn-purchase {
    padding: 13px 69px;
    width: 100%; }
    .purchase-tickets .btn-purchase:hover {
      color: #fff; }
  .purchase-tickets .br-text {
    display: block; }
  .purchase-tickets .w-btn {
    position: relative; }
    .purchase-tickets .w-btn:after {
      width: 8px;
      height: 8px;
      border: solid 1px #fff;
      content: '';
      position: absolute;
      display: block;
      -moz-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      border-bottom: transparent;
      border-left: transparent;
      top: 0;
      bottom: 0;
      right: 15px;
      margin: auto; }
  .purchase-tickets .purchase-guide .purchase-guide__list {
    text-align: left;
    list-style: square;
    margin-left: 15px; }
  .purchase-tickets .purchase-pc {
    margin-bottom: 15px; }

@media all and (min-width: 768px) {
  .w-callout .w-callout__box-left [class^=col-]:first-child {
    padding-right: 15px; }
  .w-callout .w-callout__box-left [class^=col-]:last-child {
    padding-left: 0; }
  .w-callout .w-callout__box-right [class^=col-]:first-child {
    padding-right: 0; }
  .w-callout .w-callout__box-right [class^=col-]:last-child {
    padding-left: 15px; }
  .purchase-tickets {
    padding: 30px 40px 30px 40px; }
    .purchase-tickets .purchase-guide .purchase-guide__list {
      margin-left: 50px; } }

@media all and (min-width: 992px) {
  .purchase-tickets {
    padding: 30px 15px 30px 15px; }
    .purchase-tickets .purchase-phone__number [class^='col-']:first-child {
      padding-right: 0; }
    .purchase-tickets .purchase-phone__number [class^='col-']:last-child {
      padding-left: 0; }
    .purchase-tickets .br-text {
      display: none; }
    .purchase-tickets .text-pc {
      padding: 58px 0; }
    .purchase-tickets .text-area, .purchase-tickets .text-area {
      width: 97%;
      padding: 14px 4px; }
    .purchase-tickets .btn-purchase {
      width: auto; } }

.scroll {
  overflow: auto;
  white-space: nowrap; }
  .scroll table {
    width: 100%; }

@media (min-width: 768px) {
  .col-sm-6.box_element_content, .has_two .box_element_content.item, .e3.n2 .box_element_content.item, .has_two li.box_element_content, .e3.n2 li.box_element_content {
    width: 48%; } }

.kd-table {
  text-align: center;
  font-size: 16px; }
  .kd-table table {
    text-align: left;
    margin-bottom: 0; }
  .kd-table tr td {
    background: #ffffff;
    border: 2px solid #fff0e8; }
  .kd-table tr td:first-child {
    font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; }
  .kd-table button {
    margin: 10px 0;
    padding: 10px 50px;
    background: #404040;
    border: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -opera-border-radius: 4px;
    position: relative; }
  .kd-table .kd-table__btn-top:before {
    width: 10px;
    height: 10px;
    border: solid 1px #fff;
    content: '';
    position: absolute;
    display: block;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-bottom: transparent;
    border-left: transparent;
    top: 5px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto; }
  .kd-table .kd-table__btn-bottom:after {
    width: 10px;
    height: 10px;
    border: solid 1px #fff;
    content: '';
    position: absolute;
    display: block;
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    border-bottom: transparent;
    border-left: transparent;
    top: 0;
    bottom: 5px;
    right: 0;
    left: 0;
    margin: auto; }

.official-sns {
  margin: 10px 0 0 0; }
  .official-sns strong {
    display: block; }
  .official-sns .official-sns__list {
    width: 100%;
    list-style: none;
    display: inline-block; }
    .official-sns .official-sns__list li {
      width: 25%;
      float: left; }
      .official-sns .official-sns__list li a {
        width: 99%;
        height: 38px;
        display: block;
        position: relative;
        overflow: hidden; }
        .official-sns .official-sns__list li a img {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto;
          max-width: 100%;
          max-height: 100%; }
      .official-sns .official-sns__list li .official-sns-fb {
        background: #40559b; }
      .official-sns .official-sns__list li .official-sns-tw {
        background: #49cbff; }
      .official-sns .official-sns__list li .official-sns-in {
        background: #90706a; }
      .official-sns .official-sns__list li .official-sns-line {
        background: #00b900; }

.box-content {
  padding: 0 0 30px 0; }
  .box-content .cl-link a {
    color: #337ab7; }
  .box-content .row {
    margin: 0; }
  .box-content .box-content__images {
    width: 100%;
    height: 260px;
    background-color: #f5f5f5;
    position: relative;
    margin: auto;
    overflow: hidden;
    position: relative; }
  .box-content .box-content__info {
    display: table;
    font-size: 16px;
    margin-top: 20px;
    width: 100%; }
    .box-content .box-content__info .info .general_theater {
      border: 1px solid #fe7343;
      padding: 3px 10px;
      color: #fe7343;
      font-size: 12px;
      font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
      display: inline; }
    .box-content .box-content__info .info .general_anime {
      border: 1px solid #4fd2c3;
      padding: 3px 10px;
      color: #4fd2c3;
      font-size: 12px;
      font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
      display: inline; }
    .box-content .box-content__info .info .description {
      margin-top: 10px;
      font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
      color: #13339c; }
    .box-content .box-content__info .info .title {
      width: 100%;
      display: table;
      margin: 10px 0; }
    .box-content .box-content__info .info .venue {
      width: 100%;
      display: table;
      margin: 10px 0; }
      .box-content .box-content__info .info .venue span {
        display: table-cell;
        float: none; }
      .box-content .box-content__info .info .venue span:first-child {
        width: 10%; }
      .box-content .box-content__info .info .venue .cl-link {
        font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
        color: #13339c;
        padding-left: 20px; }
    .box-content .box-content__info .info .time {
      width: 100%;
      display: table;
      margin: 10px 0; }
      .box-content .box-content__info .info .time span {
        display: table-cell;
        float: none; }
      .box-content .box-content__info .info .time span:first-child {
        width: 10%; }
      .box-content .box-content__info .info .time strong {
        display: table-cell;
        float: none;
        padding-left: 20px;
        font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; }
    .box-content .box-content__info .box-content__info-sale {
      display: table-footer-group;
      clear: both;
      margin-top: 10px; }
      .box-content .box-content__info .box-content__info-sale .ticket_info {
        text-align: center;
        width: 100%;
        font-size: 12px;
        font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; }
        .box-content .box-content__info .box-content__info-sale .ticket_info.ticket_info_sale {
          padding: 5px;
          border: 1px solid #cccccc;
          background-color: #ffffff;
          border-bottom: none; }
          .box-content .box-content__info .box-content__info-sale .ticket_info.ticket_info_sale.only {
            border-bottom: 1px solid #cccccc; }
        .box-content .box-content__info .box-content__info-sale .ticket_info.ticket_info_sale_available {
          text-align: center;
          background-color: #000000;
          color: #ffffff;
          border: 1px solid #000000;
          float: left; }
  .box-content .copyright {
    margin-top: 22px;
    display: inline-block;
    text-align: right;
    font-size: 12px;
    width: 100%; }
  .box-content .kd-table {
    text-align: center;
    font-size: 16px; }
    .box-content .kd-table table {
      text-align: left;
      margin-bottom: 0; }
    .box-content .kd-table tr td {
      background: #ffffff;
      border: 2px solid #fff0e8; }
    .box-content .kd-table tr td:first-child {
      font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; }
    .box-content .kd-table button {
      margin: 10px 0;
      padding: 10px 50px;
      background: #404040;
      border: none;
      border-radius: 4px;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      -opera-border-radius: 4px;
      position: relative; }
    .box-content .kd-table .kd-table__btn-top:before {
      width: 10px;
      height: 10px;
      border: solid 1px #fff;
      content: '';
      position: absolute;
      display: block;
      -moz-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      border-bottom: transparent;
      border-left: transparent;
      top: 5px;
      bottom: 0;
      right: 0;
      left: 0;
      margin: auto; }
    .box-content .kd-table .kd-table__btn-bottom:after {
      width: 10px;
      height: 10px;
      border: solid 1px #fff;
      content: '';
      position: absolute;
      display: block;
      -moz-transform: rotate(135deg);
      -webkit-transform: rotate(135deg);
      -o-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      transform: rotate(135deg);
      border-bottom: transparent;
      border-left: transparent;
      top: 0;
      bottom: 5px;
      right: 0;
      left: 0;
      margin: auto; }

.list_content {
  background: #ffffff;
  padding: 0;
  margin: 0 15px; }
  .list_content .row [class^='col-'] {
    border: 1px solid #cccccc;
    margin-bottom: 15px; }
  .list_content .row .box_element_content {
    padding: 0; }
    .list_content .row .box_element_content .element_content {
      padding: 15px;
      background-color: #ffffff;
      position: relative;
      display: block;
      overflow: hidden;
      font-size: 16px;
      margin-bottom: 10px; }
      .list_content .row .box_element_content .element_content .image {
        float: left;
        width: 40%;
        text-align: center;
        background-color: #f5f5f5;
        height: 190px;
        position: relative;
        margin: auto;
        overflow: hidden; }
        .list_content .row .box_element_content .element_content .image.white {
          background-color: white; }
        .list_content .row .box_element_content .element_content .image img {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto;
          max-width: 100%;
          max-height: 100%; }
      .list_content .row .box_element_content .element_content .image-area {
        height: auto;
        float: left;
        width: 40%; }
        .list_content .row .box_element_content .element_content .image-area .image {
          width: 100%;
          clear: both; }
        .list_content .row .box_element_content .element_content .image-area .image_u {
          text-align: center;
          color: #13339c;
          font-size: 14px;
          display: inline-block;
          margin: 5px 0 auto;
          width: 100%;
          border-radius: 50px;
          background: #f6f5f6;
          padding: 3px; }
      .list_content .row .box_element_content .element_content.good .image {
        width: 100%; }
      .list_content .row .box_element_content .element_content .info {
        width: 55%;
        float: right; }
        .list_content .row .box_element_content .element_content .info .general_theater {
          border: 1px solid #fe7343;
          padding: 3px 10px;
          color: #fe7343;
          font-size: 12px;
          font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
          display: inline; }
        .list_content .row .box_element_content .element_content .info .general_anime {
          border: 1px solid #4fd2c3;
          padding: 3px 10px;
          color: #4fd2c3;
          font-size: 12px;
          font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
          display: inline; }
        .list_content .row .box_element_content .element_content .info .description {
          margin: 10px 0;
          font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
          color: #13339c;
          display: block; }
          .list_content .row .box_element_content .element_content .info .description.bla {
            font-weight: bold;
            color: black; }
        .list_content .row .box_element_content .element_content .info .venue span {
          color: #13339c;
          margin-left: 10px; }
        .list_content .row .box_element_content .element_content .info .link {
          display: inline-block;
          font-size: 16px;
          margin: 2px 0;
          width: 100%;
          color: #337ab7;
          text-decoration: underline; }
        .list_content .row .box_element_content .element_content .info .copyright {
          margin-top: 22px;
          display: inline-block;
          text-align: right;
          font-size: 12px;
          width: 100%; }
      .list_content .row .box_element_content .element_content.good .info {
        width: 100%; }
      .list_content .row .box_element_content .element_content .info_sale {
        width: 100%;
        float: right;
        clear: both;
        margin-top: 10px; }
        .list_content .row .box_element_content .element_content .info_sale .ticket_info {
          width: 100%;
          font-size: 12px;
          font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
          text-align: center; }
          .list_content .row .box_element_content .element_content .info_sale .ticket_info.ticket_info_sale {
            padding: 1px;
            border: 1px solid #cccccc;
            background-color: #ffffff;
            border-bottom: none; }
            .list_content .row .box_element_content .element_content .info_sale .ticket_info.ticket_info_sale.only {
              border-bottom: 1px solid #cccccc; }
          .list_content .row .box_element_content .element_content .info_sale .ticket_info.ticket_info_sale_available {
            padding: 1px;
            background-color: #000000;
            color: #ffffff;
            border: 1px solid #000000;
            float: left; }
  .list_content .btn_all_content {
    color: #ffffff;
    margin: 20px auto;
    width: 100%; }
  .list_content .note {
    margin-bottom: 25px; }
  .list_content .copyright {
    margin-top: 12px;
    display: inline-block;
    text-align: left;
    font-size: 12px;
    width: 100%; }

@media all and (min-width: 480px) {
  .box-content .box-content__images {
    width: 100%;
    height: 380px; } }

@media all and (min-width: 768px) {
  .official-sns {
    text-align: center;
    display: table;
    margin: 15px auto; }
    .official-sns strong {
      display: table-cell;
      float: none;
      vertical-align: middle; }
    .official-sns .official-sns__list {
      width: auto;
      display: table-cell;
      float: none; }
      .official-sns .official-sns__list li {
        width: auto;
        margin: 0 2px; }
        .official-sns .official-sns__list li a {
          width: 38px;
          height: 38px; }
  .box-content .box-content__images {
    width: auto;
    height: 355px; }
  .box-content .row [class^='col-']:first-child {
    padding: 0; }
  .box-content .row [class^='col-']:last-child {
    padding-right: 0; }
  .box-content .box-content__info {
    height: 355px;
    margin-top: 0; }
  .list_content {
    margin: 0; }
    .list_content .btn_all_content {
      width: auto;
      padding: 15px 79px; }
    .list_content .note {
      text-align: center;
      margin-top: 10px; }
    .list_content .row {
      display: flex;
      margin: 0; }
      .list_content .row [class^='col-'] {
        border: 1px solid #cccccc;
        margin-bottom: 15px; }
      .list_content .row [class^='col-']:nth-child(even) {
        margin-left: 20px; }
      .list_content .row .box_element_content .element_content {
        margin-bottom: 0; }
    .list_content .box_element_content:nth-child(even) {
      padding-right: 0; }
    .list_content .box_element_content:nth-child(odd) {
      padding-left: 0; } }

@media all and (min-width: 992px) {
  .box-content .box-content__images {
    height: 362px; }
  .box-content .box-content__info {
    height: 362px; }
  .tab-content .btn-pre-next .btn-pre {
    width: 80%; }
  .tab-content .btn-pre-next .btn-next {
    width: 80%; }
  .btn-pre-next .btn-pre {
    width: 80%;
    float: right; }
  .btn-pre-next .btn-next {
    width: 80%;
    float: left; }
  .btn-pre-next [class^='col'] {
    padding: 0 15px; } }

.copyright-dtl {
  margin-top: 22px;
  display: inline-block;
  text-align: right;
  font-size: 12px;
  width: 100%; }

@media all and (min-width: 768px) {
  body.fontM {
    font-size: 16.8px; }
    body.fontM .s-font {
      font-size: 14.4px; }
    body.fontM h1 {
      font-size: 38.4px; }
    body.fontM h2 {
      font-size: 33.6px; }
    body.fontM h3 {
      font-size: 28.8px; }
    body.fontM .section-title h3 {
      font-size: 26.4px; }
    body.fontM h4 {
      font-size: 24px; }
    body.fontM h5 {
      font-size: 19.2px; }
    body.fontM .footer-main {
      font-size: 19.2px; }
    body.fontM ul.e1, body.fontM ol.e1 {
      font-size: 19.2px; }
    body.fontM .e1 {
      font-size: 19.2px; }
      body.fontM .e1.n1 {
        font-size: 38.4px; }
      body.fontM .e1.n2 {
        font-size: 28.8px; }
      body.fontM .e1.n3 {
        font-size: 28.8px; }
      body.fontM .e1.n4 {
        font-size: 19.2px; }
      body.fontM .e1.n5 {
        font-size: 19.2px; }
      body.fontM .e1.n6 {
        font-size: 16.8px; }
      body.fontM .e1.n7 {
        font-size: 21.6px; }
      body.fontM .e1.n10 {
        font-size: 19.2px; }
      body.fontM .e1.n11 {
        font-size: 21.6px; }
      body.fontM .e1.n12 {
        font-size: 28.8px; }
      body.fontM .e1.n13 {
        font-size: 28.8px; }
    body.fontM .e3 .item .image-area .image-title {
      font-size: 14.4px; }
    body.fontM .e3 .item .content-area .title {
      font-size: 19.2px; }
    body.fontM .e3 .item .content-area > a.high {
      font-size: 21.6px; }
    body.fontM .e3 .item .content-area > a.btn, body.fontM .e3 .e6.n2 .item .content-area > a, .e6.n2 body.fontM .e3 .item .content-area > a {
      font-size: 19.2px; }
    body.fontM .e3 .item .content-area .description {
      font-size: 19.2px; }
    body.fontM .e6.n2 {
      text-align: center; }
      body.fontM .e6.n2 .btn, body.fontM .e6.n2 .item a {
        font-size: 19.2px; }
    body.fontM .kd-table {
      font-size: 19.2px; }
    body.fontM .box-content .box-content__info {
      font-size: 19.2px; }
      body.fontM .box-content .box-content__info .info .general_theater {
        font-size: 12px; }
      body.fontM .box-content .box-content__info .box-content__info-sale .ticket_info {
        font-size: 14.4px; }
    body.fontM .box-content .kd-table {
      font-size: 19.2px; }
    body.fontM .list_content .row .box_element_content {
      padding: 0; }
      body.fontM .list_content .row .box_element_content .element_content {
        font-size: 19.2px; }
        body.fontM .list_content .row .box_element_content .element_content .info .general_theater {
          font-size: 14.4px; }
        body.fontM .list_content .row .box_element_content .element_content .info .copyright {
          font-size: 14.4px; }
        body.fontM .list_content .row .box_element_content .element_content .info .link {
          font-size: 19.2px; }
        body.fontM .list_content .row .box_element_content .element_content .info_sale .ticket_info {
          font-size: 14.4px; }
    body.fontM .purchase-tickets .text-pc {
      font-size: 19.2px; }
    body.fontM ul.e1 li, body.fontM ol.e1 li {
      font-size: 21.6px; }
    body.fontM .return .r-search-results .result-list .result-list__title a {
      font-size: 21.6px; }
    body.fontM .return {
      font-size: 19.2px; }
      body.fontM .return .r-search {
        font-size: 19.2px; }
      body.fontM .return .next-page ul li {
        font-size: 19.2px; }
  body.fontL {
    font-size: 21px; }
    body.fontL .s-font {
      font-size: 18px; }
    body.fontL h1 {
      font-size: 48px; }
    body.fontL h2 {
      font-size: 42px; }
    body.fontL h3 {
      font-size: 36px; }
    body.fontL .section-title h3 {
      font-size: 33px; }
    body.fontL h4 {
      font-size: 30px; }
    body.fontL h5 {
      font-size: 24px; }
    body.fontL .footer-main {
      font-size: 24px; }
    body.fontL ul.e1, body.fontL ol.e1 {
      font-size: 24px; }
    body.fontL .e1 {
      font-size: 24px; }
      body.fontL .e1.n1 {
        font-size: 48px; }
      body.fontL .e1.n2 {
        font-size: 36px; }
      body.fontL .e1.n3 {
        font-size: 36px; }
      body.fontL .e1.n4 {
        font-size: 24px; }
      body.fontL .e1.n5 {
        font-size: 24px; }
      body.fontL .e1.n6 {
        font-size: 21px; }
      body.fontL .e1.n7 {
        font-size: 27px; }
      body.fontL .e1.n10 {
        font-size: 24px; }
      body.fontL .e1.n11 {
        font-size: 27px; }
      body.fontL .e1.n12 {
        font-size: 36px; }
      body.fontL .e1.n13 {
        font-size: 36px; }
    body.fontL .e3 .item .image-area .image-title {
      font-size: 18px; }
    body.fontL .e3 .item .content-area .title {
      font-size: 24px; }
    body.fontL .e3 .item .content-area > a.high {
      font-size: 27px; }
    body.fontL .e3 .item .content-area > a.btn, body.fontL .e3 .e6.n2 .item .content-area > a, .e6.n2 body.fontL .e3 .item .content-area > a {
      font-size: 24px; }
    body.fontL .e3 .item .content-area .description {
      font-size: 24px; }
    body.fontL .e6.n2 {
      text-align: center; }
      body.fontL .e6.n2 .btn, body.fontL .e6.n2 .item a {
        font-size: 24px; }
    body.fontL .kd-table {
      font-size: 24px; }
    body.fontL .box-content .box-content__info {
      font-size: 24px; }
      body.fontL .box-content .box-content__info .info .general_theater {
        font-size: 12px; }
      body.fontL .box-content .box-content__info .box-content__info-sale .ticket_info {
        font-size: 18px; }
    body.fontL .box-content .kd-table {
      font-size: 24px; }
    body.fontL .list_content .copyright {
      font-size: 18px; }
    body.fontL .list_content .row .box_element_content {
      padding: 0; }
      body.fontL .list_content .row .box_element_content .element_content {
        font-size: 24px; }
        body.fontL .list_content .row .box_element_content .element_content .info .general_theater {
          font-size: 18px; }
        body.fontL .list_content .row .box_element_content .element_content .info .link {
          font-size: 24px; }
        body.fontL .list_content .row .box_element_content .element_content .info .copyright {
          font-size: 18px; }
        body.fontL .list_content .row .box_element_content .element_content .info_sale .ticket_info {
          font-size: 18px; }
    body.fontL .purchase-tickets .text-pc {
      font-size: 24px; }
    body.fontL ul.e1 li, body.fontL ol.e1 li {
      font-size: 27px; }
    body.fontL .return .r-search-results .result-list .result-list__title a {
      font-size: 27px; }
    body.fontL .return {
      font-size: 24px; }
      body.fontL .return .r-search {
        font-size: 24px; }
      body.fontL .return .next-page ul li {
        font-size: 24px; } }

* {
  box-sizing: border-box; }

a {
  color: #000; }

a:hover,
a:focus {
  text-decoration: none !important;
  color: #13339c;
  opacity: .9;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  outline: none; }

body {
  font-family: "hirakaku-w3", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 14px;
  background: #fff;
  -webkit-text-size-adjust: 100%; }

.logo {
  width: 124px;
  height: 41px;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  margin: 14px 0 15px 15px;
  vertical-align: middle; }
  .logo img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%; }

.cl-link {
  color: #13339c; }

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .has_four .item, .e3.n4 .item, .has_four li, .e3.n4 li, .col-sm-4, .has_three .item, .e3.n3 .item, .has_three li, .e3.n3 li, .col-sm-5, .col-sm-6, .has_two .item, .e3.n2 .item, .has_two li, .e3.n2 li, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .e5.n3 .item .speak-area, .col-xs-11, .col-xs-12, .col-xs-2, .e5.n3 .item .image-area, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .has_four .item, .e3.n4 .item, .has_four li, .e3.n4 li, .col-xs-7, .col-xs-8, .col-xs-9 {
  position: relative;
  min-height: 1px; }

.img-row .img-row__img img {
  width: auto;
  margin: auto; }

.col-xs-1, .col-xs-2, .e5.n3 .item .image-area, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .has_four .item, .e3.n4 .item, .has_four li, .e3.n4 li, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .e5.n3 .item .speak-area, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-12 {
  width: 100%; }

.col-xs-11 {
  width: 91.66666667%; }

.col-xs-10, .e5.n3 .item .speak-area {
  width: 83.33333333%; }

.col-xs-9 {
  width: 75%; }

.col-xs-8 {
  width: 66.66666667%; }

.col-xs-7 {
  width: 58.33333333%; }

.col-xs-6, .has_four .item, .e3.n4 .item, .has_four li, .e3.n4 li {
  width: 50%; }

.col-xs-5 {
  width: 41.66666667%; }

.col-xs-4 {
  width: 33.33333333%; }

.col-xs-3 {
  width: 25%; }

.col-xs-2, .e5.n3 .item .image-area {
  width: 16.66666667%; }

.col-xs-1 {
  width: 8.33333333%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-pull-11 {
  right: 91.66666667%; }

.col-xs-pull-10 {
  right: 83.33333333%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-8 {
  right: 66.66666667%; }

.col-xs-pull-7 {
  right: 58.33333333%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-5 {
  right: 41.66666667%; }

.col-xs-pull-4 {
  right: 33.33333333%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-2 {
  right: 16.66666667%; }

.col-xs-pull-1 {
  right: 8.33333333%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-push-11 {
  left: 91.66666667%; }

.col-xs-push-10 {
  left: 83.33333333%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-8 {
  left: 66.66666667%; }

.col-xs-push-7 {
  left: 58.33333333%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-5 {
  left: 41.66666667%; }

.col-xs-push-4 {
  left: 33.33333333%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-2 {
  left: 16.66666667%; }

.col-xs-push-1 {
  left: 8.33333333%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-offset-12 {
  margin-left: 100%; }

.col-xs-offset-11 {
  margin-left: 91.66666667%; }

.col-xs-offset-10 {
  margin-left: 83.33333333%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-8 {
  margin-left: 66.66666667%; }

.col-xs-offset-7 {
  margin-left: 58.33333333%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-5 {
  margin-left: 41.66666667%; }

.col-xs-offset-4 {
  margin-left: 33.33333333%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-2 {
  margin-left: 16.66666667%; }

.col-xs-offset-1 {
  margin-left: 8.33333333%; }

.col-xs-offset-0 {
  margin-left: 0%; }

@media (min-width: 768px) {
  .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .has_four .item, .e3.n4 .item, .has_four li, .e3.n4 li, .col-sm-4, .has_three .item, .e3.n3 .item, .has_three li, .e3.n3 li, .col-sm-5, .col-sm-6, .has_two .item, .e3.n2 .item, .has_two li, .e3.n2 li, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .e5.n3 .item .speak-area, .col-xs-11, .col-xs-12, .col-xs-2, .e5.n3 .item .image-area, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .has_four .item, .e3.n4 .item, .has_four li, .e3.n4 li, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 15px;
    padding-left: 15px; }
  .col-sm-1, .col-sm-2, .col-sm-3, .has_four .item, .e3.n4 .item, .has_four li, .e3.n4 li, .col-sm-4, .has_three .item, .e3.n3 .item, .has_three li, .e3.n3 li, .col-sm-5, .col-sm-6, .has_two .item, .e3.n2 .item, .has_two li, .e3.n2 li, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-11 {
    width: 91.66666667%; }
  .col-sm-10 {
    width: 83.33333333%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-8 {
    width: 66.66666667%; }
  .col-sm-7 {
    width: 58.33333333%; }
  .col-sm-6, .has_two .item, .e3.n2 .item, .has_two li, .e3.n2 li {
    width: 50%; }
  .col-sm-5 {
    width: 41.66666667%; }
  .col-sm-4, .has_three .item, .e3.n3 .item, .has_three li, .e3.n3 li {
    width: 33.33333333%; }
  .col-sm-3, .has_four .item, .e3.n4 .item, .has_four li, .e3.n4 li {
    width: 25%; }
  .col-sm-2 {
    width: 16.66666667%; }
  .col-sm-1 {
    width: 8.33333333%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-pull-11 {
    right: 91.66666667%; }
  .col-sm-pull-10 {
    right: 83.33333333%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-8 {
    right: 66.66666667%; }
  .col-sm-pull-7 {
    right: 58.33333333%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-5 {
    right: 41.66666667%; }
  .col-sm-pull-4 {
    right: 33.33333333%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-2 {
    right: 16.66666667%; }
  .col-sm-pull-1 {
    right: 8.33333333%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-push-11 {
    left: 91.66666667%; }
  .col-sm-push-10 {
    left: 83.33333333%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-8 {
    left: 66.66666667%; }
  .col-sm-push-7 {
    left: 58.33333333%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-5 {
    left: 41.66666667%; }
  .col-sm-push-4 {
    left: 33.33333333%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-2 {
    left: 16.66666667%; }
  .col-sm-push-1 {
    left: 8.33333333%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-offset-12 {
    margin-left: 100%; }
  .col-sm-offset-11 {
    margin-left: 91.66666667%; }
  .col-sm-offset-10 {
    margin-left: 83.33333333%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-8 {
    margin-left: 66.66666667%; }
  .col-sm-offset-7 {
    margin-left: 58.33333333%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-5 {
    margin-left: 41.66666667%; }
  .col-sm-offset-4 {
    margin-left: 33.33333333%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-2 {
    margin-left: 16.66666667%; }
  .col-sm-offset-1 {
    margin-left: 8.33333333%; }
  .col-sm-offset-0 {
    margin-left: 0%; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-12 {
    width: 100%; }
  .col-md-11 {
    width: 91.66666667%; }
  .col-md-10 {
    width: 83.33333333%; }
  .col-md-9 {
    width: 75%; }
  .col-md-8 {
    width: 66.66666667%; }
  .col-md-7 {
    width: 58.33333333%; }
  .col-md-6 {
    width: 50%; }
  .col-md-5 {
    width: 41.66666667%; }
  .col-md-4 {
    width: 33.33333333%; }
  .col-md-3 {
    width: 25%; }
  .col-md-2 {
    width: 16.66666667%; }
  .col-md-1 {
    width: 8.33333333%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-pull-11 {
    right: 91.66666667%; }
  .col-md-pull-10 {
    right: 83.33333333%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-8 {
    right: 66.66666667%; }
  .col-md-pull-7 {
    right: 58.33333333%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-5 {
    right: 41.66666667%; }
  .col-md-pull-4 {
    right: 33.33333333%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-2 {
    right: 16.66666667%; }
  .col-md-pull-1 {
    right: 8.33333333%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-push-11 {
    left: 91.66666667%; }
  .col-md-push-10 {
    left: 83.33333333%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-8 {
    left: 66.66666667%; }
  .col-md-push-7 {
    left: 58.33333333%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-5 {
    left: 41.66666667%; }
  .col-md-push-4 {
    left: 33.33333333%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-2 {
    left: 16.66666667%; }
  .col-md-push-1 {
    left: 8.33333333%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-offset-12 {
    margin-left: 100%; }
  .col-md-offset-11 {
    margin-left: 91.66666667%; }
  .col-md-offset-10 {
    margin-left: 83.33333333%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-8 {
    margin-left: 66.66666667%; }
  .col-md-offset-7 {
    margin-left: 58.33333333%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-5 {
    margin-left: 41.66666667%; }
  .col-md-offset-4 {
    margin-left: 33.33333333%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-2 {
    margin-left: 16.66666667%; }
  .col-md-offset-1 {
    margin-left: 8.33333333%; }
  .col-md-offset-0 {
    margin-left: 0%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-11 {
    width: 91.66666667%; }
  .col-lg-10 {
    width: 83.33333333%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-8 {
    width: 66.66666667%; }
  .col-lg-7 {
    width: 58.33333333%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-5 {
    width: 41.66666667%; }
  .col-lg-4 {
    width: 33.33333333%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-2 {
    width: 16.66666667%; }
  .col-lg-1 {
    width: 8.33333333%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-pull-11 {
    right: 91.66666667%; }
  .col-lg-pull-10 {
    right: 83.33333333%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-8 {
    right: 66.66666667%; }
  .col-lg-pull-7 {
    right: 58.33333333%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-5 {
    right: 41.66666667%; }
  .col-lg-pull-4 {
    right: 33.33333333%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-2 {
    right: 16.66666667%; }
  .col-lg-pull-1 {
    right: 8.33333333%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-push-11 {
    left: 91.66666667%; }
  .col-lg-push-10 {
    left: 83.33333333%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-8 {
    left: 66.66666667%; }
  .col-lg-push-7 {
    left: 58.33333333%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-5 {
    left: 41.66666667%; }
  .col-lg-push-4 {
    left: 33.33333333%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-2 {
    left: 16.66666667%; }
  .col-lg-push-1 {
    left: 8.33333333%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-offset-12 {
    margin-left: 100%; }
  .col-lg-offset-11 {
    margin-left: 91.66666667%; }
  .col-lg-offset-10 {
    margin-left: 83.33333333%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-8 {
    margin-left: 66.66666667%; }
  .col-lg-offset-7 {
    margin-left: 58.33333333%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-5 {
    margin-left: 41.66666667%; }
  .col-lg-offset-4 {
    margin-left: 33.33333333%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-2 {
    margin-left: 16.66666667%; }
  .col-lg-offset-1 {
    margin-left: 8.33333333%; }
  .col-lg-offset-0 {
    margin-left: 0%; } }

.pt3 {
  padding-top: 30px !important; }

.fa {
  margin-left: 5px; }

.buttons_border {
  border-bottom: 1px solid #e5e5e5;
  margin-top: 20px; }

.news-info.top {
  background: url("images/top_bg_news_info.png");
  background-size: cover; }
  @media (min-width: 568px) and (max-width: 767px) {
    .news-info.top {
      background: white; } }
  @media (max-width: 567px) {
    .news-info.top {
      background: white; } }

@media (min-width: 1024px) {
  .news-info {
    min-height: 532px;
    padding: 60px 0 30px 0;
    margin-bottom: 60px; } }

@media (min-width: 1024px) {
  .news-info .title {
    margin-bottom: 0px; } }

@media (min-width: 768px) {
  .news-info .title {
    margin-bottom: 30px; } }

.news-info .box_news {
  background: #ffffff;
  margin-top: 20px; }
  .news-info .box_news #nav_list_news {
    width: 100%;
    border-right: none; }
    .news-info .box_news #nav_list_news li {
      overflow: hidden;
      display: table;
      text-align: center;
      border-top: 1px solid #cccccc;
      border-right: 1px solid #cccccc;
      margin: 0;
      width: 33.3333333%;
      height: 60px; }
      .news-info .box_news #nav_list_news li:first-child {
        border-left: 1px solid #cccccc; }
      .news-info .box_news #nav_list_news li:nth-child(4) {
        border-left: 1px solid #cccccc; }
      .news-info .box_news #nav_list_news li.active {
        border-right: none;
        border-left: none;
        border-top: none;
        background: #0c985a; }
        .news-info .box_news #nav_list_news li.active a {
          color: #ffffff;
          background: none;
          border: none; }
      .news-info .box_news #nav_list_news li a {
        display: table-cell;
        font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
        border: none;
        margin: 0;
        padding: 9px 10px;
        vertical-align: middle;
        width: 100%; }
        .news-info .box_news #nav_list_news li a:hover {
          background: none; }
  .news-info .box_news .box_news_list ul {
    list-style: none;
    padding: 0 15px; }
    .news-info .box_news .box_news_list ul li {
      border-bottom: 1px solid #cccccc;
      position: relative; }
      .news-info .box_news .box_news_list ul li div {
        display: inline-block;
        padding: 20px 0; }
        .news-info .box_news .box_news_list ul li div.create_time {
          color: #4a4646;
          width: 140px;
          font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; }
        .news-info .box_news .box_news_list ul li div.cats {
          padding: 0px;
          margin-bottom: 15px; }
          .news-info .box_news .box_news_list ul li div.cats .cat {
            margin-right: 12px;
            margin-top: 5px;
            text-align: center;
            width: 140px;
            border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            -opera-border-radius: 4px;
            padding: 1px 10px; }
            .news-info .box_news .box_news_list ul li div.cats .cat span {
              font-size: 12px;
              font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; }
            .news-info .box_news .box_news_list ul li div.cats .cat.kabukiengeki {
              border: 1px solid #fd7343; }
              .news-info .box_news .box_news_list ul li div.cats .cat.kabukiengeki span {
                color: #fd7343; }
            .news-info .box_news .box_news_list ul li div.cats .cat.cinema {
              border: 1px solid #4ed2c4; }
              .news-info .box_news .box_news_list ul li div.cats .cat.cinema span {
                color: #4ed2c4; }
            .news-info .box_news .box_news_list ul li div.cats .cat.entertainment {
              border: 1px solid #f5af40; }
              .news-info .box_news .box_news_list ul li div.cats .cat.entertainment span {
                color: #f5af40; }
            .news-info .box_news .box_news_list ul li div.cats .cat.city {
              border: 1px solid #56afea; }
              .news-info .box_news .box_news_list ul li div.cats .cat.city span {
                color: #56afea; }
            .news-info .box_news .box_news_list ul li div.cats .cat.infomation {
              border: 1px solid #18c06f; }
              .news-info .box_news .box_news_list ul li div.cats .cat.infomation span {
                color: #18c06f; }
            .news-info .box_news .box_news_list ul li div.cats .cat.important {
              border: 1px solid #18c06f; }
              .news-info .box_news .box_news_list ul li div.cats .cat.important span {
                color: #18c06f; }
        .news-info .box_news .box_news_list ul li div.news_title {
          font-family: "hirakaku-w3", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
          font-size: 16px;
          position: relative;
          width: 100%;
          padding-right: 5px;
          padding-top: 0px; }
          .news-info .box_news .box_news_list ul li div.news_title a {
            line-height: 25px; }
            .news-info .box_news .box_news_list ul li div.news_title a:after {
              content: '';
              position: absolute;
              display: block;
              width: 8px;
              height: 8px;
              -moz-transform: rotate(45deg);
              -webkit-transform: rotate(45deg);
              -o-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
              transform: rotate(45deg);
              border: solid 1px #000;
              border-bottom: transparent;
              border-left: transparent;
              top: 0;
              bottom: 0;
              right: 0;
              margin: auto; }
  @media (min-width: 1024px) {
    .news-info .box_news {
      background: #ffffff; }
      .news-info .box_news #nav_list_news {
        border-bottom: 3px solid #0c985a !important; }
        .news-info .box_news #nav_list_news li {
          width: 16.667% !important;
          height: 42px !important; }
          .news-info .box_news #nav_list_news li:nth-child(4) {
            border-left: none !important; }
          .news-info .box_news #nav_list_news li div.create_time {
            width: 100%; } }

#sitemap_list .children {
  margin-left: 10px; }

#sitemap_list {
  margin: 0;
  padding: 0; }

#sitemap_list li {
  padding: 0;
  margin: 1.5em 0;
  list-style-type: disc; }

#sitemap_list li a {
  text-indent: 0;
  border-bottom: #059a59 double 3px; }

#sitemap_list .home-item a {
  border: none;
  font-size: 20px; }

#sitemap_list .home-item a:after {
  content: "―Topページ―";
  padding-left: 10px;
  font-size: 12px; }

#sitemap_list .cat-item a {
  display: block;
  border: #333 1px solid;
  padding: 10px 20px;
  border-radius: 2px;
  　　background-size: 5px 5px;
  　　background-color: #fff;
  　　background-image: linear-gradient(-45deg, #fcf1f1 25%, transparent 25%, 　　transparent 50%, #fcf1f1 50%, #fcf1f1 75%, 　　transparent 75%, transparent); }

#sitemap_list .post-item {
  line-height: 1.4;
  margin-left: 15px;
  border-bottom: #059a59 dashed 1px; }

#sitemap_list .post-item a {
  padding: 0;
  font-size: 90%;
  border: none;
  background: none; }

#sitemap_list .post-item a:before {
  　　font-family: "FontAwesome";
  content: "f004";
  color: #059a59;
  margin-right: 3px;
  font-size: 80%; }

.section-title-return {
  background: #0c985a; }

.return {
  text-align: center; }
  .return .btn-input {
    width: 80%;
    margin: auto;
    font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    padding: 11px 0;
    background: #213fa2;
    border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -opera-border-radius: 0 4px 4px 0;
    color: #ffffff;
    outline: none;
    cursor: pointer; }
    .return .btn-input:hover {
      opacity: .9; }

.return .row {
  margin: 0; }

.return .r-search {
  margin: 20px 0;
  font-size: 16px; }
  .return .r-search form {
    position: relative; }
    .return .r-search form .search-input {
      position: absolute;
      top: 12px;
      left: 15px;
      margin: 0; }
  .return .r-search input {
    padding: 24px 15px 18px 40px;
    font-size: 22px;
    width: 80%;
    float: left;
    outline: none;
    border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -opera-border-radius: 4px 0 0 4px;
    border: 1px solid #cccccc;
    box-shadow: inset 2px 2px 2px rgba(204, 204, 204, 0.5);
    -webkit-box-shadow: inset 2px 2px 2px rgba(204, 204, 204, 0.5);
    -moz-box-shadow: inset 2px 2px 2px rgba(204, 204, 204, 0.5); }
  .return .r-search .btn-input {
    width: 20%;
    float: left; }

.return .r-search-results .r-search-results__title {
  margin-bottom: 20px; }

.return .r-search-results .result-list {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #cccccc; }
  .return .r-search-results .result-list h5 {
    margin: 0 15px 10px 15px; }
  .return .r-search-results .result-list .result-list__title a {
    color: #13339c; }
  .return .r-search-results .result-list .result-list__img {
    width: 100%; }
    .return .r-search-results .result-list .result-list__img img {
      width: 100%;
      margin-bottom: 10px; }
  .return .r-search-results .result-list .result-list__link {
    font-size: 12px;
    margin-left: 15px; }

.return .r-search-results .page-of-search {
  text-align: right;
  margin-bottom: 20px; }

.return .next-page {
  padding: 10px 0; }
  .return .next-page ul {
    list-style: none; }
    .return .next-page ul li {
      float: left;
      font-family: "hirakaku-w6", "ヒラギノ角ゴ Pro W6", "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
      font-size: 16px; }
      .return .next-page ul li button {
        color: #fff;
        position: relative;
        padding: 10px 0; }
      .return .next-page ul li .btn-pre:before {
        width: 8px;
        height: 8px;
        border: solid 1px #fff;
        content: '';
        position: absolute;
        display: block;
        -moz-transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
        border-bottom: transparent;
        border-left: transparent;
        top: 0;
        bottom: 0;
        left: 15px;
        margin: auto; }
      .return .next-page ul li .btn-next:after {
        width: 8px;
        height: 8px;
        border: solid 1px #fff;
        content: '';
        position: absolute;
        display: block;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        border-bottom: transparent;
        border-left: transparent;
        top: 0;
        bottom: 0;
        right: 15px;
        margin: auto; }
    .return .next-page ul .next-page__item {
      width: 42px;
      height: 42px;
      border: 1px solid #333333;
      border-right: 0;
      text-align: center;
      align-items: center;
      justify-content: center;
      display: none; }
      .return .next-page ul .next-page__item a {
        color: #13339c; }
    .return .next-page ul .active {
      background: #dddddd; }
      .return .next-page ul .active a {
        color: #000000; }
    .return .next-page ul .next-page__btn {
      width: 50%; }
      .return .next-page ul .next-page__btn button {
        width: 96%; }
      .return .next-page ul .next-page__btn .btn-next {
        float: right; }

@media all and (min-width: 768px) {
  .return {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 30px; }
    .return .r-search {
      margin: 50px 0; }
      .return .r-search form .search-input {
        top: 14px; }
    .return .r-search-results .page-of-search {
      text-align: left; }
    .return .r-search-results .result-list h5 {
      margin: 0 0 10px 0; }
    .return .r-search-results .result-list .result-list__link {
      margin-left: 0; }
    .return .r-search-results .result-list .result-list__img img {
      margin-bottom: 0; }
    .return .next-page {
      padding: 20px 0 50px 0; }
      .return .next-page ul {
        display: flex;
        justify-content: center; }
        .return .next-page ul .next-page__item {
          display: flex; }
        .return .next-page ul li button {
          border-radius: 0;
          -moz-border-radius: 0;
          -webkit-border-radius: 0;
          -opera-border-radius: 0; }
        .return .next-page ul .next-page__btn {
          width: auto; }
          .return .next-page ul .next-page__btn button {
            width: 150px; } }

.sns_top_header .top-sns {
  position: absolute;
  top: 75px;
  right: 8px;
  z-index: 11111; }
  .sns_top_header .top-sns__item {
    display: inline-block;
    vertical-align: top; }
    @media (min-width: 768px) {
      .sns_top_header .top-sns__item {
        margin: 0 0 0 5px; } }

#recommend {
  width: 100%;
  overflow: hidden; }
  #recommend .top {
    background-repeat: repeat;
    background-position: center top;
    background-size: 51px; }
    @media (min-width: 768px) {
      #recommend .top {
        background-size: 102px; } }
    #recommend .top__inner {
      padding: 45px 20px 15px;
      position: relative; }
      @media (min-width: 768px) {
        #recommend .top__inner {
          max-width: 990px;
          padding: 0;
          margin: 0 auto;
          padding: 60px 15px 50px; } }
    #recommend .top__ttl {
      width: 297px;
      margin: 0 auto 20px; }
      @media (min-width: 768px) {
        #recommend .top__ttl {
          width: 534px; } }
      #recommend .top__ttl img {
        width: 100%;
        vertical-align: top; }
    #recommend .top__lead {
      margin: 0;
      color: #050505;
      font-size: 14px;
      line-height: 1.8; }
      @media (min-width: 768px) {
        #recommend .top__lead {
          font-size: 16px;
          font-weight: bold; } }
  #recommend .recommend-main {
    background-color: #fefbd9; }
  #recommend .number-ttl {
    background-color: #fefbd9;
    display: table;
    width: 100%;
    margin: 0 0 20px; }
    #recommend .number-ttl img {
      width: 100%;
      vertical-align: top; }
    #recommend .number-ttl__ttl {
      display: table-cell;
      width: 44%;
      vertical-align: middle;
      padding: 0 14px; }
      @media (min-width: 768px) {
        #recommend .number-ttl__ttl {
          width: 50%;
          text-align: center; } }
      #recommend .number-ttl__ttl.is-device .num {
        display: block;
        width: 39px;
        height: 39px;
        margin: 0 auto 10px;
        background-repeat: no-repeat;
        background-size: 100%;
        font-size: 10px;
        text-align: center;
        line-height: 50px; }
        @media (min-width: 768px) {
          #recommend .number-ttl__ttl.is-device .num {
            width: 100px;
            height: 100px;
            font-size: 30px;
            font-weight: bold;
            line-height: 130px;
            margin: 0 auto 20px; } }
      #recommend .number-ttl__ttl.is-device .txt {
        display: block;
        font-size: 14px;
        text-align: center;
        border-bottom: 3px solid #f8d742;
        padding: 0 0 5px; }
        @media (min-width: 768px) {
          #recommend .number-ttl__ttl.is-device .txt {
            font-size: 38px;
            font-weight: bold;
            display: inline-block;
            padding: 0 0 10px;
            border-bottom-width: 10px; } }
      @media (min-width: 768px) {
        #recommend .number-ttl__ttl img {
          width: 64%;
          max-width: 307px; } }
    #recommend .number-ttl__img {
      display: table-cell;
      width: 56%;
      vertical-align: top; }
      @media (min-width: 768px) {
        #recommend .number-ttl__img {
          width: 50%; } }
  @media (min-width: 768px) {
    #recommend .recommend-main__inner {
      max-width: 990px;
      margin: 0 auto;
      padding: 0 15px; } }
  #recommend .timeline__inner {
    padding: 0 20px; }
    @media (min-width: 768px) {
      #recommend .timeline__inner:after {
        content: '';
        display: block;
        clear: both; } }
  #recommend .timeline-ttl {
    text-align: center;
    position: relative; }
    #recommend .timeline-ttl__img {
      padding: 0 0 10px;
      border-bottom: 1px solid #313131; }
      @media (min-width: 768px) {
        #recommend .timeline-ttl__img {
          padding: 0 0 15px;
          border-bottom-width: 2px; } }
    #recommend .timeline-ttl__txt {
      margin: 0 0 10px;
      padding: 15px 20px 0;
      font-size: 16px;
      line-height: 1.4;
      color: #010101; }
      @media (min-width: 768px) {
        #recommend .timeline-ttl__txt {
          font-weight: bold; } }
      @media (min-width: 768px) {
        #recommend .timeline-ttl__txt br {
          display: none; } }
    #recommend .timeline-ttl.is-device .time {
      display: block;
      text-align: center;
      font-size: 16px;
      font-weight: bold;
      color: #ed4846;
      margin: 0 0 5px;
      line-height: 1; }
      @media (min-width: 768px) {
        #recommend .timeline-ttl.is-device .time {
          font-size: 30px;
          margin: 0 0 15px; } }
    #recommend .timeline-ttl.is-device .txt {
      font-size: 20px;
      font-weight: bold;
      margin: 0 0 5px; }
      @media (min-width: 768px) {
        #recommend .timeline-ttl.is-device .txt {
          font-size: 46px;
          margin: 0 0 15px; } }
    #recommend .timeline-ttl.is-device .timeline-ttl__txt {
      margin-top: 10px;
      border-top: 1px solid #000; }
      @media (min-width: 768px) {
        #recommend .timeline-ttl.is-device .timeline-ttl__txt {
          margin-top: 20px;
          border-top-width: 2px; } }
  #recommend .timeline.is-01 {
    padding: 20px 0 0; }
    @media (min-width: 768px) {
      #recommend .timeline.is-01 {
        padding: 50px 0 0; } }
    @media (min-width: 768px) {
      #recommend .timeline.is-01 .timeline__inner {
        padding: 0; } }
    #recommend .timeline.is-01 .timeline-ttl__person01 {
      display: none; }
      @media (min-width: 768px) {
        #recommend .timeline.is-01 .timeline-ttl__person01 {
          display: block;
          width: 21%;
          max-width: 199px;
          position: absolute;
          top: 8%;
          left: 3%; } }
    #recommend .timeline.is-01 .timeline-ttl__person02 {
      display: none; }
      @media (min-width: 768px) {
        #recommend .timeline.is-01 .timeline-ttl__person02 {
          display: block;
          width: 18.3%;
          max-width: 173px;
          position: absolute;
          top: 12%;
          right: 6%; } }
    #recommend .timeline.is-01 .timeline-ttl__img img {
      width: 198px; }
      @media (min-width: 768px) {
        #recommend .timeline.is-01 .timeline-ttl__img img {
          width: 41.25%;
          max-width: 396px; } }
  #recommend .timeline01-block01 {
    margin: 0 0 30px; }
    @media (min-width: 768px) {
      #recommend .timeline01-block01 {
        float: left; } }
    #recommend .timeline01-block01__link2 {
      display: inline-block;
      margin: 0 0 20px;
      color: #13339c; }
      @media (min-width: 768px) {
        #recommend .timeline01-block01__link2 {
          margin: 0 0 40px;
          font-size: 16px;
          line-height: 1.8; } }
      #recommend .timeline01-block01__link2:before {
        content: '>';
        margin: 0 5px 0 0;
        color: #cdcdcc; }
  @media (min-width: 768px) {
    #recommend .timeline01-block02 {
      float: right; } }
  @media (min-width: 768px) {
    #recommend .timeline01-block01,
    #recommend .timeline01-block02 {
      width: 48%; } }
  #recommend .timeline01-block01__img,
  #recommend .timeline01-block02__img {
    display: block;
    width: 270px;
    margin: 20px auto 15px; }
    @media (min-width: 768px) {
      #recommend .timeline01-block01__img,
      #recommend .timeline01-block02__img {
        width: 100%; } }
  #recommend .timeline01-block01__txt,
  #recommend .timeline01-block02__txt {
    font-size: 14px;
    color: #050505;
    margin: 0; }
    @media (min-width: 768px) {
      #recommend .timeline01-block01__txt,
      #recommend .timeline01-block02__txt {
        font-size: 16px;
        line-height: 1.8; } }
  #recommend .timeline01-block01__link,
  #recommend .timeline01-block02__link {
    color: #13339c; }
  #recommend .timeline.is-02 {
    padding: 20px 0 0; }
    @media (min-width: 768px) {
      #recommend .timeline.is-02 {
        padding: 35px 0 0;
        position: relative; } }
    @media (min-width: 768px) {
      #recommend .timeline.is-02 .timeline-ttl {
        float: right;
        width: 62.5%;
        padding: 0 40px; } }
    @media (min-width: 768px) {
      #recommend .timeline.is-02 .timeline-ttl__img {
        padding-top: 40px; } }
    #recommend .timeline.is-02 .timeline-ttl__img img {
      width: 210px;
      position: relative;
      left: 3px; }
      @media (min-width: 768px) {
        #recommend .timeline.is-02 .timeline-ttl__img img {
          width: 81%;
          max-width: 420px;
          left: 0; } }
  @media (min-width: 768px) {
    #recommend .timeline02-main {
      float: right;
      width: 62.5%; } }
  @media (min-width: 768px) {
    #recommend .timeline02-main .timeline__inner {
      padding: 0 40px; } }
  #recommend .timeline02-main__txt {
    margin: 15px 0 5px;
    color: #050505; }
    @media (min-width: 768px) {
      #recommend .timeline02-main__txt {
        font-size: 16px;
        line-height: 1.8;
        margin: 0 0 5px; } }
  #recommend .timeline02-main__link {
    display: inline-block;
    margin: 0 0 20px;
    color: #13339c; }
    @media (min-width: 768px) {
      #recommend .timeline02-main__link {
        margin: 0 0 40px;
        font-size: 16px;
        line-height: 1.8; } }
    #recommend .timeline02-main__link:before {
      content: '>';
      margin: 0 5px 0 0;
      color: #cdcdcc; }
  #recommend .timeline02-main__img {
    display: block;
    width: 230px;
    margin: 0 auto 30px; }
    @media (min-width: 768px) {
      #recommend .timeline02-main__img {
        width: 37.5%;
        margin: 0 0 40px; } }
  #recommend .timeline02-point {
    background-color: #fff;
    border-radius: 10px;
    border: 2px dashed #313131;
    padding: 15px 20px 20px;
    margin: 0 20px;
    position: relative; }
    @media (min-width: 768px) {
      #recommend .timeline02-point {
        clear: both;
        max-width: 830px;
        margin: 0 auto;
        padding: 30px 40px 20px;
        border-radius: 20px; } }
    #recommend .timeline02-point__ttl img.is-sp {
      width: 211px;
      display: block;
      margin: 0 auto; }
      @media (min-width: 768px) {
        #recommend .timeline02-point__ttl img.is-sp {
          display: none; } }
    #recommend .timeline02-point__ttl img.is-pc {
      display: none; }
      @media (min-width: 768px) {
        #recommend .timeline02-point__ttl img.is-pc {
          display: block;
          margin: 0 auto 20px; } }
    #recommend .timeline02-point__img {
      width: 265px;
      display: block;
      margin: 0 auto 15px; }
      @media (min-width: 768px) {
        #recommend .timeline02-point__img {
          width: 530px; } }
    #recommend .timeline02-point__txt {
      font-size: 14px;
      line-height: 1.6;
      margin: 0;
      color: #050505; }
      @media (min-width: 768px) {
        #recommend .timeline02-point__txt {
          font-size: 16px;
          line-height: 1.8; } }
    #recommend .timeline02-point__link {
      color: #13339c; }
    #recommend .timeline02-point__person01 {
      display: none; }
      @media (min-width: 768px) {
        #recommend .timeline02-point__person01 {
          display: block;
          width: 9.76%;
          max-width: 81px;
          position: absolute;
          top: 30px;
          left: 30px; } }
    #recommend .timeline02-point__person02 {
      display: none; }
      @media (min-width: 768px) {
        #recommend .timeline02-point__person02 {
          display: block;
          width: 11.6%;
          max-width: 96px;
          position: absolute;
          top: 45px;
          right: 25px; } }
  #recommend .timeline.is-03 {
    padding: 20px 0 0; }
    @media (min-width: 768px) {
      #recommend .timeline.is-03 {
        padding: 40px 0 0; }
        #recommend .timeline.is-03:after {
          content: '';
          display: block;
          clear: both; } }
    @media (min-width: 768px) {
      #recommend .timeline.is-03 .timeline-ttl {
        width: 46%;
        float: left;
        margin: 15px 0 0; } }
    #recommend .timeline.is-03 .timeline-ttl__img img {
      width: 174px;
      position: relative;
      left: -15px; }
      @media (min-width: 768px) {
        #recommend .timeline.is-03 .timeline-ttl__img img {
          max-width: 342px;
          width: 79%;
          left: -5%; } }
  #recommend .timeline03-main__img {
    margin: 20px auto; }
    @media (min-width: 768px) {
      #recommend .timeline03-main__img {
        width: 51%;
        float: right;
        margin: 0; } }
    #recommend .timeline03-main__img img {
      width: 242px;
      display: block;
      margin: 0 auto; }
      @media (min-width: 768px) {
        #recommend .timeline03-main__img img {
          width: 100%; } }
  #recommend .timeline03-main__txt {
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
    color: #050505;
    padding: 0 20px; }
    @media (min-width: 768px) {
      #recommend .timeline03-main__txt {
        width: 46%;
        float: left;
        padding: 0;
        font-size: 16px;
        line-height: 1.8; } }
  #recommend .timeline.is-04 {
    padding: 30px 0 0; }
    @media (min-width: 768px) {
      #recommend .timeline.is-04 {
        padding: 40px 0 0; }
        #recommend .timeline.is-04 .timeline__inner {
          padding: 0; } }
    #recommend .timeline.is-04 .timeline-ttl__img img {
      width: 284px; }
      @media (min-width: 768px) {
        #recommend .timeline.is-04 .timeline-ttl__img img {
          max-width: 568px;
          width: 59.2%; } }
    #recommend .timeline.is-04 .timeline-ttl.is-device .timeline-ttl__ttl {
      padding: 0 0 10px;
      border-bottom: 1px solid #000; }
      @media (min-width: 768px) {
        #recommend .timeline.is-04 .timeline-ttl.is-device .timeline-ttl__ttl {
          padding-bottom: 20px;
          border-bottom-width: 2px; } }
  @media (min-width: 768px) {
    #recommend .timeline04-main:after {
      content: '';
      display: block;
      clear: both; } }
  #recommend .timeline04-block01 {
    margin: 0 0 20px; }
    @media (min-width: 768px) {
      #recommend .timeline04-block01 {
        float: left; } }
  @media (min-width: 768px) {
    #recommend .timeline04-block02 {
      float: right; } }
  @media (min-width: 768px) {
    #recommend .timeline04-block01,
    #recommend .timeline04-block02 {
      width: 48%; } }
  #recommend .timeline04-block01__img,
  #recommend .timeline04-block02__img {
    margin: 20px 0 15px; }
    @media (min-width: 768px) {
      #recommend .timeline04-block01__img,
      #recommend .timeline04-block02__img {
        margin: 30px 0 15px; } }
    #recommend .timeline04-block01__img img,
    #recommend .timeline04-block02__img img {
      display: block;
      width: 270px;
      margin: 0 auto; }
      @media (min-width: 768px) {
        #recommend .timeline04-block01__img img,
        #recommend .timeline04-block02__img img {
          width: 100%; } }
  #recommend .timeline04-block01__txt,
  #recommend .timeline04-block02__txt {
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
    color: #050505; }
    @media (min-width: 768px) {
      #recommend .timeline04-block01__txt,
      #recommend .timeline04-block02__txt {
        font-size: 16px;
        line-height: 1.8; } }
    #recommend .timeline04-block01__txt br,
    #recommend .timeline04-block02__txt br {
      display: none; }
      @media (min-width: 768px) {
        #recommend .timeline04-block01__txt br,
        #recommend .timeline04-block02__txt br {
          display: block; } }
  #recommend .timeline.is-05 {
    padding: 30px 0 0; }
    @media (min-width: 768px) {
      #recommend .timeline.is-05 {
        padding: 35px 0 0; }
        #recommend .timeline.is-05:after {
          content: '';
          display: block;
          clear: both; } }
    @media (min-width: 768px) {
      #recommend .timeline.is-05 .timeline-ttl {
        float: right;
        padding: 0 50px 0 0;
        width: 51%;
        margin: 0; } }
    #recommend .timeline.is-05 .timeline-ttl__img img {
      width: 204px;
      position: relative;
      left: 8px; }
      @media (min-width: 768px) {
        #recommend .timeline.is-05 .timeline-ttl__img img {
          max-width: 408px;
          width: 93%;
          left: 2%; } }
  #recommend .timeline05-main__txt {
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 20px;
    color: #050505;
    padding: 0 20px; }
    @media (min-width: 768px) {
      #recommend .timeline05-main__txt {
        float: right;
        width: 51%;
        padding: 0 50px 0 0;
        font-size: 16px;
        line-height: 1.8; } }
  @media (min-width: 768px) {
    #recommend .timeline05-main__img {
      padding: 0 50px 0 60px;
      width: 49%; } }
  #recommend .timeline05-main__img img {
    display: block;
    width: 230px;
    margin: 0 auto; }
    @media (min-width: 768px) {
      #recommend .timeline05-main__img img {
        width: 100%; } }
  #recommend .timeline.is-06 {
    padding: 50px 0 0; }
    @media (min-width: 768px) {
      #recommend .timeline.is-06 {
        padding: 40px 0 0; } }
    @media (min-width: 768px) {
      #recommend .timeline.is-06 .timeline-ttl {
        float: left;
        width: 48%;
        margin: 0 0 35px; } }
    @media (min-width: 768px) {
      #recommend .timeline.is-06 .timeline-ttl__txt {
        padding: 15px 0; } }
    @media (min-width: 768px) {
      #recommend .timeline.is-06 .timeline__inner {
        padding: 0; } }
    #recommend .timeline.is-06 .timeline-ttl__img img {
      width: 183px;
      position: relative;
      left: -7px; }
      @media (min-width: 768px) {
        #recommend .timeline.is-06 .timeline-ttl__img img {
          max-width: 366px;
          width: 79.5%;
          left: -6%; } }
  #recommend .timeline06-main {
    margin: 0 0 30px; }
    @media (min-width: 768px) {
      #recommend .timeline06-main {
        margin: 0 0 50px; } }
    #recommend .timeline06-main__img01 {
      margin: 0 0 20px; }
      @media (min-width: 768px) {
        #recommend .timeline06-main__img01 {
          float: right;
          width: 48%;
          margin: 0 0 35px; } }
      #recommend .timeline06-main__img01 img {
        display: block;
        width: 270px;
        margin: 0 auto; }
        @media (min-width: 768px) {
          #recommend .timeline06-main__img01 img {
            width: 100%; } }
    #recommend .timeline06-main__img02 {
      margin: 0 0 20px; }
      @media (min-width: 768px) {
        #recommend .timeline06-main__img02 {
          clear: both;
          margin: 0 0 30px; } }
      #recommend .timeline06-main__img02 img {
        display: block;
        width: 100%;
        max-width: 340px;
        margin: 0 auto; }
        @media (min-width: 768px) {
          #recommend .timeline06-main__img02 img {
            max-width: 680px; } }
    #recommend .timeline06-main__txt {
      font-size: 14px;
      line-height: 1.6;
      margin: 0;
      color: #050505; }
      @media (min-width: 768px) {
        #recommend .timeline06-main__txt {
          font-size: 16px;
          line-height: 1.8;
          text-align: center; } }
  #recommend .movie {
    padding: 0 20px 40px; }
    @media (min-width: 768px) {
      #recommend .movie {
        width: 700px;
        margin: 0 auto;
        padding: 0 0 80px; } }
    #recommend .movie__ttl {
      width: 281px;
      margin: 0 auto 20px; }
      #recommend .movie__ttl.is-device {
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        text-align: center;
        font-size: 14px;
        font-weight: bold; }
        @media (min-width: 768px) {
          #recommend .movie__ttl.is-device {
            font-size: 30px; } }
      @media (min-width: 768px) {
        #recommend .movie__ttl {
          width: 562px; } }
      #recommend .movie__ttl img {
        width: 100%;
        vertical-align: top; }
    #recommend .movie__movie {
      position: relative;
      width: 100%;
      padding: 56.25% 0 0;
      margin: 0 0 15px; }
      #recommend .movie__movie iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    #recommend .movie__txt {
      margin: 0;
      font-size: 14px;
      line-height: 1.6; }
      @media (min-width: 768px) {
        #recommend .movie__txt {
          font-size: 16px;
          line-height: 1.8; } }
  #recommend .profile {
    background-color: #fddd4a; }
    @media (min-width: 768px) {
      #recommend .profile {
        position: relative; } }
    #recommend .profile__inner {
      padding: 20px; }
      @media (min-width: 768px) {
        #recommend .profile__inner {
          max-width: 990px;
          margin: 0 auto;
          padding: 20px 15px; }
          #recommend .profile__inner:after {
            content: '';
            display: block;
            clear: both; } }
    #recommend .profile__person {
      padding: 0 0 0 95px;
      position: relative;
      margin: 30px 0 0; }
      #recommend .profile__person:first-child {
        margin: 0; }
      @media (min-width: 768px) {
        #recommend .profile__person {
          width: 50%;
          float: left;
          margin: 0;
          padding: 0 10px 0 180px;
          min-height: 180px; } }
    #recommend .profile__img {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 85px; }
      @media (min-width: 768px) {
        #recommend .profile__img {
          width: 170px; } }
      #recommend .profile__img img {
        display: block;
        width: 145px;
        margin: 0 auto; }
        @media (min-width: 768px) {
          #recommend .profile__img img {
            width: 290px; } }
    #recommend .profile__name {
      font-size: 14px;
      font-weight: bold;
      color: #050505;
      margin: 0; }
      @media (min-width: 768px) {
        #recommend .profile__name {
          font-size: 16px;
          margin: 0 0 5px; } }
    #recommend .profile__txt {
      font-size: 14px;
      color: #050505;
      margin: 0;
      line-height: 1.6; }
      @media (min-width: 768px) {
        #recommend .profile__txt {
          font-size: 14px;
          line-height: 1.8; } }
      #recommend .profile__txt a {
        color: #13339c; }
  #recommend .otherplan {
    padding: 30px 20px 0;
    margin: 0 0 40px; }
    @media (min-width: 768px) {
      #recommend .otherplan {
        margin: 60px 0 75px;
        padding: 0 15px; } }
    #recommend .otherplan__ttl {
      color: #050505;
      text-align: center;
      font-size: 18px;
      font-weight: bold;
      margin: 0 0 20px;
      padding: 15px 0 0;
      background-repeat: no-repeat;
      background-position: center top;
      background-size: 62px; }
      @media (min-width: 768px) {
        #recommend .otherplan__ttl {
          background-size: 124px;
          font-size: 30px;
          padding: 35px 0 0;
          margin: 0 0 30px; } }
    #recommend .otherplan__list {
      margin: 0; }
      @media (min-width: 768px) {
        #recommend .otherplan__list {
          max-width: 960px;
          margin: 0 auto;
          display: flex;
          justify-content: center; }
          #recommend .otherplan__list:after {
            content: '';
            display: block;
            clear: both; } }
    #recommend .otherplan__item {
      margin: 0 0 12px; }
      #recommend .otherplan__item:last-child {
        margin: 0; }
      @media (min-width: 768px) {
        #recommend .otherplan__item {
          width: 31.25%;
          margin: 0 3.125% 0 0; }
          #recommend .otherplan__item:nth-of-type(3n) {
            margin: 0; } }
    #recommend .otherplan__link {
      display: block;
      position: relative;
      padding: 0 0 0 150px; }
      @media (min-width: 768px) {
        #recommend .otherplan__link {
          padding: 0; } }
    #recommend .otherplan__img {
      display: block;
      width: 150px;
      height: 113px;
      position: absolute;
      top: 0;
      left: 0; }
      @media (min-width: 768px) {
        #recommend .otherplan__img {
          position: relative;
          width: 100%;
          height: auto; } }
    #recommend .otherplan__info {
      padding: 15px;
      box-sizing: border-box;
      min-height: 113px;
      border: 1px solid #ccc; }
      @media (min-width: 768px) {
        #recommend .otherplan__info {
          padding: 15px 15px 10px;
          min-height: 0; } }
    #recommend .otherplan__name {
      font-size: 14px;
      font-weight: bold;
      margin: 0 0 5px; }
      @media (min-width: 768px) {
        #recommend .otherplan__name {
          font-size: 16px;
          text-align: center; } }
    #recommend .otherplan__txt {
      font-size: 14px;
      margin: 0; }
      @media (min-width: 768px) {
        #recommend .otherplan__txt {
          font-size: 16px;
          text-align: center; } }

#interview-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 83px;
  z-index: 3;
  background-color: #fff; }
  @media (min-width: 768px) {
    #interview-header {
      height: 70px; } }
  #interview-header .interview-header__inner {
    padding: 12px 10px; }
    @media (min-width: 768px) {
      #interview-header .interview-header__inner {
        width: 950px;
        margin: 0 auto;
        position: relative; } }
  #interview-header .interview-header__logo {
    display: inline-block;
    width: 90px; }
    @media (min-width: 768px) {
      #interview-header .interview-header__logo {
        width: 121px; } }
    #interview-header .interview-header__logo img {
      width: 100%; }
  #interview-header .interview-header__sns {
    padding: 10px 0 0;
    text-align: center; }
    @media (min-width: 768px) {
      #interview-header .interview-header__sns {
        position: absolute;
        bottom: 10px;
        right: 0; } }
  #interview-header .interview-header__sns-item {
    display: inline-block;
    vertical-align: top; }
    @media (min-width: 768px) {
      #interview-header .interview-header__sns-item {
        margin: 0 0 0 5px; } }

#interview {
  position: relative;
  padding: 300px 0 0;
  background-color: #000; }
  @media (min-width: 768px) {
    #interview {
      padding: 580px 0 0; } }
  #interview .wrap {
    width: 100%;
    overflow: hidden; }
  #interview .bg {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center 83px;
    background-size: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1; }
    @media (min-width: 768px) {
      #interview .bg {
        background-position: center; } }
  #interview .main {
    position: relative;
    z-index: 2; }
  #interview .main-article {
    border-radius: 10px;
    background-color: #fff;
    margin: 0 20px 40px;
    padding: 60px 20px 30px;
    position: relative; }
    @media (min-width: 768px) {
      #interview .main-article {
        width: 700px;
        margin: 0 auto 80px;
        padding: 110px 75px 40px;
        border-radius: 20px; } }
    #interview .main-article__number {
      position: absolute;
      top: 0;
      left: 50%;
      width: 100px;
      height: 50px;
      line-height: 46px;
      margin: 0 0 0 -50px;
      border-radius: 0 0 50px 50px;
      background-color: #82b5f8;
      color: #fff;
      text-align: center;
      font-size: 20px; }
      @media (min-width: 768px) {
        #interview .main-article__number {
          width: 196px;
          height: 100px;
          font-size: 40px;
          line-height: 96px;
          border-radius: 0 0 100px 100px;
          margin: 0 0 0 -98px; } }
    #interview .main-article__nav {
      padding: 10px 0 0; }
      #interview .main-article__nav:after {
        content: '';
        display: block;
        clear: both; }
      @media (min-width: 768px) {
        #interview .main-article__nav {
          padding: 15px 0 0; } }
    #interview .main-article__prev {
      float: left;
      display: block;
      padding: 0 0 0 15px;
      font-size: 14px;
      background-repeat: no-repeat;
      background-position: left center;
      background-size: 12px; }
      @media (min-width: 768px) {
        #interview .main-article__prev {
          font-size: 24px;
          background-size: 24px;
          padding: 0 0 0 30px; } }
    #interview .main-article__next {
      float: right;
      display: block;
      padding: 0 15px 0 0;
      font-size: 14px;
      background-repeat: no-repeat;
      background-position: right center;
      background-size: 12px; }
      @media (min-width: 768px) {
        #interview .main-article__next {
          font-size: 24px;
          background-size: 24px;
          padding: 0 30px 0 0; } }
    #interview .main-article__border {
      display: block;
      width: 100%;
      height: 5px; }
      @media (min-width: 768px) {
        #interview .main-article__border {
          height: 10px; } }
    #interview .main-article__ttl {
      text-align: center;
      font-size: 16px;
      padding: 15px 0;
      margin: 0; }
      @media (min-width: 768px) {
        #interview .main-article__ttl {
          font-size: 24px;
          padding: 20px 0; } }
    #interview .main-article__persons {
      font-size: 22px;
      color: #82b5f8;
      text-align: center;
      padding: 20px 0 15px;
      margin: 0 -20px; }
      @media (min-width: 768px) {
        #interview .main-article__persons {
          padding: 40px 0 30px;
          font-size: 42px;
          margin: 0 -40px; } }
      #interview .main-article__persons .small {
        font-size: 12px; }
        @media (min-width: 768px) {
          #interview .main-article__persons .small {
            font-size: 20px; } }
    #interview .main-article__main-img {
      margin: 0 -20px 15px; }
      @media (min-width: 768px) {
        #interview .main-article__main-img {
          margin: 0 0 35px; } }
      #interview .main-article__main-img img {
        width: 100%;
        vertical-align: top; }
  #interview .article {
    padding: 0 20px; }
    @media (min-width: 768px) {
      #interview .article {
        padding: 0 40px; } }
    #interview .article__heading {
      font-size: 14px;
      margin: 0 0 10px;
      background-color: rgba(130, 181, 248, 0.5);
      width: 100vw;
      position: relative; }
      #interview .article__heading.is-left {
        left: -80px;
        padding: 10px 40px 10px 80px; }
        @media (min-width: 768px) {
          #interview .article__heading.is-left {
            left: auto;
            right: 100vw;
            margin: 0 0 25px 585px;
            padding: 25px 0; }
            #interview .article__heading.is-left span {
              display: block;
              float: right;
              width: 700px;
              padding: 0 110px 0 90px; } }
      #interview .article__heading.is-right {
        right: 40px;
        padding: 10px 80px 10px 40px; }
        @media (min-width: 768px) {
          #interview .article__heading.is-right {
            right: 0;
            margin: 0 0 25px -115px;
            padding: 25px 0; }
            #interview .article__heading.is-right span {
              display: block;
              width: 700px;
              padding: 0 110px 0 90px; } }
      @media (min-width: 768px) {
        #interview .article__heading {
          font-size: 18px;
          line-height: 1.8; }
          #interview .article__heading:after {
            content: '';
            display: block;
            clear: both; } }
    #interview .article__txt {
      font-size: 14px;
      line-height: 1.8;
      margin: 0 0 20px;
      padding: 0 0 0 50px;
      position: relative;
      min-height: 65px; }
      @media (min-width: 768px) {
        #interview .article__txt {
          font-size: 18px;
          margin: 0 0 30px;
          padding: 0 0 0 110px;
          line-height: 1.9;
          min-height: 95px; } }
      #interview .article__txt span {
        position: absolute;
        width: 30px;
        top: 0;
        left: 0;
        font-size: 10px;
        text-align: center; }
        @media (min-width: 768px) {
          #interview .article__txt span {
            width: 60px;
            font-size: 16px; } }
        #interview .article__txt span img {
          width: 30px;
          display: block;
          margin: 0 auto 5px; }
          @media (min-width: 768px) {
            #interview .article__txt span img {
              width: 60px; } }
    #interview .article__end {
      text-align: right; }
      @media (min-width: 768px) {
        #interview .article__end {
          font-size: 18px;
          padding: 0 0 80px; } }
    #interview .article__img {
      margin: 0 -40px 30px; }
      #interview .article__img img {
        width: 100%;
        vertical-align: top; }
  #interview .bottom {
    background-color: #acc8e8; }
    @media (min-width: 768px) {
      #interview .bottom__inner {
        max-width: 960px;
        margin: 0 auto; } }
    #interview .bottom__item {
      padding: 30px 30px 20px 150px;
      position: relative;
      border-bottom: 1px solid #fff; }
      @media (min-width: 768px) {
        #interview .bottom__item {
          margin: 0;
          padding: 20px 0 20px 240px;
          min-height: 240px; } }
      #interview .bottom__item:last-child {
        padding: 30px 150px 20px 30px;
        border-bottom: none; }
        @media (min-width: 768px) {
          #interview .bottom__item:last-child {
            padding: 20px 240px 20px 0; } }
        #interview .bottom__item:last-child .bottom__img {
          left: auto;
          right: 30px; }
          @media (min-width: 768px) {
            #interview .bottom__item:last-child .bottom__img {
              right: 0; } }
    #interview .bottom__img {
      width: 100px;
      position: absolute;
      top: 30px;
      left: 30px; }
      @media (min-width: 768px) {
        #interview .bottom__img {
          width: 200px;
          top: 20px;
          left: 0; } }
      #interview .bottom__img:last-child {
        left: auto;
        right: 30px; }
        @media (min-width: 768px) {
          #interview .bottom__img:last-child {
            right: 0; } }
    #interview .bottom__name {
      font-size: 16px;
      font-weight: bold;
      line-height: 1;
      margin: 0 0 10px; }
      @media (min-width: 768px) {
        #interview .bottom__name {
          font-size: 20px;
          padding: 20px 0 0;
          margin: 0 0 15px; } }
    #interview .bottom__txt {
      font-size: 14px;
      line-height: 1.8;
      margin: 0; }
      @media (min-width: 768px) {
        #interview .bottom__txt {
          font-size: 16px; } }
  #interview .otherplan {
    padding: 30px 20px 0;
    margin: 0 0 40px;
    background-color: #fff; }
    @media (min-width: 768px) {
      #interview .otherplan {
        margin: 0;
        padding: 60px 15px 75px; } }
    #interview .otherplan__ttl {
      color: #050505;
      text-align: center;
      font-size: 18px;
      font-weight: bold;
      margin: 0 0 20px;
      padding: 15px 0 0;
      background-repeat: no-repeat;
      background-position: center top;
      background-size: 62px; }
      @media (min-width: 768px) {
        #interview .otherplan__ttl {
          background-size: 124px;
          font-size: 30px;
          padding: 35px 0 0;
          margin: 0 0 30px; } }
    #interview .otherplan__list {
      margin: 0; }
      @media (min-width: 768px) {
        #interview .otherplan__list {
          max-width: 960px;
          margin: 0 auto;
          display: flex;
          justify-content: center; }
          #interview .otherplan__list:after {
            content: '';
            display: block;
            clear: both; } }
    #interview .otherplan__item {
      margin: 0 0 12px; }
      #interview .otherplan__item:last-child {
        margin: 0; }
      @media (min-width: 768px) {
        #interview .otherplan__item {
          width: 31.25%;
          margin: 0 3.125% 0 0; }
          #interview .otherplan__item:nth-of-type(3n) {
            margin: 0; } }
    #interview .otherplan__link {
      display: block;
      position: relative;
      padding: 0 0 0 150px; }
      @media (min-width: 768px) {
        #interview .otherplan__link {
          padding: 0; } }
    #interview .otherplan__img {
      display: block;
      width: 150px;
      height: 113px;
      position: absolute;
      top: 0;
      left: 0; }
      @media (min-width: 768px) {
        #interview .otherplan__img {
          position: relative;
          width: 100%;
          height: auto; } }
    #interview .otherplan__info {
      padding: 15px;
      box-sizing: border-box;
      min-height: 113px;
      border: 1px solid #ccc; }
      @media (min-width: 768px) {
        #interview .otherplan__info {
          padding: 15px 15px 10px;
          min-height: 0; } }
    #interview .otherplan__name {
      font-size: 14px;
      font-weight: bold;
      margin: 0 0 5px; }
      @media (min-width: 768px) {
        #interview .otherplan__name {
          font-size: 16px;
          text-align: center; } }
    #interview .otherplan__txt {
      font-size: 14px;
      margin: 0; }
      @media (min-width: 768px) {
        #interview .otherplan__txt {
          font-size: 16px;
          text-align: center; } }

#interview .main-article.is-opacity {
  background-color: rgba(255, 255, 255, 0.9); }

#footer {
  background-color: #fff;
  position: relative;
  z-index: 3; }

#kabukikou-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 83px;
  z-index: 3; }
  @media (min-width: 768px) {
    #kabukikou-header {
      height: 70px; } }
  #kabukikou-header .kabukikou-header__inner {
    padding: 12px 10px; }
    @media (min-width: 768px) {
      #kabukikou-header .kabukikou-header__inner {
        width: 950px;
        margin: 0 auto;
        position: relative; } }
  #kabukikou-header .kabukikou-header__logo {
    display: inline-block;
    width: 90px; }
    @media (min-width: 768px) {
      #kabukikou-header .kabukikou-header__logo {
        width: 121px; } }
    #kabukikou-header .kabukikou-header__logo img {
      width: 100%; }
  #kabukikou-header .kabukikou-header__sns {
    padding: 10px 0 0;
    text-align: center; }
    @media (min-width: 768px) {
      #kabukikou-header .kabukikou-header__sns {
        position: absolute;
        bottom: 10px;
        right: 0; } }
  #kabukikou-header .kabukikou-header__sns-item {
    display: inline-block;
    vertical-align: top; }
    @media (min-width: 768px) {
      #kabukikou-header .kabukikou-header__sns-item {
        margin: 0 0 0 5px; } }

#kabukikou {
  padding: 83px 0 0;
  background-color: #170839; }
  @media (min-width: 768px) {
    #kabukikou {
      padding: 70px 0 0;
      background-repeat: repeat-y; } }
  #kabukikou .bg {
    width: 100%;
    height: 100%;
    background-repeat: repeat;
    background-position: center top;
    background-size: 100%;
    background-attachment: fixed;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1; }
  #kabukikou .main {
    position: relative;
    z-index: 2; }
  #kabukikou .main-img {
    margin: 0 0 30px; }
    @media (min-width: 768px) {
      #kabukikou .main-img {
        max-width: 950px;
        margin: 0 auto 80px; } }
    #kabukikou .main-img img {
      display: block;
      width: 100%; }
  #kabukikou .main-article {
    border-radius: 10px;
    background-color: #fff;
    margin: 0 20px 40px;
    padding: 20px 20px 5px; }
    @media (min-width: 768px) {
      #kabukikou .main-article {
        width: 700px;
        margin: 0 auto 80px;
        padding: 30px 60px 0;
        border-radius: 20px; } }
    #kabukikou .main-article__nav {
      padding: 0 0 15px; }
      #kabukikou .main-article__nav:after {
        content: '';
        display: block;
        clear: both; }
      @media (min-width: 768px) {
        #kabukikou .main-article__nav {
          padding: 0 0 30px; } }
    #kabukikou .main-article__prev {
      float: left;
      display: block;
      padding: 0 0 0 15px;
      font-size: 14px;
      background-repeat: no-repeat;
      background-position: left center;
      background-size: 12px; }
      @media (min-width: 768px) {
        #kabukikou .main-article__prev {
          font-size: 24px;
          background-size: 24px;
          padding: 0 0 0 30px; } }
    #kabukikou .main-article__next {
      float: right;
      display: block;
      padding: 0 15px 0 0;
      font-size: 14px;
      background-repeat: no-repeat;
      background-position: right center;
      background-size: 12px; }
      @media (min-width: 768px) {
        #kabukikou .main-article__next {
          font-size: 24px;
          background-size: 24px;
          padding: 0 30px 0 0; } }
    #kabukikou .main-article__border {
      display: block;
      width: 100%;
      height: 5px; }
      @media (min-width: 768px) {
        #kabukikou .main-article__border {
          height: 10px; } }
    #kabukikou .main-article__ttl {
      display: table;
      width: 100%; }
    #kabukikou .main-article__ttl-img {
      display: table-cell;
      width: 100px;
      vertical-align: middle;
      padding: 17px 8px; }
      @media (min-width: 768px) {
        #kabukikou .main-article__ttl-img {
          width: 216px;
          padding: 55px 0;
          text-align: center; } }
      #kabukikou .main-article__ttl-img img {
        width: 100%;
        display: block; }
        @media (min-width: 768px) {
          #kabukikou .main-article__ttl-img img {
            width: 130px;
            margin: 0 auto; } }
    #kabukikou .main-article__ttl-txt {
      display: table-cell;
      vertical-align: middle;
      padding: 17px 0 17px 13px;
      color: #39c4ba;
      font-size: 16px;
      line-height: 2; }
      @media (min-width: 768px) {
        #kabukikou .main-article__ttl-txt {
          font-size: 28px;
          line-height: 1.7; } }
      #kabukikou .main-article__ttl-txt span {
        display: block;
        font-size: 14px;
        font-weight: bold;
        color: inherit; }
        @media (min-width: 768px) {
          #kabukikou .main-article__ttl-txt span {
            font-size: 20px; } }
  #kabukikou .article {
    padding: 40px 20px 30px; }
    @media (min-width: 768px) {
      #kabukikou .article {
        padding: 60px 40px; } }
    #kabukikou .article__heading {
      font-size: 16px;
      font-weight: bold;
      margin: 40px 0 0; }
      @media (min-width: 768px) {
        #kabukikou .article__heading {
          font-size: 23px;
          margin: 70px 0 0; } }
      #kabukikou .article__heading:first-child {
        margin: 0; }
    #kabukikou .article__txt {
      font-size: 14px;
      margin: 30px 0 0;
      line-height: 1.8; }
      @media (min-width: 768px) {
        #kabukikou .article__txt {
          font-size: 16px;
          margin: 40px 0 0; } }
  #kabukikou .bottom {
    background-color: #e2efef; }
    #kabukikou .bottom__inner {
      padding: 30px; }
      @media (min-width: 768px) {
        #kabukikou .bottom__inner {
          max-width: 960px;
          margin: 0 auto;
          padding: 40px 0 30px; }
          #kabukikou .bottom__inner:after {
            content: '';
            display: block;
            clear: both; } }
    #kabukikou .bottom__item {
      margin: 0 0 40px; }
      @media (min-width: 768px) {
        #kabukikou .bottom__item {
          width: 50%;
          margin: 0;
          padding: 0 20px 0 0;
          float: left; } }
      #kabukikou .bottom__item:last-child {
        margin: 0; }
        @media (min-width: 768px) {
          #kabukikou .bottom__item:last-child {
            float: right;
            padding: 0 0 0 20px; } }
    #kabukikou .bottom__name {
      font-size: 14px;
      font-weight: bold;
      border-bottom: 1px solid #000;
      padding: 0 0 10px;
      line-height: 1; }
      @media (min-width: 768px) {
        #kabukikou .bottom__name {
          border-bottom: 2px solid #000;
          font-size: 16px;
          margin: 0 0 10px; } }
    #kabukikou .bottom__txt {
      font-size: 14px;
      line-height: 1.8; }
      @media (min-width: 768px) {
        #kabukikou .bottom__txt {
          line-height: 1.6; } }
  #kabukikou .otherplan {
    padding: 30px 20px 0;
    margin: 0 0 40px;
    background-color: #fff; }
    @media (min-width: 768px) {
      #kabukikou .otherplan {
        margin: 0;
        padding: 60px 15px 75px; } }
    #kabukikou .otherplan__ttl {
      color: #050505;
      text-align: center;
      font-size: 18px;
      font-weight: bold;
      margin: 0 0 20px;
      padding: 15px 0 0;
      background-repeat: no-repeat;
      background-position: center top;
      background-size: 62px; }
      @media (min-width: 768px) {
        #kabukikou .otherplan__ttl {
          background-size: 124px;
          font-size: 30px;
          padding: 35px 0 0;
          margin: 0 0 30px; } }
    #kabukikou .otherplan__list {
      margin: 0; }
      @media (min-width: 768px) {
        #kabukikou .otherplan__list {
          max-width: 960px;
          margin: 0 auto;
          display: flex;
          justify-content: center; }
          #kabukikou .otherplan__list:after {
            content: '';
            display: block;
            clear: both; } }
    #kabukikou .otherplan__item {
      margin: 0 0 12px; }
      #kabukikou .otherplan__item:last-child {
        margin: 0; }
      @media (min-width: 768px) {
        #kabukikou .otherplan__item {
          width: 31.25%;
          margin: 0 3.125% 0 0; }
          #kabukikou .otherplan__item:nth-of-type(3n) {
            margin: 0; } }
    #kabukikou .otherplan__link {
      display: block;
      position: relative;
      padding: 0 0 0 150px; }
      @media (min-width: 768px) {
        #kabukikou .otherplan__link {
          padding: 0; } }
    #kabukikou .otherplan__img {
      display: block;
      width: 150px;
      height: 113px;
      position: absolute;
      top: 0;
      left: 0; }
      @media (min-width: 768px) {
        #kabukikou .otherplan__img {
          position: relative;
          width: 100%;
          height: auto; } }
    #kabukikou .otherplan__info {
      padding: 15px;
      box-sizing: border-box;
      min-height: 113px;
      border: 1px solid #ccc; }
      @media (min-width: 768px) {
        #kabukikou .otherplan__info {
          padding: 15px 15px 10px;
          min-height: 0; } }
    #kabukikou .otherplan__name {
      font-size: 14px;
      font-weight: bold;
      margin: 0 0 5px; }
      @media (min-width: 768px) {
        #kabukikou .otherplan__name {
          font-size: 16px;
          text-align: center; } }
    #kabukikou .otherplan__txt {
      font-size: 14px;
      margin: 0; }
      @media (min-width: 768px) {
        #kabukikou .otherplan__txt {
          font-size: 16px;
          text-align: center; } }

#footer {
  background-color: #fff;
  position: relative;
  z-index: 3; }

.o-page .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; }

.o-page .slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .o-page .slick-list:focus {
    outline: none; }
  .o-page .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.o-page .slick-slider .slick-track,
.o-page .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.o-page .slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .o-page .slick-track:before, .o-page .slick-track:after {
    content: "";
    display: table; }
  .o-page .slick-track:after {
    clear: both; }
  .slick-loading .o-page .slick-track {
    visibility: hidden; }

.o-page .slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .o-page .slick-slide {
    float: right; }
  .o-page .slick-slide img {
    display: block; }
  .o-page .slick-slide.slick-loading img {
    display: none; }
  .o-page .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .o-page .slick-slide {
    display: block; }
  .slick-loading .o-page .slick-slide {
    visibility: hidden; }
  .slick-vertical .o-page .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.o-page .slick-arrow.slick-hidden {
  display: none; }

.o-page .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; }

.o-page .slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .o-page .slick-list:focus {
    outline: none; }
  .o-page .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.o-page .slick-slider .slick-track,
.o-page .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.o-page .slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .o-page .slick-track:before, .o-page .slick-track:after {
    content: "";
    display: table; }
  .o-page .slick-track:after {
    clear: both; }
  .slick-loading .o-page .slick-track {
    visibility: hidden; }

.o-page .slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .o-page .slick-slide {
    float: right; }
  .o-page .slick-slide img {
    display: block; }
  .o-page .slick-slide.slick-loading img {
    display: none; }
  .o-page .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .o-page .slick-slide {
    display: block; }
  .slick-loading .o-page .slick-slide {
    visibility: hidden; }
  .slick-vertical .o-page .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.o-page .slick-arrow.slick-hidden {
  display: none; }

.content_fits {
  position: relative;
  width: 100%;
  height: 100%;
  background-repeat: repeat;
  background-position: center top;
  background-size: cover;
  background-attachment: fixed; }

#yohaku .main {
  position: relative;
  z-index: 2; }

#yohaku .main-img {
  padding: 20px 0; }
  @media (min-width: 768px) {
    #yohaku .main-img {
      padding: 54px 0;
      max-width: 950px;
      margin: 0 auto; } }
  #yohaku .main-img img {
    display: block;
    width: 160px;
    margin: 0 auto; }
    @media (min-width: 768px) {
      #yohaku .main-img img {
        width: 322px; } }

#yohaku .slider {
  width: 100%;
  margin: 0 0 20px; }
  @media (min-width: 768px) {
    #yohaku .slider {
      margin: 0 0 55px; } }
  #yohaku .slider__slide {
    width: 100%; }
    @media (min-width: 768px) {
      #yohaku .slider__slide {
        width: 950px; } }
    #yohaku .slider__slide img {
      display: block;
      width: 100%; }
  #yohaku .slider__img {
    display: block;
    width: 100%; }
  #yohaku .slider__txt {
    padding: 5px 10px; }

#yohaku .main-article {
  border-radius: 10px;
  background-color: #fff;
  margin: 0 20px 40px;
  padding: 20px 20px 5px; }
  @media (min-width: 768px) {
    #yohaku .main-article {
      width: 700px;
      margin: 0 auto 80px;
      padding: 30px 60px 0;
      border-radius: 20px; } }
  #yohaku .main-article__nav {
    padding: 0 0 15px; }
    #yohaku .main-article__nav:after {
      content: '';
      display: block;
      clear: both; }
    @media (min-width: 768px) {
      #yohaku .main-article__nav {
        padding: 0 0 30px; } }
  #yohaku .main-article__prev {
    float: left;
    display: block;
    padding: 0 0 0 15px;
    font-size: 14px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 12px; }
    @media (min-width: 768px) {
      #yohaku .main-article__prev {
        font-size: 24px;
        background-size: 24px;
        padding: 0 0 0 30px; } }
  #yohaku .main-article__next {
    float: right;
    display: block;
    padding: 0 15px 0 0;
    font-size: 14px;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 12px; }
    @media (min-width: 768px) {
      #yohaku .main-article__next {
        font-size: 24px;
        background-size: 24px;
        padding: 0 30px 0 0; } }
  #yohaku .main-article__border {
    display: block;
    width: 100%;
    height: 5px; }
    @media (min-width: 768px) {
      #yohaku .main-article__border {
        height: 10px; } }
  #yohaku .main-article__ttl {
    display: table;
    width: 100%; }
  #yohaku .main-article__ttl-img {
    display: table-cell;
    width: 100px;
    vertical-align: middle;
    padding: 17px 8px; }
    @media (min-width: 768px) {
      #yohaku .main-article__ttl-img {
        width: 216px;
        padding: 55px 0;
        text-align: center; } }
    #yohaku .main-article__ttl-img img {
      width: 100%;
      display: block; }
      @media (min-width: 768px) {
        #yohaku .main-article__ttl-img img {
          width: 130px;
          margin: 0 auto; } }
  #yohaku .main-article__ttl-txt {
    display: table-cell;
    vertical-align: middle;
    padding: 17px 0 17px 13px;
    font-size: 16px;
    line-height: 2; }
    @media (min-width: 768px) {
      #yohaku .main-article__ttl-txt {
        font-size: 28px;
        line-height: 1.7; } }
    #yohaku .main-article__ttl-txt span {
      display: block;
      font-size: 14px;
      font-weight: bold;
      color: inherit; }
      @media (min-width: 768px) {
        #yohaku .main-article__ttl-txt span {
          font-size: 20px; } }

#yohaku .article {
  padding: 40px 20px 30px; }
  @media (min-width: 768px) {
    #yohaku .article {
      padding: 60px 40px; } }
  #yohaku .article__heading {
    font-size: 16px;
    font-weight: bold;
    margin: 40px 0 0; }
    @media (min-width: 768px) {
      #yohaku .article__heading {
        font-size: 23px;
        margin: 70px 0 0; } }
    #yohaku .article__heading:first-child {
      margin: 0; }
  #yohaku .article__txt {
    font-size: 14px;
    line-height: 1.8;
    margin: 0 0 35px; }
    #yohaku .article__txt:last-child {
      margin: 0; }
    @media (min-width: 768px) {
      #yohaku .article__txt {
        font-size: 16px;
        margin: 0 0 40px; } }
  #yohaku .article__img {
    margin: 0 -40px 40px; }
    #yohaku .article__img img {
      width: 100%;
      vertical-align: top; }

#yohaku .bottom {
  background-color: #494340;
  color: #fff; }
  #yohaku .bottom__inner {
    padding: 30px; }
    @media (min-width: 768px) {
      #yohaku .bottom__inner {
        max-width: 960px;
        margin: 0 auto;
        padding: 40px 0 30px; }
        #yohaku .bottom__inner:after {
          content: '';
          display: block;
          clear: both; } }
  #yohaku .bottom__item {
    margin: 0 0 40px; }
    @media (min-width: 768px) {
      #yohaku .bottom__item {
        width: 50%;
        margin: 0;
        padding: 0 20px 0 0;
        float: left; } }
  #yohaku .bottom__name {
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    padding: 0 0 10px;
    line-height: 1; }
    @media (min-width: 768px) {
      #yohaku .bottom__name {
        border-bottom: 2px solid #fff;
        font-size: 16px;
        margin: 0 0 10px; } }
  #yohaku .bottom__txt {
    font-size: 14px;
    line-height: 1.8; }
    @media (min-width: 768px) {
      #yohaku .bottom__txt {
        line-height: 1.6; } }

#yohaku .otherplan {
  padding: 30px 20px 0;
  margin: 0 0 40px;
  background-color: #fff; }
  @media (min-width: 768px) {
    #yohaku .otherplan {
      margin: 0;
      padding: 60px 15px 75px; } }
  #yohaku .otherplan__ttl {
    color: #050505;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 20px;
    padding: 15px 0 0;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 62px; }
    @media (min-width: 768px) {
      #yohaku .otherplan__ttl {
        background-size: 124px;
        font-size: 30px;
        padding: 35px 0 0;
        margin: 0 0 30px; } }
  #yohaku .otherplan__list {
    margin: 0; }
    @media (min-width: 768px) {
      #yohaku .otherplan__list {
        max-width: 960px;
        margin: 0 auto;
        display: flex;
        justify-content: center; }
        #yohaku .otherplan__list:after {
          content: '';
          display: block;
          clear: both; } }
  #yohaku .otherplan__item {
    margin: 0 0 12px; }
    #yohaku .otherplan__item:last-child {
      margin: 0; }
    @media (min-width: 768px) {
      #yohaku .otherplan__item {
        width: 31.25%;
        margin: 0 3.125% 0 0; }
        #yohaku .otherplan__item:nth-of-type(3n) {
          margin: 0; } }
  #yohaku .otherplan__link {
    display: block;
    position: relative;
    padding: 0 0 0 150px; }
    @media (min-width: 768px) {
      #yohaku .otherplan__link {
        padding: 0; } }
  #yohaku .otherplan__img {
    display: block;
    width: 150px;
    height: 113px;
    position: absolute;
    top: 0;
    left: 0; }
    @media (min-width: 768px) {
      #yohaku .otherplan__img {
        position: relative;
        width: 100%;
        height: auto; } }
  #yohaku .otherplan__info {
    padding: 15px;
    box-sizing: border-box;
    min-height: 113px;
    border: 1px solid #ccc; }
    @media (min-width: 768px) {
      #yohaku .otherplan__info {
        padding: 15px 15px 10px;
        min-height: 0; } }
  #yohaku .otherplan__name {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 5px; }
    @media (min-width: 768px) {
      #yohaku .otherplan__name {
        font-size: 16px;
        text-align: center; } }
  #yohaku .otherplan__txt {
    font-size: 14px;
    margin: 0; }
    @media (min-width: 768px) {
      #yohaku .otherplan__txt {
        font-size: 16px;
        text-align: center; } }

#footer {
  background-color: #fff;
  position: relative;
  z-index: 3; }

#webcas select {
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  border: 1px solid silver; }

#webcas td {
  padding: 7px 0px; }

#webcas table {
  width: 100%; }

#webcas input {
  padding: 0px;
  width: auto; }

#webcas input[type="submit"] {
  -webkit-appearance: button;
  background: #333333;
  border: none;
  color: #fff;
  padding: 11px 0;
  width: 50%; }

@media screen and (max-width: 360px) {
  .logo {
    margin-left: 0px; }
  .control-general.pull-right {
    width: 165px; }
  .control-general.w-t.pull-right {
    width: 105px; }
  .worlds-fullscreen .button_worlds p.worlds-open {
    font-size: 14px;
    padding: 11px 16px; }
  .nav-fullscreen {
    padding: 36px 0px; }
  #footer .control-lang-footer ul li {
    padding: 10px 5px 10px 30px;
    border-top: 0px;
    border-left: 0px;
    width: 100%; }
  #footer .copyright .copyright-list li {
    padding: 10px 5px 10px 30px;
    border-top: 0px;
    border-left: 0px;
    width: 100%; }
  .e6.n2 .item {
    padding-right: 10px;
    padding-left: 10px; }
  .e6.n2 .item a {
    font-size: 13px;
    padding: 15px 0; }
  .e3 .item .content-area > a.high {
    padding: 10px 0; }
  .worlds-fullscreen .overlay-worlds nav .overlay-nav-content .overlay-nav-info h4.title {
    font-size: 12px;
    font-weight: bold; }
  .worlds-fullscreen .overlay-worlds nav .overlay-nav-content .overlay-nav-info .overlay-nav-img {
    width: 56%;
    height: auto; }
  .worlds-fullscreen .overlay-worlds nav .overlay-nav-content .overlay-nav-info .overlay-nav-desc {
    width: 51%;
    height: auto; } }


   

  .section-title.global{
       margin-top: -13px;
  }
    
@media (min-width: 768px) {

  .section-title.global{
      margin-top: 27px;
  }
}