@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.2
*/
/************************************
** 子テーマ用のスタイルを書く
************************************/
/* トップヘッダー装飾 */
@font-face {
  font-family: 'M PLUS 1p', sans-serif;
  src: url("./fonts/MPLUS1p-ExtraBold.ttf") format("truetype");
  font-family: 'Sawarabi Mincho';
  src: url("./fonts/SawarabiMincho-Regular.ttf") format("truetype");
  font-display: swap; }
.aligncenter {
  text-align: center; }

/* topVideo */
.content-top {
  margin-top: 0; }

section.toptit {
  position: relative;
  height: 85vh;
  background: rgba(255, 255, 255, 0.7); }

.video-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  max-width: unset;
  margin-top: 0; }

.background-video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover; }

/* ヘッダーの色 */
/* glow radius */
/* glow offset */
/* duration */
/* # of letters */
/* background color */
/* 1260px以上も画面いっぱい */
div#content-top-in.wrap {
  width: auto; }

.home {
  /* home枠いっぱい */ }
  .home div#container {
    background: url(/wp-content/uploads/2020/10/night-min-2400.jpg) center no-repeat;
    background-size: cover;
    height: 100vh;
    min-height: 600px; }
  .home .header-container {
    height: 7vh;
    background-color: rgba(255, 255, 255, 0.7);
    min-height: 40px; }
  .home .mobile-menu-buttons {
    background-color: rgba(255, 255, 255, 0.7); }
  .home .blank-box p {
    padding-left: inherit;
    padding-right: inherit; }
  .home .wrap {
    width: auto; }
  .home main.main {
    padding: 0;
    background-color: inherit; }
  .home .pad-5-in, .home div#list, .home .sns-share, .home .sns-follow {
    width: 860px; }
  .home .pad-5-in, .home div#list {
    margin: 0 auto; }
  .home .sns-share, .home .sns-follow {
    margin: 24px auto; }

nav#navi {
  background-color: inherit; }

