@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.5
*/
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* カラー設定 */
body article {
  color: #2a2a2a; }

.cat-link {
  color: rgba(255, 255, 255, 0.7); }

.riyo {
  text-align: right; }

.center {
  text-align: center; }

/* 背景 */
#content::before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100vh;
  background: url(https://yoasobi-navi.info/wpp/wp-content/uploads/2023/06/Fern-background-with-a-glowing-frame-1227361-min.jpg) center no-repeat;
  background-size: cover; }

.breadcrumb, .breadcrumb a span {
  color: #fff; }

/* topVideo */
.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; }

.overlay-image {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  opacity: 0;
  transition: opacity 1s; }

/* table設定 */
table {
  color: #2a2a2a; }
  table tr:nth-of-type(2n+1) {
    background-color: rgba(255, 255, 255, 0.7); }
  table tr:nth-of-type(2n) {
    background-color: rgba(0, 0, 0, 0.05); }
  table th {
    background-color: rgba(0, 0, 0, 0.13); }
  table th, table td {
    border: 1px solid rgba(255, 255, 255, 0.3); }

/* SHOP一覧table */
.address table.info-tb {
  margin-bottom: 0px; }

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

/* 店舗システム テーブル */
.pay-system table th {
  width: 150px; }
.pay-system table th, .pay-system table td {
  padding: 15px 10px; }

/* リスト設定 */
.article ul {
  list-style: none; }

/* フッター リンク */
ul.categ-list {
  padding-left: 0; }
  ul.categ-list ul {
    padding-left: 8px; }
  ul.categ-list li a {
    color: #2a2a2a;
    text-decoration: none;
    display: block;
    width: 100%; }
  ul.categ-list li:hover {
    border: 1px solid #412aff;
    background-color: #3b59988c; }
  ul.categ-list li {
    position: relative;
    margin: 0; }
  ul.categ-list li a::after {
    border-right: 3px solid #999;
    border-top: 3px solid #999;
    content: "";
    display: block;
    height: 7px;
    margin-top: -4px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: rotate(45deg);
    width: 7px; }

/*--- アニメーション ---*/
/* ブラウザのスクロールバーを常に表示させることでカクカクッとなるのを防ぐ */
html {
  overflow-y: scroll; }

/* 
=======================
   Loding
=======================
*/
/* ローディングの背景部分のCSS */
.loader {
  background: #fff;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10; }

/* ローディングのアニメーション部分のCSS */
.loader-animation,
.loader-animation:before,
.loader-animation:after {
  background: #2c6ebd;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em; }

.loader-animation {
  height: 10px;
  left: 50%;
  margin: -5px 0 0 -5px;
  position: absolute;
  top: 50%;
  width: 10px;
  color: #4796f5;
  text-indent: -9999em;
  font-size: 10px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

.loader-animation:before,
.loader-animation:after {
  position: absolute;
  top: 0;
  content: ''; }

.loader-animation:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.loader-animation:after {
  left: 1.5em; }

@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em; }
  40% {
    box-shadow: 0 -2em;
    height: 5em; } }
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em; }
  40% {
    box-shadow: 0 -2em;
    height: 5em; } }
body {
  animation: fadeIn 1.2s ease 0s 1 normal;
  -webkit-animation: fadeIn 1.2s ease 0s 1 normal; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
div#content-in {
  width: auto; }

/* 地図 */
div#sample {
  width: 400px;
  height: 500px;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 2em; }

#map {
  height: 100%;
  width: 100%; }

/*全てをまとめて非表示*/
.home.page .entry-title,
.home.page .date-tags,
.home.page .author-info {
  display: none; }

.b {
  font-weight: bold; }

.home {
  background: #fff; }

/* まとめ用 */
#main div.titl-stin {
  font-size: 10px;
  line-height: 100%;
  color: #989898; }
#main div.pos-stin {
  padding-bottom: 19px;
  font-size: 18px;
  line-height: 1.6;
  color: #4a4a4a; }
#main .post div.navy {
  color: #0000ff; }
#main .post div.orange {
  color: #ff8c00;
  font-weight: bold; }
#main .post div.cyairo {
  color: #5A1616;
  font-weight: bold; }
#main .post div.green {
  color: #64B964;
  font-weight: bold; }
#main .post div.navynavy {
  color: #269CCC;
  font-weight: bold; }
#main .post div.pink {
  color: #ff1493;
  font-weight: bold; }