.bodyfontcolor {
  font-size: 13vw;
  font-family: 'M PLUS 1p', sans-serif;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: snow;
  background: #e4ff01;
  background: linear-gradient(0deg, #e4ff01 0%, #fffffa 100%); }
  .bodyfontcolor span {
    animation: glow 2s ease-in-out both infinite;
    margin-right: -2px; }
    .bodyfontcolor span:nth-child(1) {
      animation-delay: -0.2857142857s; }
    .bodyfontcolor span:nth-child(2) {
      animation-delay: -0.5714285714s; }
    .bodyfontcolor span:nth-child(3) {
      animation-delay: -0.8571428571s; }
    .bodyfontcolor span:nth-child(4) {
      animation-delay: -1.1428571429s; }
    .bodyfontcolor span:nth-child(5) {
      animation-delay: -1.4285714286s; }
    .bodyfontcolor span:nth-child(6) {
      animation-delay: -1.7142857143s; }
    .bodyfontcolor span:nth-child(7) {
      animation-delay: -2s; }
  .bodyfontcolor span:nth-child(1), .bodyfontcolor span:nth-child(2) {
    margin-right: -7px; }

.headtext01 {
  font-family: 'M PLUS 1p', sans-serif;
  font-weight: 800;
  padding: 0px 8px;
  text-align: center;
  color: #fbf6ec;
  font-size: 18px;
  text-shadow: 1px 2px 1px black, -1px -1px 1px black;
  line-height: 1.6em;
  z-index: 16;
  left: 3%;
  right: 3%; }

@keyframes glow {
  0%, 100% {
    text-shadow: 0 0 8.3333333333px snow, 0 -25px 50px tomato, -25px 25px 50px yellow, 25px 25px 50px tomato; }
  33% {
    text-shadow: 0 0 8.3333333333px snow, 0 -25px 50px cyan, -25px 25px 50px tomato, 25px 25px 50px cyan; }
  66% {
    text-shadow: 0 0 8.3333333333px snow, 0 -25px 50px yellow, -25px 25px 50px cyan, 25px 25px 50px yellow; } }
/* トップタイトル */
.top-title {
  background-color: rgba(0, 0, 0, 0.6);
  padding: 0 5%;
  color: #fff;
  font-family: 'M PLUS 1p', sans-serif;
  font-weight: 800;
  font-feature-settings: "palt";
  text-align: center;
  animation-duration: 7s;
  animation-delay: 550ms;
  animation-iteration-count: 1;
  position: absolute;
  width: 100%;
  display: block;
  text-align: center;
  z-index: 3;
  bottom: 22px; }

span.t-title-ca {
  font-size: 6vw; }

span.t-title-na {
  font-size: 5vw; }

span.t-title-mu {
  font-size: 9vw; }

.top-title-wrap {
  color: #000; }

.top-title-left {
  text-align: center;
  padding: 5% 2% 0;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.53);
  width: 100%; }

.top-title-right {
  line-height: 0;
  z-index: 1; }
  .top-title-right img {
    max-height: 100vh;
    object-fit: contain; }

.ttsl-line {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000; }

.ttsl-no {
  font-family: 'Sawarabi Mincho', sans-serif;
  font-size: 17vw;
  color: #00000082;
  margin-top: -10px;
  margin-bottom: -10px; }

.top-title-setumei {
  font-size: 14px;
  padding: 1%;
  text-align: center; }

/* ジャンル選択 画像 */
.choose-genre a {
  display: block;
  margin: 12px 5px; }

.genre-img {
  position: relative; }

.genre {
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 34px;
  font-weight: 700;
  color: #fff;
  text-shadow: 1px 1px 2px black; }

.genre-dis {
  position: absolute;
  bottom: 5px;
  right: 5px;
  color: #efefef;
  text-shadow: 1px 1px 1px black; }

/* Topページ */
.pad-5 h2, .pad-5 h3, .pad-5 h4 {
  padding-left: 4%;
  padding-right: 4%; }
.pad-5 p {
  padding-left: 8%;
  padding-right: 8%;
  font-size: 15px;
  line-height: 30px; }

/* 見出しの指定 */
.article h2, .article h3, .pad-5 h2, .pad-5 h3, #comment-area h2, #comment-area h3 {
  margin-top: 1.8em;
  position: relative;
  padding-bottom: 0.4em; }
  .article h2::after, .article h3::after, .pad-5 h2::after, .pad-5 h3::after, #comment-area h2::after, #comment-area h3::after {
    position: absolute;
    content: " ";
    display: block;
    left: 0; }
  .article h2::first-letter, .article h3::first-letter, .pad-5 h2::first-letter, .pad-5 h3::first-letter, #comment-area h2::first-letter, #comment-area h3::first-letter {
    font-size: 1.2em;
    color: #000000; }
.article h2, .pad-5 h2, #comment-area h2 {
  font-size: xxx-large;
  background: none;
  border-bottom: #ccc 3px solid; }
  .article h2::after, .pad-5 h2::after, #comment-area h2::after {
    border-bottom: solid 3px #e4ff00;
    bottom: -3px;
    width: 20%; }
.article h3, .pad-5 h3, #comment-area h3 {
  font-size: 20px;
  border-left: none;
  border-right: none;
  border-top: none; }
  .article h3::after, .pad-5 h3::after, #comment-area h3::after {
    border-bottom: solid 1px #e4ff00;
    bottom: -1px;
    width: 10%; }

/* ヘッダーアクセス */
.access-walk, .access-esca {
  margin: 20px 0 80px;
  width: 100%; }

.access-walk-img, .access-esca-img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  margin: 20px 0; }