/* Topflex */
.topfront {
  background: rgba(255, 255, 255, 0.7);
  width: 980px;
  margin: 0 auto;
  padding-top: 2em; }
  .topfront .boxer {
    display: flex;
    width: auto;
    margin: 0 auto;
    padding: 2em 0;
    justify-content: center;
    flex-wrap: wrap; }
    .topfront .boxer .topflex img {
      max-width: none; }
    .topfront .boxer img.size-medium {
      margin: 0 1em; }
    .topfront .boxer .section {
      margin: 0 20px; }
    .topfront .boxer .blogcard-wrap {
      background-color: rgba(255, 255, 255, 0.7); }
    .topfront .boxer span.jourei {
      text-align: right;
      display: block;
      font-size: 11px;
      color: #25648d; }

.topflex p:nth-child(1) {
  margin: 0 0 1em; }

span.fa.fa-arrow-down {
  font-size: 100px; }

span.kekka.b {
  font-size: 61px; }

.blank-box.bb-blue p {
  font-size: 26px; }

/* howhow */
.howhow .topflex:nth-child(1) {
  width: 423px;
  font-size: 15px; }

/* タイトルｈ２ */
.top-tit {
  max-width: 960px;
  margin: 0 auto; }

.article h2 {
  background-color: transparent; }

/* 見出しの指定 */
.article h2, .article h3, .pad-5 h2, .pad-5 h3, #comment-area h2, #comment-area h3 {
  font-weight: inherit;
  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: 18px;
  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: 16px;
  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%; }

/* トップページのみ高さ */
/*.home .header .header-in {
    min-height: 800px;
    }
*/
/* グローバルナビ */
.navi-in > ul li {
  z-index: 1;
  box-sizing: border-box;
  border-left: 1px #ccc solid; }

#navi .navi-in a, .navi-footer-in a {
  color: #cdd7d6; }

#navi .navi-in a:hover, .navi-footer-in a:hover {
  color: #25beb9; }

.navi-in a:hover, .navi-footer-in a:hover {
  background-color: #161515; }

/* トップのヘッダー txtアニメ */
div#appeal, .appeal-content {
  animation-name: textin;
  animation-fill-mode: backwards; }

div#appeal {
  animation-duration: 7s;
  animation-delay: 550ms;
  animation-iteration-count: 1;
  position: absolute;
  width: 100%;
  display: block;
  text-align: center;
  height: 460px;
  margin-top: -230px;
  z-index: 3; }

div#appeal-in {
  padding: 0;
  background-color: rgba(255, 255, 255, 0.7); }

div.visual-title > h1 > img {
  margin-right: -30px; }

div.visual-title > p {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 1em; }

.home .eye-catch img {
  display: none; }

/* トップのヘッダーの下 */
/* トップ */
.appeal-content {
  margin: 14px auto;
  background-color: unset;
  animation-duration: 11s;
  animation-delay: 550ms;
  animation-iteration-count: 1; }

@keyframes textin {
  from {
    opacity: 0;
    transform: translateY(40px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
.home div#content {
  margin-top: 0; }
.home main#main {
  padding: 0;
  border: 0; }
.home .page .entry-content {
  background-color: initial;
  margin-top: 0; }
.home figure.eye-catch {
  margin-bottom: 0; }

.single #header, .wpforo #header, .page #header {
  background-image: none;
  height: 60px; }
.single #header div#header-in, .wpforo #header div#header-in, .page #header div#header-in {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-around; }
.single .logo.logo-header.logo-text, .wpforo .logo.logo-header.logo-text, .page .logo.logo-header.logo-text {
  padding: 5px; }
.single .header-container, .wpforo .header-container, .page .header-container {
  border-bottom: 1px solid #ccc; }

.header-container-in.hlt-top-menu .logo-header {
  z-index: 1; }
  .header-container-in.hlt-top-menu .logo-header img {
    height: auto; }

.wrap-content {
  width: 980px;
  margin: 0 auto;
  box-sizing: border-box; }

.cmn-cv-btn {
  border-radius: 1.5em;
  box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.2);
  color: #fff;
  display: block;
  margin-top: 4px;
  padding: .5em 2em;
  position: relative;
  top: -4px;
  text-align: center;
  text-decoration: none;
  transition: .3s ease;
  transform-origin: left bottom;
  animation: btn-anim 2s infinite; }

.cmn-cv-btn:after {
  content: "";
  display: block;
  border-width: .3em 0 .3em .4em;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -.3em;
  width: 0;
  height: 0; }

.cmn-cv-btn:hover {
  box-shadow: none;
  top: 0; }

.cmn-cv-btn.arrow-btm:after {
  border-width: .4em .3em 0 .3em;
  border-color: #fff transparent transparent transparent;
  margin-top: -.2em; }

@keyframes btn-anim {
  0% {
    transform: skew(0deg); }
  75% {
    transform: skew(0deg); }
  80% {
    transform: skew(-7deg); }
  85% {
    transform: skew(5deg); }
  90% {
    transform: skew(-3deg); }
  95% {
    transform: skew(2deg); }
  100% {
    transform: skew(0deg); } }