.access-walk-img {
  background-image: url(https://nagoya-night.com/wp-content/uploads/2020/08/station01_997min.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 39% 60%;
  overflow: hidden; }

.access-esca-img {
  background-image: url(https://nagoya-night.com/wp-content/uploads/2020/08/station02_997min.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 39% 60%;
  overflow: hidden; }

/* モバイルボタン */
.slicknav_menu {
  background: #ffffff;
  float: right; }

.slicknav_menu .slicknav_menutxt {
  display: none; }

.slicknav_btn {
  background-color: inherit; }

.slicknav_menu .slicknav_icon-bar {
  background-color: #5d3d0a87; }

.slicknav_nav a {
  color: #221a05;
  text-decoration: none; }

.slicknav_nav a:hover {
  border-radius: 2px;
  background: #f9f7f7; }

.header-container-in.hlt-top-menu.hlt-tm-small .site-name-text-link {
  padding: 4px 0; }

/* ヘッダーアニメーション */
body {
  animation: fadeIn 2s ease 0s 1 normal;
  -webkit-animation: fadeIn 2s ease 0s 1 normal;
  font-display: swap; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.t-title {
  animation-name: textin;
  animation-duration: 2s;
  animation-delay: 0s;
  animation-fill-mode: backwards;
  animation-iteration-count: 1; }

.ttsl-ue {
  animation-name: textin;
  animation-duration: 1.6s;
  animation-delay: 0.4s;
  animation-fill-mode: backwards;
  animation-iteration-count: 1; }

.ttsl-no {
  animation-name: textin;
  animation-duration: 1.3s;
  animation-delay: 0.8s;
  animation-fill-mode: backwards;
  animation-iteration-count: 1; }

.top-title-setumei {
  animation-name: textin;
  animation-duration: 1s;
  animation-delay: 1.2s;
  animation-fill-mode: backwards;
  animation-iteration-count: 1; }

.headtext01 {
  animation-name: textin;
  animation-duration: 1.6s;
  animation-delay: 1.8s;
  animation-fill-mode: backwards;
  animation-iteration-count: 1; }

@keyframes textin {
  from {
    opacity: 0;
    transform: translateY(20px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
/* トップヘッダーここまで */
/* トップページ ボタン光 */
.accsess .btn-shine::before {
  animation-delay: .2s; }

/* SHOP一覧ページ */
.shopichi_ul a {
  color: inherit;
  text-decoration: none; }
.shopichi_ul li {
  list-style-type: none; }
.shopichi_ul li.shop_ichi_li {
  border-bottom: 1px solid rosybrown;
  margin-bottom: 2em; }
  .shopichi_ul li.shop_ichi_li a, .shopichi_ul li.shop_ichi_li .store4 {
    display: flex; }
  .shopichi_ul li.shop_ichi_li .thumbnail {
    flex-grow: 1;
    width: 28%; }
  .shopichi_ul li.shop_ichi_li .ichiran {
    flex-grow: 4; }
.shopichi_ul .title {
  margin-left: 10px;
  border-left: 10px solid rosybrown;
  padding-left: 10px;
  padding-bottom: 40px;
  border-bottom: 1px dotted rosybrown; }
.shopichi_ul .title-waku {
  font-size: 20px;
  padding: 4px 8px; }
.shopichi_ul .title-en {
  font-size: 26px;
  font-weight: bold; }
.shopichi_ul .infom {
  padding: 1%; }

.address {
  margin: 8px 4px; }
  .address table.info-tb {
    margin-bottom: 0px; }
    .address table.info-tb th {
      width: 11%;
      padding: 0; }
    .address table.info-tb td {
      padding: 0; }
    .address table.info-tb th, .address table.info-tb td {
      border: inherit;
      background-color: inherit; }
    .address table.info-tb tr:nth-of-type(2n+1) {
      background-color: inherit; }

.system-ichi table th, .system-ichi table td {
  font-size: 13px; }

.entry-content .discri p {
  font-size: medium; }

/* SHOPページ */
.page-template-shop_page .bg-div {
  position: relative;
  height: 440px;
  left: 0px;
  top: 0px;
  z-index: 3;
  opacity: 1; }
  .page-template-shop_page .bg-div .shop-img img {
    height: 440px;
    object-fit: cover; }
  .page-template-shop_page .bg-div .toplogo-div {
    background-color: rgba(255, 255, 255, 0.65);
    padding: 2% 0;
    margin: auto;
    position: absolute;
    text-align: center;
    z-index: 4;
    left: 0px;
    right: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .page-template-shop_page .bg-div .toplogo-div img {
      width: 500px; }

/* Annのみヘッダー画像をtop合わせで */
.page-id-790 .bg-div .shop-img img {
  object-position: top; }

.easy-info-txt {
  padding: 3% 6%; }

/* SHOPページヘッダ画像 */
.shop-img {
  text-align: center; }

/* ヘッダー、ロゴ画像中央寄せ */
.SHOP_LOGO {
  display: flex;
  align-content: center;
  justify-content: center; }

.page-template-shop_page h1 {
  text-align: center;
  font-size: 40px;
  padding-top: 31px; }

.page .eye-catch-wrap, .page .date-tags {
  display: none; }

.catchcopy1 {
  font-size: xx-large;
  padding-left: 2%;
  padding-right: 2%; }

.catchcopy2 {
  font-size: x-large;
  padding-left: 2%;
  padding-right: 2%; }

.catchcopy3 {
  padding: 95px 0; }

.catchcopy1, .catchcopy2, .catchcopy3, .page-template-shop_page h1 {
  text-align: center;
  font-family: 'Sawarabi Mincho', sans-serif; }

.easy-info .easy-info-txt {
  padding: 40px 0; }
  .easy-info .easy-info-txt p {
    text-align: center; }

/* エントランス */
.entrance, .shop-info {
  position: relative; }
  .entrance h2, .shop-info h2 {
    background-image: none;
    background-color: #fff;
    margin: 90px auto 60px;
    font-size: 16px;
    font-weight: inherit;
    writing-mode: tb;
    border-right: 2px solid;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 0;
    min-height: max-content; }
  .entrance h2:before, .entrance h2:after, .shop-info h2:before, .shop-info h2:after {
    background-color: inherit;
    content: none; }
  .entrance .Midashi, .shop-info .Midashi {
    margin: auto;
    font-size: 24px;
    font-weight: bold;
    writing-mode: tb;
    position: absolute;
    padding: 10px;
    top: 0;
    left: 52%;
    min-height: max-content; }

/* 重ね */
.kasane-div {
  position: relative; }
  .kasane-div .kasane-img {
    position: relative;
    min-height: 291px;
    margin-bottom: -40px; }
    .kasane-div .kasane-img .img {
      width: -webkit-calc(50vw + 385px);
      width: calc(50vw + 385px);
      height: 100%;
      position: absolute;
      overflow: hidden; }
  .kasane-div .entrance-img .img {
    right: 0;
    background-size: cover;
    left: 5%; }
  .kasane-div .shop-info-img .img {
    background-size: cover;
    right: 5%; }
  .kasane-div .kasane-txt {
    padding: 5%;
    color: #fff;
    width: 83%;
    z-index: 4;
    position: relative; }
    .kasane-div .kasane-txt p {
      padding-left: 0;
      padding-right: 0;
      font-size: 14px; }
  .kasane-div .entrance-txt {
    background-color: #2f1800d4; }
  .kasane-div .shop-info-txt {
    background-color: #003108d4;
    left: 17%; }

.top_img1 p {
  text-align: center; }

.shop-system table {
  margin: 3% 1%;
  max-width: 98%; }

.shop-system table th {
  width: 34%; }

/* キャストブログ */
.cast_blog ul {
  list-style-type: none;
  padding-left: 0;
  max-width: 96%;
  margin: 0 auto; }
.cast_blog br {
  content: "";
  margin: 2em;
  display: block;
  font-size: 70%; }

/* フッターロゴ */
img.site-logo-image.footer-site-logo-image {
  max-width: none; }

/* SYSTEM モバイル */
.pay-warap table th {
  width: 45%; }

/* 投稿 */
.entry-content ul, .entry-content ol {
  margin-left: 10%;
  margin-right: 8%; }

/* 投稿リンク */
.link-toko {
  position: relative; }
  .link-toko h2 {
    background-image: none; }
  .link-toko h2:before, .link-toko h2:after {
    background-color: inherit;
    content: none; }

/* 固定ページ */
.crowd-pos {
  margin-bottom: 4em;
  clear: both;
  margin-top: 5px;
  color: #383838; }

.article ul li, .article ol li {
  margin: 0.2em 0.2em 1.4em; }

/* カスタム投稿イベント */
.single-event .eye-catch img {
  max-height: fit-content; }

/* 目次編集 */
div#toc {
  width: 88%; }

/* シェアボタン */
span.button-caption {
  display: none; }

.sns-share.ss-col-4 a {
  width: 11%; }

.sns-follow-buttons a {
  width: 23%; }

/* 案内所紹介ページ */
.shop-annai {
  position: relative;
  width: 100%;
  height: 600px; }
  .shop-annai table tr:nth-of-type(2n+1) {
    background: none; }
  .shop-annai table th, .shop-annai table td {
    border: none; }

.shop-annai-info table tr:nth-of-type(3n) {
  text-align: center; }

.p-main-image__img {
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover; }

.p-main-image__img--narrow {
  width: 50%; }

.p-main-image__content {
  background: #f6f6f6;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  padding: 0 5.5%;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0; }

/*求人情報*/
#recruiting .box {
  padding: 14px; }

.wrapJobContentTopViewShopList {
  width: auto;
  border: 1px solid #c9c9c9;
  border-radius: 2px;
  padding: 16px 0;
  margin: 0 20px; }
  .wrapJobContentTopViewShopList ol li {
    margin: 0; }

ol.jobContentTopViewShopList {
  margin: 0 16px;
  width: auto;
  padding-left: 23px;
  box-sizing: border-box;
  display: inline-block; }
  ol.jobContentTopViewShopList li {
    padding: 0;
    position: relative;
    line-height: 1.692rem; }
    ol.jobContentTopViewShopList li::marker {
      color: #f26600; }

p.preLine {
  white-space: pre-line; }

.jobContentBaseInformationSet {
  width: 100%;
  border-bottom: 1px solid #c9c9c9;
  border-top: 1px solid #c9c9c9;
  padding: 16px 12px;
  display: flex; }

.jobContentBaseInformationItem {
  width: 92px;
  box-sizing: border-box;
  margin-right: 18px; }
  .jobContentBaseInformationItem p.jobitem {
    width: 100%;
    font-size: 1.231rem;
    font-weight: 700;
    display: inline-block;
    line-height: 12px;
    padding: 0;
    margin-bottom: 0; }

.jobContentBaseInformationContent p.jobitem {
  width: 100%;
  display: inline-block;
  line-height: 12px;
  padding: 0;
  margin-bottom: 0; }

.jobContentBaseInformationColmn {
  width: 100%;
  border-bottom: 1px solid #c9c9c9;
  padding: 16px 12px;
  display: flex; }

p.jobInformationDetailAppealTitle {
  font-size: 1.385rem;
  line-height: 2.154rem;
  color: #f26600;
  font-weight: 700;
  margin: 16px 0; }

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px) {
  /*必要ならばここにコードを書く*/
  /* 枠いっぱい解除 */
  .home .pad-5-in, .home div#list, .home .sns-share, .home .sns-follow {
    width: auto; }
  .home .entry-content {
    margin-top: 0; }

  /* トップジャンルボタン */
  .genre-btn {
    display: flex;
    flex-direction: row; }

  /* フッターモバイルボタン */
  #menu-footmobile span.custom-menu-icon.menu-icon {
    display: none; }
  #menu-footmobile li {
    display: flex;
    justify-content: center;
    align-items: center; }
  #menu-footmobile span.custom-menu-caption.menu-caption {
    font-size: 20px;
    text-shadow: 1px 1px 1px white, -1px -1px 1px white; }

  /* ヘッダーメニュ隠し */
  ul#menu-head-mobile-botan {
    display: none; } }
/*834px以下*/
@media screen and (max-width: 834px) {
  /*必要ならばここにコードを書く*/
  .blogcard-wrap {
    width: 98%; } }
/*480px以下*/
@media screen and (max-width: 480px) {
  /*必要ならばここにコードを書く*/
  .home .content {
    margin-top: 0; }
  .home .header-container {
    height: 4vh; }
  .home h1.entry-title {
    padding: 0 12px;
    margin: 4px;
    font-size: 14px; }
  .home .entry-content .video-container {
    margin: 0; }

  .container .blank-box {
    margin-left: 1%;
    margin-right: 1%;
    box-sizing: border-box; }
    .container .blank-box p {
      padding-left: 2%;
      padding-right: 2%; }

  /* SHOPページレイアウト枠いっぱい */
  .no-sidebar .content .main {
    margin: 0;
    width: 100%;
    padding: 0; }

  .under-entry-content {
    margin: 0 2%; }

  /* SHOPページ */
  .entry-title, .article h2 {
    padding: 0.6em 0.3em; }

  .page-template-shop_page h1 {
    font-size: 6vw; }

  .catchcopy1 {
    font-size: 7vw; }

  .catchcopy2 {
    font-size: 4.2vw; }

  .shop-section p, .entry-content p {
    padding: 0 23px;
    font-size: 15px;
    line-height: 30px; }

  .easy-info .easy-info-txt p {
    font-size: 14px; }

  .kasane-div .kasane-img .img {
    width: 95%;
    height: 100%; }
  .kasane-div .entrance-img .img {
    left: 5%; }
  .kasane-div .shop-img .img {
    right: 5%; }

  .pay-system p {
    padding-left: 3%;
    padding-right: 3%;
    font-size: 13px;
    line-height: 26px; }

  /* Gallyページ */
  .page-id-1105 .shop-img img {
    object-position: left; }
  .page-id-1105 .bg-div .toplogo-div {
    top: 76%;
    height: 180px; }
    .page-id-1105 .bg-div .toplogo-div img {
      width: auto; }

  /* モバイルフットボタン */
  ul#menu-footmobile {
    z-index: 3; }

  /* SHOP一覧 */
  ul.shopichi_ul {
    padding-left: 0;
    margin-left: 2%;
    margin-right: 2%; }
    ul.shopichi_ul li.shop_ichi_li {
      position: relative;
      border-bottom: 1px solid rosybrown;
      margin-bottom: 2em; }
      ul.shopichi_ul li.shop_ichi_li a, ul.shopichi_ul li.shop_ichi_li .store4 {
        flex-flow: row-reverse; }
      ul.shopichi_ul li.shop_ichi_li .thumbnail {
        flex-grow: 1;
        width: 64%;
        opacity: 0.4;
        position: absolute;
        top: 40px; }
        ul.shopichi_ul li.shop_ichi_li .thumbnail img {
          height: 100px;
          object-fit: cover; }
      ul.shopichi_ul li.shop_ichi_li .ichiran {
        flex-grow: 4; }

  /* 固定ページ */
  .entry-content ul, .entry-content ol {
    margin-left: 1%;
    margin-right: 3%; }

  /* 案内所紹介ページモバイル */
  .p-main-image__img--narrow {
    width: 35%; }

  .p-main-image__content {
    width: 65%; }

  /* TopVideoモバイル */
  .top-title {
    bottom: 57px; }

  #navi .navi-in > .menu-mobile li, #menu-footmobile li {
    border: 1px dotted #fff;
    box-sizing: border-box;
    font-weight: 600; }

  #navi .navi-in > .menu-mobile li a {
    font-size: 18px; } }
@media screen and (min-width: 481px) {
  /* トップタイトル */
  .top-title {
    height: auto;
    padding: 0 3%; }

  .shop-section p {
    padding-left: 10%;
    padding-right: 10%;
    font-size: 20px;
    line-height: 39px; }

  .entry-content p {
    padding-left: 15%;
    padding-right: 15%;
    font-size: 20px;
    line-height: 39px; }
  .entry-content ul, .entry-content ol {
    margin-left: 14%;
    margin-right: 17%; }
  .entry-content .pad-5-in ul {
    margin-left: 9%;
    margin-right: 8%; }

  ul.shopichi_ul {
    margin-left: 5%;
    margin-right: 5%; }

  .kasane-div .kasane-img {
    min-height: 385px; }
  .kasane-div .entrance-img .img {
    left: 20%; }
  .kasane-div .shop-info-img .img {
    right: 20%; }

  /* タイトルの改行 */
  .page-template-shop_page br {
    display: none; }

  /* 地図の中央寄せ */
  .station-map {
    text-align: center; } }
@media screen and (min-width: 601px) {
  .choose-genre {
    max-width: 1200px;
    margin: 0 auto; }
    .choose-genre a {
      max-width: 600px; }
    .choose-genre a:nth-of-type(2) {
      margin: 0 auto; }
    .choose-genre a:nth-of-type(3) {
      margin: 12px 5px 12px auto; } }
@media screen and (min-width: 834px) {
  .single .header-in, .wpforo .header-in, .page .header-in {
    min-height: 60px;
    /*hederに合わせて同じ位の数値で調整*/ }

  /* 外枠いっぱい */
  #main header, #main footer.entry-footer {
    padding: 0 29px; }

  /* ジャンル選択画像  レスポンシブ*/
  .genre-img {
    width: 600px;
    margin: 0 auto; }

  /* トップ */
  .home .header-container {
    height: 4vh; }

  /* トップアクセス */
  .access-walk, .access-esca {
    display: flex; }

  .access-esca {
    flex-direction: row-reverse; }

  .access-walk-dic, .access-esca-dic {
    flex: 1 1 auto;
    width: 1320px; }

  .access-walk-dic {
    margin-left: 13%; }

  .access-esca-dic {
    margin-right: 13%; }

  .access-walk-img, .access-esca-img {
    height: auto;
    flex: 1 1 auto; }

  .station p {
    padding-left: 0;
    padding-right: 0; }

  /* トップヘッダー装飾 */
  .topheaderww .bodyfontcolor {
    font-size: 10vw;
    height: 60vh; }
    .topheaderww .bodyfontcolor span {
      animation: glow 2s ease-in-out both infinite;
      margin-right: -10px; }
      .topheaderww .bodyfontcolor span:nth-child(1) {
        animation-delay: -0.2857142857s; }
      .topheaderww .bodyfontcolor span:nth-child(2) {
        animation-delay: -0.5714285714s; }
      .topheaderww .bodyfontcolor span:nth-child(3) {
        animation-delay: -0.8571428571s; }
      .topheaderww .bodyfontcolor span:nth-child(4) {
        animation-delay: -1.1428571429s; }
      .topheaderww .bodyfontcolor span:nth-child(5) {
        animation-delay: -1.4285714286s; }
      .topheaderww .bodyfontcolor span:nth-child(6) {
        animation-delay: -1.7142857143s; }
      .topheaderww .bodyfontcolor span:nth-child(7) {
        animation-delay: -2s; }
    .topheaderww .bodyfontcolor span:nth-child(1) {
      margin-right: -20px; }
    .topheaderww .bodyfontcolor span:nth-child(2) {
      margin-right: -20px; }
  .topheaderww .headtext01 {
    padding: 5px 22%;
    font-size: 2vw;
    bottom: 2em; }
    .topheaderww .headtext01 br {
      display: none; }

  .ttsl-ue br {
    display: none; }

  span.ttls {
    padding-right: 1em; }

  div#header-in {
    min-height: auto; }

  .navi-in > ul li {
    width: 115px; }

  .top-title-left {
    padding: 2% 2% 0; }

  .ttsl-no {
    font-size: 157px;
    width: 100%;
    margin-top: -21px;
    margin-bottom: -37px; }

  /* Topページ */
  .pad-5 h2 {
    margin-top: 90px;
    margin-bottom: 70px; }
  .pad-5 h2, .pad-5 h3 {
    padding-left: 10%;
    padding-right: 10%; }
  .pad-5 p {
    padding-left: 15%;
    padding-right: 15%;
    font-size: 20px;
    line-height: 38px; }
  .pad-5 table {
    width: 60%;
    margin: 0 auto; }

  /* トップタイトル */
  span.t-title-ca {
    font-size: 60px; }

  span.t-title-na {
    font-size: 45px; }

  span.t-title-mu {
    font-size: 74px; }

  .top-title-right {
    right: 0; }

  /* SHOP一覧 */
  .shopichi_ul .title {
    display: flex;
    align-items: baseline; }

  .system-ichi table th, .system-ichi table td {
    font-size: 18px; }

  /* SHOPページ */
  .easy-info {
    padding: 95px 0; }

  .easy-info-txt {
    padding: 3%; }

  .easy_info_buil {
    position: relative; }

  .entrance h2, .shop-info h2 {
    position: absolute; }

  .entrance h2 {
    margin: 0 0 0 7%; }
  .entrance .Midashi {
    left: 9.5%; }

  .shop-info {
    margin-bottom: 95px; }
    .shop-info h2 {
      margin: 0 7% 0 0%;
      right: 0; }
    .shop-info .Midashi {
      right: 1.5%; }

  .kasane-div {
    min-height: 440px; }
    .kasane-div .kasane-txt {
      width: 52%; }
    .kasane-div .shop-info-txt {
      left: 48%; }

  .shop-system table {
    margin: 3% 16%;
    max-width: 68%; }

  /* アイキャッチ縦 */
  .eye-catch img {
    object-fit: cover;
    max-height: 620px;
    width: 100vw; }

  /* 固定ショップページTwitter */
  #twitter-widget-0 .timeline-Widget {
    max-width: 645px;
    margin: 0 auto; }

  #twitter-widget-0 .timeline-Body.customisable-border .timeline-Viewport .timeline-Tweet-text {
    font-size: 21px;
    line-height: 30px; } }