.s-course {
  margin-top: 150px; }
  .s-course .wrap-content {
    display: flex;
    justify-content: space-between; }

.courseItem_standard {
  border-color: #dd004e; }

.courseItem {
  background: #fff;
  color: #4c4c4c;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: relative;
  top: -45px;
  padding: 20px;
  flex: 0 0 270px;
  box-sizing: content-box; }
  .courseItem .courseItem-title {
    font-size: 20px;
    text-align: center;
    line-height: 1.3;
    position: relative; }
  .courseItem .courseItem-title:before {
    content: "";
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 50%;
    padding-bottom: 1.8em;
    margin: 0 auto 5px; }

.courseItem-title > small {
  font-size: 60%;
  font-weight: bold;
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%); }

h2.courseItem-title {
  font-size: initial;
  margin: initial;
  padding: initial;
  background-color: initial; }

.courseItem-img {
  text-align: center;
  margin: 10px 0; }
  .courseItem-img img {
    max-width: 100%; }

.courseItem-recommend {
  border-bottom: 2px solid currentColor;
  font-size: 14px; }
  .courseItem-recommend dt {
    font-weight: bold;
    overflow: hidden;
    text-align: center; }
  .courseItem-recommend dt span {
    position: relative;
    padding: 0 10px; }
  .courseItem-recommend dt span:before, .courseItem-recommend dt span:after {
    content: "";
    display: block;
    background: currentColor;
    position: absolute;
    top: 50%;
    width: 200%;
    height: 2px; }
  .courseItem-recommend dt span:before {
    right: 100%; }
  .courseItem-recommend dt span:after {
    left: 100%; }
  .courseItem-recommend dd {
    margin: 10px 20px; }
  .courseItem-recommend dd i {
    display: inline-block;
    box-shadow: inset 0 0 0 2px currentColor;
    margin: .1em 1em .1em 0;
    width: 1.3em;
    height: 1.3em;
    position: relative;
    vertical-align: top; }
  .courseItem-recommend dd i:after {
    content: "";
    display: block;
    border-width: 0 0 2px 2px;
    border-style: solid;
    border-color: transparent transparent #eee #eee;
    width: 1.3em;
    height: .5em;
    position: absolute;
    bottom: 20%;
    left: 50%;
    transform-origin: left bottom;
    transform: rotate(-50deg); }

.courseItem-desc {
  margin: 10px 0; }

.courseItem-price {
  font-size: 13px;
  text-align: center;
  margin: 10px 0; }

.courseItem-price > b {
  font-size: 200%;
  font-weight: bold; }

.courseItem-price > span {
  font-size: 130%;
  font-weight: bold; }

.courseItem-button > a {
  font-size: 18px; }