@media screen and (min-width: 1266px) {
  /* ホーム再編集 */
  .top-title-shita {
    background-color: rgba(255, 255, 255, 0.53);
    width: 100%; }

  .top-title-left {
    width: 71%;
    margin: 0 auto;
    right: 0;
    left: 0;
    background-color: initial; }

  .top-title-setumei {
    font-size: 1.37vw;
    width: 79%;
    margin: 0 auto; }

  .cast_blog ul {
    display: flex;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    .cast_blog ul li {
      width: 29%; }

  /* ジャンル選択画像 PC */
  .choose-genre {
    max-width: 1024px;
    display: flex;
    justify-content: space-around; }
    .choose-genre a {
      margin: initial; }
    .choose-genre a:nth-of-type(2) {
      margin: initial; }
    .choose-genre a:nth-of-type(3) {
      margin: initial; }
    .choose-genre .genre-img {
      width: 300px; }
    .choose-genre img {
      height: 200px;
      width: 300px;
      object-fit: cover; } }
/* ブレイクポイントの変数定義（必要に応じて） */
.social-links {
  display: flex;
  gap: 0.5rem;
  /* デフォルトのアイコン間隔 */
  /* 481px 以上 */
  /* 601px 以上 */
  /* 834px 以上 */
  /* 1266px 以上 */ }
  .social-links .social-link {
    display: inline-block;
    width: 23%;
    /* デフォルトのアイコンサイズ */
    height: 180px;
    border-radius: 50%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60% auto;
    /* アイコン画像のサイズ */
    text-indent: -9999px;
    transition: background-color 0.3s ease;
    /* デフォルト（スマホサイズで読み込む画像） */ }
    .social-links .social-link:hover {
      background-color: #ACD;
      /* hover時の簡易的なスタイル例 */ }
    .social-links .social-link.instagram {
      background-image: url("image/2025-04-instagram2.png"); }
    .social-links .social-link.x {
      background-image: url("image/2025-04-X2.png"); }
    .social-links .social-link.tiktok {
      background-image: url("image/2025-04-TikTok2.png"); }
    .social-links .social-link.youtube {
      background-image: url("image/2025-04-Youtube2.png"); }
  @media screen and (min-width: 481px) {
    .social-links {
      gap: 0.75rem; }
      .social-links .social-link {
        width: 20%;
        height: 180px;
        background-size: 55% auto; } }
  @media screen and (min-width: 601px) {
    .social-links {
      gap: 1rem; }
      .social-links .social-link {
        width: 25%;
        height: 180px;
        background-size: 95% auto; }
        .social-links .social-link.instagram {
          background-image: url("image/2025-04-instagram.png"); }
        .social-links .social-link.x {
          background-image: url("image/2025-04-X.png"); }
        .social-links .social-link.tiktok {
          background-image: url("image/2025-04-TikTok.png"); }
        .social-links .social-link.youtube {
          background-image: url("image/2025-04-Youtube.png"); } }
  @media screen and (min-width: 834px) {
    .social-links {
      gap: 1.5rem; }
      .social-links .social-link {
        width: 25%;
        height: 180px;
        background-size: 95% auto; } }
  @media screen and (min-width: 1266px) {
    .social-links {
      gap: 2rem; }
      .social-links .social-link {
        width: 25%;
        height: 180px;
        background-size: 95% auto; } }

/*# sourceMappingURL=0Station.css.map */