.courseItem_standard {
  border-color: #dd004e; }
  .courseItem_standard .courseItem-title {
    color: #dd004e; }
  .courseItem_standard .courseItem-title:before {
    background-image: url(/img/course_standard.png); }
  .courseItem_standard .courseItem-recommend dd i:after {
    border-color: transparent transparent #dd004e #dd004e; }
  .courseItem_standard .courseItem-button > a {
    background-color: #dd004e; }

.courseItem_variety {
  border-color: #e84700; }
  .courseItem_variety .courseItem-title {
    color: #e84700; }
  .courseItem_variety .courseItem-title:before {
    background-image: url(/img/course_variety.png); }
  .courseItem_variety .courseItem-recommend dd i:after {
    border-color: transparent transparent #e84700 #e84700; }
  .courseItem_variety .courseItem-button > a {
    background-color: #e84700; }

.courseItem_mealkit {
  border-color: #509b00; }
  .courseItem_mealkit .courseItem-title {
    color: #509b00; }
  .courseItem_mealkit .courseItem-title:before {
    background-image: url(/img/course_recruit.png); }
  .courseItem_mealkit .courseItem-recommend dd i:after {
    border-color: transparent transparent #509b00 #509b00; }
  .courseItem_mealkit .courseItem-button > a {
    background-color: #509b00; }

.pc-on {
  display: block !important; }

.pc-off {
  display: none !important; }

/* 固 ゆらゆら波 */
.boxdo {
  width: 100%;
  height: 300px;
  border-radius: 5px;
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.2);
  background: rgba(255, 255, 255, 0.7);
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0); }
  .boxdo::after {
    content: '';
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(222, 78, 211, 0.69), rgba(221, 238, 255, 0) 80%, rgba(0, 0, 0, 0.45));
    z-index: 11;
    transform: translate3d(0, 0, 0); }
  .boxdo .cast_img1, .boxdo .cast_img2 {
    position: absolute;
    z-index: 1;
    bottom: -110px; }
  .boxdo .cast_img1 {
    right: 0; }
  .boxdo .cast_img2 {
    left: 0; }

.wave {
  opacity: .4;
  position: absolute;
  top: 3%;
  left: 50%;
  background: #f7b8ff;
  width: 500px;
  height: 500px;
  margin-left: -250px;
  margin-top: -250px;
  transform-origin: 50% 48%;
  border-radius: 43%;
  animation: drift 3000ms infinite linear; }

.wave.-three {
  animation: drift 5000ms infinite linear; }

.wave.-two {
  animation: drift 7000ms infinite linear;
  opacity: .1;
  background: yellow; }

.titlenami {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
  line-height: 300px;
  text-align: center;
  transform: translate3d(0, 0, 0);
  color: white;
  text-transform: uppercase;
  font-family: 'Playfair Display', serif;
  letter-spacing: .4em;
  font-size: 24px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  text-indent: .3em; }

@keyframes drift {
  from {
    transform: rotate(0deg); }
  from {
    transform: rotate(360deg); } }
/* ヘッダーフッターロゴ */
.footer-bottom-logo .logo-image {
  max-width: 100vw; }

.header-container, .main, .sidebar, .footer, .navi {
  background-color: transparent; }

footer#footer {
  background-color: rgba(255, 255, 255, 0.7); }
  footer#footer a {
    color: #2a2a2a; }

.source-org.copyright {
  color: #2a2a2a; }

/* shop-info */
#conta-head .shop-info img {
  max-width: 249px; }
#conta-head img {
  width: 100%; }

.shop-info {
  max-width: 800px;
  margin: auto;
  padding: 1em;
  display: block; }
  .shop-info .topflex:nth-child(1) {
    margin-right: 2em; }
  .shop-info .topflex:nth-child(2) {
    max-width: 470px; }
  .shop-info .boxer {
    display: flex;
    margin: 0 auto;
    padding: 1em;
    background: rgba(255, 255, 255, 0.7); }
  .shop-info ul {
    list-style-type: none; }
  .shop-info .courseItem-button {
    background-color: #dd004e;
    border-radius: 1.5em; }

header.article-header.entry-header {
  background-color: rgba(255, 255, 255, 0.7); }

/* edge用対応 */
.shop, .howhow {
  position: relative; }

/* 1カラム画面いっぱいと背景透過 */
.column1 main#main {
  padding: 0;
  background: transparent; }
.column1 h1.entry-title {
  padding-left: 2em;
  border-bottom: 1px dotted #ccc; }
.column1 .date-tags, .column1 h1.entry-title {
  color: #2a2a2a; }
.column1 footer.article-footer.entry-footer {
  background: rgba(255, 255, 255, 0.7);
  color: #2a2a2a;
  z-index: 0;
  position: relative;
  font-weight: bold;
  padding-top: 2em; }
.column1 .widget_pages ul li a {
  color: #2a2a2a; }

.top_img1 img {
  width: 100%; }

/* shopinfoとshoplogo */
/* キャッチコピー */
/* 背景が青いので文字は白 */
.easy-info, .shop-system, .shop-system table {
  color: rgba(255, 255, 255, 0.7); }

.shop-system table {
  margin-bottom: 20px;
  max-width: 100%;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-left: 0; }

/* shopinfoフォントサイズ */
.easy-info .catchcopy1 {
  font-weight: bold;
  line-height: 1.4; }
.easy-info .catchcopy2 {
  font-weight: bold;
  line-height: 1;
  margin-bottom: 12px; }
.easy-info .column-wrap.column-2 {
  background: -moz-linear-gradient(top left, #383b42, #000);
  background: -webkit-linear-gradient(top left, #383b42, #000);
  background: linear-gradient(to bottom right, #383b42, #000); }
.easy-info .column-wrap .column-left {
  padding-right: 54%;
  width: 100%; }
  .easy-info .column-wrap .column-left p {
    border-left: 3px solid #b0e0fb;
    padding-left: 20px;
    font-size: 14px; }
.easy-info .column-right {
  background: url(https://yoasobi-navi.info/img/shologo-back.jpg) center center no-repeat; }
.easy-info .column-wrap .column-right {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50%;
  background-size: cover;
  background-position: center; }

/* shopsystem */
.shop-system {
  padding-top: 1px;
  background: #383b42; }
  .shop-system .column-left {
    background: url(https://yoasobi-navi.info/img/shopsystem-back.jpg) center center no-repeat;
    min-height: 276px; }
  .shop-system .column-wrap.column-2 {
    background: -moz-linear-gradient(top right, #383b42, #000);
    background: -webkit-linear-gradient(top right, #383b42, #000);
    background: linear-gradient(to bottom left, #383b42, #000); }
  .shop-system .column-wrap .column-left {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50%;
    background-size: cover;
    background-position: center; }
  .shop-system .column-wrap .column-right {
    padding-left: 54%;
    padding-right: 1%;
    width: 100%;
    min-height: 276px; }
  .shop-system .meta {
    padding: 0;
    font-size: 12px; }
    .shop-system .meta table {
      margin-bottom: 2px; }
    .shop-system .meta th, .shop-system .meta td {
      border: none;
      background-color: initial;
      padding-right: 0;
      padding-left: 0;
      font-size: inherit;
      width: auto;
      min-width: 36px; }
  .shop-system h2 {
    color: #ccc;
    margin-bottom: 10px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 5px; }

/* 料金SYSTEM */
.pay-warap, .addres-wrap {
  background: rgba(255, 255, 255, 0.7);
  margin: 24px 0;
  padding: 24px 0; }

/* 二重の疑似要素 */
.pay-system .column-right {
  border-left: 1px dotted #bfbfbf; }
.pay-system .section {
  width: 80%;
  margin: 0 auto; }
.pay-system ul {
  display: flex;
  flex-wrap: wrap; }
  .pay-system ul li::after {
    content: " : "; }
  .pay-system ul li:last-child:after {
    content: none; }

/* shop-addres */
.shop-addres {
  width: 98%;
  margin: 0 auto; }

/* アクセス */
/* SHOP一覧ページ */
.ichiran {
  background-color: rgba(255, 255, 255, 0.5);
  color: #2a2a2a; }

.article .shopichi_ul a {
  color: #2a2a2a;
  text-decoration: none; }
.article .shopichi_ul li {
  list-style-type: none;
  border-bottom: 1px solid rosybrown;
  margin-bottom: 2em; }
.article .shopichi_ul .title {
  display: flex;
  align-items: baseline;
  margin: 10px;
  border-left: 10px solid rosybrown;
  padding-left: 10px;
  border-bottom: 1px dotted rosybrown; }
.article .shopichi_ul .title-en {
  font-size: 26px;
  font-weight: bold; }
.article .shopichi_ul .title-waku {
  font-size: 20px;
  padding: 4px 8px; }
  .article .shopichi_ul .title-waku::after, .article .shopichi_ul .title-waku::before {
    content: " - "; }
.article .shopichi_ul .infom {
  padding: 1%; }

.title_address {
  padding: 1%;
  width: 100%;
  box-sizing: border-box; }
  .title_address .address {
    margin: 10px; }

/* ページネーション */
.pagination-next-link, .comment-btn {
  background-color: rgba(255, 255, 255, 0.7);
  color: #dedede; }

.pagination-next-link:hover, .comment-btn:hover {
  background-color: rgba(0, 0, 0, 0.45);
  transition: all 0.7s;
  color: #fff;
  font-weight: bold; }

.pagination .current {
  background-color: #313131; }

.pagination a:hover {
  background: #000;
  transition: all 0.7s;
  color: #fff;
  font-weight: bold; }

.page-numbers {
  background-color: rgba(0, 0, 0, 0.35);
  color: #f1e0e0; }

/* カテゴリ一覧 */
div#list .a-wrap {
  background-color: rgba(255, 255, 255, 0.7); }
  div#list .a-wrap::hover {
    background-color: white; }

/* サムネイルサイズ調整 */
.thumbnail img {
  max-height: 160px;
  object-fit: scale-down; }

.access2 {
  display: flex; }

/* 背景とデザイン */
/* Top編集 */
.entry-content.cf .section {
  position: relative; }

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

.answer {
  max-width: 750px;
  margin: auto; }

/* 関連投稿背景 */
a.related-entry-card-wrap.a-wrap.border-element.cf, a.prev-post, a.next-post, div#comment-area {
  background-color: rgba(255, 255, 255, 0.7); }

/* 一番上に戻るボタン編集 */
div#go-to-top {
  bottom: 100px;
  /* 画面下から100pxの位置に変更 */ }

.go-to-top-button {
  background-color: rgba(210, 210, 210, 0.2588235294);
  /* 半透明に変更 */
  font-size: 36px;
  color: #0da4fd; }
  .go-to-top-button::after {
    color: #928aff; }

/* 背景の半透明Black */
.page .entry-content {
  background-color: rgba(255, 255, 255, 0.7);
  padding-bottom: 1em;
  padding-top: 14px; }

.content-bottom {
  background-color: rgba(255, 255, 255, 0.7);
  padding-top: 1.4em;
  padding-bottom: 1px; }

.post .entry-content.cf {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 1%; }
  .post .entry-content.cf .toc a {
    color: #2a2a2a;
    text-decoration: none; }

footer.entry-footer {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 1%; }

div#comment-area {
  padding: 0px 60px; }

/* recaptcaの重ね順 */
.grecaptcha-badge {
  z-index: 3; }

/* RSSブログ */
.cast-blog-wrap {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 1.5%; }

.cast_blog {
  width: 60%;
  margin: 0 auto; }
  .cast_blog ul li.blogroll-list {
    position: relative;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 0.8em;
    border-left: 12px solid #ffaee6;
    padding-left: 9px;
    font-size: 16px; }
    .cast_blog ul li.blogroll-list a {
      color: #ccc;
      text-decoration: none;
      display: block; }
    .cast_blog ul li.blogroll-list img {
      padding: 1%; }

/* 投稿 */
@media screen and (orientation: landscape) {
  /* 横向きの場合のスタイル */
  body.dra, body.yonavi {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    align-items: flex-end; }

  .flexbox {
    height: 80vh; }
    .flexbox a {
      width: 20%; }
      .flexbox a .flexbox a .title {
        font-size: 2.4vw; } }
/* ここまで 横向き */
@media screen and (orientation: portrait) {
  /* 縦向きの場合のスタイル */
  body.dra, body.yonavi {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center; }

  .flexbox a {
    width: 50%; }

  .flexbox a .title {
    font-size: 4.8vw; }

  .yonavi .flexbox {
    height: 90vh; }

  .yonavi .flexbox a {
    width: 50%; }

  .yonavi .flexbox a .title {
    font-size: 4.8vw;
    display: none; } }
@media screen and (max-width: 768px) {
  /* トップページのみ高さ */
  /*
  .home .header div.header-in {
      min-height: 252px;
      }
  
  .appeal{
      background-image: url(../img/visual_bg_sp.jpg);
      padding: 10% 0 20%;
  }
  */
  /* SNSボタン */
  span.button-caption {
    display: none; }

  .ss-top .sns-share-buttons a, .ss-bottom .sns-share-buttons a {
    font-size: 26px; }

  .sns-share-buttons a {
    width: 14%; }

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

  /* スマホでのヘッダー表示 */
  .header-container-in.hlt-top-menu #header .header-in, .header-container-in.hlt-top-menu #header .logo-text {
    display: flex; }

  .column-wrap {
    flex-direction: row; }

  .s-course .wrap-content {
    display: block;
    padding: 0 20px; }

  .courseItem {
    border-width: 10px 0 0;
    top: -25px;
    padding: 15px; }

  .courseItem + .courseItem {
    margin-top: 10px; }

  .article .courseItem-title {
    font-size: 7vw;
    text-align: left;
    z-index: 1; }

  .courseItem .courseItem-title:before {
    margin: 0 0 5px;
    padding-bottom: 1.3em;
    width: 35%; }

  .courseItem-title > small {
    display: inline;
    font-size: 50%;
    position: static; }

  .courseItem-img {
    margin: 0;
    position: absolute;
    top: 10px;
    right: 0;
    width: 60%; }

  .courseItem-recommend {
    border-bottom: none;
    font-size: 4vw;
    padding: 10px 0; }

  .courseItem-recommend dd {
    margin: 10px 10%; }

  .courseItem-button > a {
    font-size: 4vw; }

  .pc-on {
    display: none !important; }

  .pc-off {
    display: block !important; }

  .topfront .boxer {
    width: 96%;
    margin: 0 auto;
    flex-wrap: nowrap; }
    .topfront .boxer .topflex img {
      max-width: 300px;
      width: 100%;
      margin: 0 auto; }
    .topfront .boxer .section {
      margin: 0 20px; }

  html body .page .alignright, html body .page .alignleft, html body .post .alignright, html body .post .alignleft {
    float: none;
    margin: 0 auto;
    width: 100%; }

  .eye-catch img {
    width: 100%; }

  /* 固定ページ店舗 */
  .ft26px, .ft32px {
    font-size: 8vw; }

  /* SHOPページ2カラム調整 */
  .shop-system .column-wrap .column-right {
    padding-left: 17%; }

  .easy-info .column-wrap .column-left {
    padding-right: 17%; }

  .easy-info .column-wrap .column-left .section, .shop-system .column-wrap .section {
    padding: 5px; }

  .easy-info .column-wrap .column-right, .shop-system .column-wrap .column-left {
    width: 15%; }

  /* 地図のサイズ モバイル */
  div#sample {
    width: 92%; }

  /* 一覧ページリスト左余白削除 */
  .article ul, .article ol {
    padding-left: 0; }

  /* RSSブログ モバイル */
  .cast_blog {
    width: inherit; } }
/*480px以下*/
@media screen and (max-width: 480px) {
  /*必要ならばここにコードを書く*/
  /* キャッチコピー */
  /* Shop一覧 */
  .ichiran .address th {
    width: 16%;
    text-align: center; }
  .ichiran .address th, .ichiran .address td {
    font-size: 11px;
    padding: 1%; }

  /* shopinfoフォントサイズ */
  .easy-info .catchcopy1 {
    font-size: 8vw;
    margin-bottom: 16px; }
  .easy-info .catchcopy2 {
    font-size: 7vw; }
  .easy-info .column-wrap .column-left p {
    font-size: 14px; }

  /* 店舗システム テーブル */
  .meta {
    padding: 0 10px 2px;
    font-size: 10px; }

  .pay-system .column-wrap {
    display: block; }
  .pay-system .column-right {
    border-left: none; }

  table th {
    width: 130px; }
  table th, table td {
    padding: 15px 10px; }

  .column-wrap {
    flex-direction: column; }

  /* SYSTEM */
  .pay-system .section {
    width: 92%; }

  /* 背景とデザイン モバイル */
  /* Top3連 */
  .s-course, .howhow {
    padding: 20px 0; }

  .shop #conta-head::before {
    z-index: 0; }

  /* 画面いっぱいに */
  main#main {
    padding: 10px 0; }
    main#main p {
      padding: 10px; }

  toc, table {
    margin-left: 2%; }

  table {
    margin-bottom: 20px;
    max-width: 96%;
    width: 96%;
    border-collapse: collapse;
    border-spacing: 0; }

  div#content-bottom {
    padding: 17px 10px; }

  /* Topflex */
  .s-course .wrap-content, .topfront {
    width: 100%; }

  /* モバイル用もじを大きく */
  .topfront .boxer {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0; }
    .topfront .boxer .topflex img {
      max-width: 375px;
      width: 100%;
      margin: 0 auto; }
    .topfront .boxer .section {
      margin: 0 20px; }
    .topfront .boxer span.jourei {
      font-size: 14px; }

  /* スマホTop調整 */
  .page #header {
    height: 55px;
    padding-top: 3px; }

  .page .entry-content {
    padding-top: 3px; }

  div#appeal {
    margin-top: -90px; }

  .article .visual-title p {
    margin-bottom: 0; }

  .appeal-message {
    margin-bottom: 0; }

  .appeal .appeal-in {
    min-height: auto; }

  .appeal-content {
    padding: 0; }

  aside#custom_html-4 {
    margin-bottom: inherit; }

  /* ブランクボックスのフォントサイズ */
  .blank-box {
    padding: 1.2em 0.2em; }

  .blank-box.bb-blue p {
    font-size: 18px; }

  .howhow .topflex:nth-child(1) {
    width: 100%; }

  html body .page .alignright, html body .page .alignleft, html body .post .alignright, html body .post .alignleft {
    float: none;
    margin: 0;
    width: 100%; }

  .eye-catch img {
    width: 100%; }

  section.shop {
    height: 718px; }

  /* shop-info */
  #conta-head .shop-info img {
    max-width: 100%; }
  #conta-head .shop-info ul {
    background-color: rgba(255, 255, 255, 0.7);
    padding: 7px; }

  .shop-info {
    top: 0;
    right: 0;
    left: 0;
    position: absolute; }
    .shop-info .boxer {
      width: 100%;
      display: block;
      padding: 0;
      position: relative; }
    .shop-info .topflex:nth-child(1) {
      margin-right: 0;
      position: absolute; }
    .shop-info .topflex:nth-child(2) {
      width: 100%;
      position: absolute;
      top: 280px; }
    .shop-info p {
      background: #0009;
      color: #fff; }

  .shop img.wp-image-17 {
    position: absolute;
    bottom: 60px; }

  /* howhow */
  span.fa.fa-arrow-down {
    margin-right: 16px;
    font-size: 16vw; }

  span.kekka.b {
    font-size: 9vw; }

  header.article-header.entry-header {
    padding: 0; }

  /* 固 ゆらゆら波 */
  .boxdo .cast_img1, .boxdo .cast_img2 {
    bottom: -45px; }
    .boxdo .cast_img1 img, .boxdo .cast_img2 img {
      height: 330px;
      width: 220px; }
  .boxdo .cast_img1 {
    right: -75px; }
  .boxdo .cast_img2 {
    left: -75px; } }
@media screen and (max-height: 450px) {
  header.article-header.entry-header {
    padding: 0; }

  div#appeal {
    top: 0;
    margin-top: 0;
    height: auto; } }
/*481px以上*/
@media screen and (min-width: 481px) {
  /*必要ならばここにコードを書く*/
  /* ロゴ背景透かし */
  .shopichi_ul .infom {
    display: flex; }

  /* shop-addres */
  .shop-addres {
    width: 80%; } }
@media screen and (min-width: 769px) and (max-width: 998px) {
  .courseItem .courseItem-title {
    font-size: 2vw; }

  .thumbnail {
    top: 41px;
    z-index: 3; } }
@media screen and (min-width: 481px) and (max-width: 998px) {
  .s-course .wrap-content, .topfront {
    width: 100%; }

  .courseItem {
    flex: 0 0 28%; } }
@media screen and (min-width: 769px) {
  /* Top */
  .l-main {
    min-width: 1200px; }

  .u-pc {
    display: block; }

  .p-top__kv {
    width: 100%;
    pointer-events: none; }

  .p-top__kv video {
    width: 100%; }

  .u-sp {
    display: none; }

  /* shop一覧ページ */
  .article .shopichi_ul {
    padding-left: 40px;
    padding-right: 40px; }
    .article .shopichi_ul .title-en {
      font-size: 2.6vw; }
    .article .shopichi_ul .title-waku {
      font-size: 1.5vw; }
    .article .shopichi_ul .address, .article .shopichi_ul .system-ichi {
      width: 58%; }
    .article .shopichi_ul .address {
      font-size: 12px; }
    .article .shopichi_ul .title_address {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 1% 1% 0; }
    .article .shopichi_ul .title, .article .shopichi_ul .thumbnail {
      width: 38.2%; }
  .article .infom {
    padding: 0 1% 1%; }
  .article .system-ichi table th, .article .system-ichi table td {
    font-size: 16px; }

  /* TOPのフッター横並びに */
  footer.article-footer.entry-footer {
    display: flex; }

  .sns-share.ss-col-3.bc-brand-color.sbc-hide.ss-bottom, div#pages-4, #custom_html-5 {
    flex-basis: 22%;
    margin: 0 auto; }

  .sns-follow.bc-brand-color.fbc-hide {
    flex-basis: 4%;
    margin: 0 auto;
    min-width: 71px; }

  .sns-buttons {
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: center;
    flex-direction: column; }

  .sns-share-buttons a.share-button {
    width: 100%; }

  .footer-meta {
    display: none; }

  .sns-follow-buttons a:last-child {
    margin-right: 8px; }

  /* フッター横並びの解除に */
  .post footer.article-footer.entry-footer {
    display: block; }
  .post .sns-buttons {
    flex-wrap: nowrap;
    flex-direction: unset; }

  /* キャッチコピー */
  .easy-info .catchcopy1 {
    font-size: 3vw; }
  .easy-info .catchcopy2 {
    font-size: 2vw; }
  .easy-info .catchcopy1, .easy-info .catchcopy2 {
    padding: 1%;
    text-align: right; }
  .easy-info .column-right .section {
    padding: 0px 28%; }

  .pay-system {
    width: 73%;
    margin: 0 auto; }

  /* アクセス */
  .access1 {
    display: flex; }

  /* 背景とデザイン タブレット以上 */
  /* Top3連 */
  article.page, article.post {
    background-size: cover; } }
@media screen and (min-width: 999px) {
  .column1 footer.article-footer.entry-footer {
    width: 980px;
    margin: 0 auto; }

  .page .entry-content, .pay-warap, .content-bottom {
    background-color: initial; }

  .pay-system {
    width: 980px;
    margin: 0 auto;
    padding: 10px 100px;
    background-color: rgba(255, 255, 255, 0.7); }

  .breadcrumb {
    width: 980px;
    margin: 0 auto; }

  .breadcrumb, .breadcrumb a span {
    color: #fff; } }
/*1030px以上*/
@media screen and (min-width: 1031px) {
  /*必要ならばここにコードを書く*/
  .easy-info .column-wrap .column-left .section {
    padding: 90px; }

  section.toptit {
    min-height: 470px; }

  .cast_blog ul li.blogroll-list {
    padding-left: 60px;
    padding-right: 60px; } }
/*1280px以上*/
@media screen and (min-width: 1280px) {
  /*必要ならばここにコードを書く*/
  /* Shop一覧 */
  .article .shopichi_ul {
    max-width: 61.8%;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0; }
    .article .shopichi_ul .title-waku {
      font-size: 14px; }
    .article .shopichi_ul .title-en {
      font-size: 23px; }
    .article .shopichi_ul .title-waku {
      font-size: 14px; }

  /* 投稿 */
  .single-post div#content-in {
    width: 1256px; }
    .single-post div#content-in p, .single-post div#content-in ol {
      padding: 0 18%;
      font-size: 18px; }

  /* 問い合わせ */
  article#post-26 {
    padding: 0 18%; } }
/*1988px以上*/
@media screen and (min-width: 1988px) {
  .bg-vi {
    width: 1988px;
    left: 50%;
    margin-left: -994px;
    top: 0px; } }
/* 横向きのスマホ向けスタイル */
@media screen and (orientation: landscape) {
  div#appeal {
    top: 253px; }

  .appeal-in {
    min-height: unset; } }

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