@charset "UTF-8";

/* 応募関連非表示 */
.drop-down-menu .kanryo,
.drop-down-menu .oubo,
.drop-down-menu .error,
.drop-down-menu .kakunin {
    display: none;
}

.footer-link .kanryo,.footer-link .oubo,.footer-link .error,.footer-link .kakunin {
    display: none;
}

#sitemap-link-out .kanryo,#sitemap-link-out .oubo,#sitemap-link-out .error,#sitemap-link-out .kakunin {
    display: none;
}

/* テスト関連ページ　ヘッダー＆フッターリンク非表示 */
#footer-link-out .page-item-44015,.drop-down-menu .page-item-44015,#sitemap-link-out .page-item-44015 {
    display: none;
}

#footer-link-out .page-item-43928,.drop-down-menu .page-item-43928,#sitemap-link-out .page-item-43928 {
    display: none;
}

#footer-link-out .page-item-43645,.drop-down-menu .page-item-43645,#sitemap-link-out .page-item-43645 {
    display: none;
}

#footer-link-out .page-item-48771,.drop-down-menu .page-item-48771,#sitemap-link-out .page-item-48771 {
    display: none;
}

/* ラッコ40th関連 ヘッダー＆フッターリンク非表示 */
#footer-link-out .page-item-44181,.drop-down-menu .page-item-44181,#sitemap-link-out .page-item-44181 {
    display: none;
}

#footer-link-out .page-item-43891,.drop-down-menu .page-item-43891,#sitemap-link-out .page-item-43891 {
    display: none;
}

#footer-link-out .page-item-43859,.drop-down-menu .page-item-43859,#sitemap-link-out .page-item-43859 {
    display: none;
}
    
#footer-link-out .page-item-42458,.drop-down-menu .page-item-42458,#sitemap-link-out .page-item-42458 {
    display: none;
}

#footer-link-out .page-item-42683,.drop-down-menu .page-item-42683,#sitemap-link-out .page-item-42683 {
    display: none;
}

#footer-link-out .page-item-37306,#footer-link-out .page-item-37323,.drop-down-menu .page-item-37233,#footer-link-out .page-item-37233 {
    display: none;
}

#footer-link-out .page-item-41312,.drop-down-menu .page-item-41312,#footer-link-out .page-item-41627,.drop-down-menu .page-item-41627
{
    display: none; 
}

#sitemap-link-out .page-item-37233,#sitemap-link-out .page-item-41312,#sitemap-link-out .page-item-41627,#sitemap-link-out .page-item-41627
{
    display: none;
}

/* 夏だ！とばすいじゆうけんきゅう展 */
.drop-down-menu .summer-qa-oubo-kakunin,
.drop-down-menu .summer-qa-oubo-kanryo, 
.drop-down-menu .summer-qa-oubo-error, 
#footer-link-out .summer-qa-oubo-kakunin,
#footer-link-out .summer-qa-oubo-kanryo,
#footer-link-out .summer-qa-oubo-error,
#sitemap-link-out .summer-qa-oubo-kakunin,
#sitemap-link-out .summer-qa-oubo-kanryo,
#sitemap-link-out .summer-qa-oubo-error
{
    display: none !important;
}

/* 採用情報リンク非表示 */
#footer-link-out .page-item-48709 .children {
    display: none !important;
}

/* スナメリ関連リンク非表示 */
#footer-link-out .page-item-38713,#footer-link-out .page-item-38554,#footer-link-out .page-item-40730 {
    display: none;
}

.drop-down-menu .page-item-38554,.drop-down-menu .page-item-38713,.drop-down-menu .page-item-40730 {
    display: none;
}

#sitemap-link-out .page-item-38713,#sitemap-link-out .page-item-38554,#sitemap-link-out .page-item-40730 {
    display: none;
}

/* お問い合わせ関連非表示 */
.drop-down-menu .eigyou02-contact .children li {
    display: none;
}

#sitemap-link-out .eigyou02-contact .children li {
    display: none !important;
}

.drop-down-menu .eigyou01-contact .children li {
    display: none;
}

#sitemap-link-out .eigyou01-contact .children li {
    display: none !important;
}

.drop-down-menu .shiiku-contact .children li {
    display: none;
}

#sitemap-link-out .shiiku-contact .children li {
    display: none !important;
}

.drop-down-menu .koho-contact .children li {
    display: none;
}

#sitemap-link-out .koho-contact .children li {
    display: none !important;
}

.drop-down-menu .sonohoka-contact .children li {
    display: none;
}

.drop-down-menu .saiyo {
    display: none !important;
}

#sitemap-link-out .sonohoka-contact .children li {
    display: none !important;
}

/* 館内での撮影マナーについてお願い リンク非表示 */
#footer-link-out .page-item-49991,.drop-down-menu .page-item-49991,#sitemap-link-out .page-item-49991 {
    display: none;
}

/*====================================================================
TOP追記
====================================================================*/

/* 天気＆チケット購入部分ずらし */
.top #main-contents01 {
    position: relative;
    top: -55px;
}

/* スライド部分 */
.top-slide .slide-main {
    display: block;
    background-size: cover;
    height: 76.5vh;    
}

.top-slide .slick-slide a {
    display: none;
}

.top-slide .slick-slide.slick-active a {
    display: table;
    width: 100%;
    height: 100%;    
}

#main-img-tb {
    display: none;
}

#main-img-pc .slick-slide,
#main-img-tb .slick-slide
{
    pointer-events: none; /* 親要素をホバーさせるため追記 */
    /* ホバーゆっくり */
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    -ms-transition-duration:0.5s;
}

#main-img-pc .slick-slide a,
#main-img-tb .slick-slide a
{
    pointer-events: auto; /* 親要素をホバーさせるため追記 */
}

#main-img-pc .slick-slide:hover,
#main-img-tb .slick-slide:hover
{
    opacity: 0.8 !important;
}

#main-img-sp a img {
     /* ホバーゆっくり */
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    -ms-transition-duration:0.5s;
}

#main-img-sp a img:hover {
     opacity: 0.8;
}

/*
#main-img-pc,
#main-img-tb,
#main-img-sp {
    pointer-events: none;
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    -ms-transition-duration:0.5s;
}

#main-img-pc a,
#main-img-tb a,
#main-img-sp a {
    pointer-events: auto;
}

#main-img-pc:hover,
#main-img-tb:hover,
#main-img-sp:hover {
    opacity: 0.5;
}
*/

/* エラー表示用 PC */
#top-main-error-text-pc {
    display: table;
    color: white;
    background: #00c2f6;
    height: 725px;
    font-size: 150%;
}

#top-main-error-text-pc span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

@media screen and (max-width: 1500px) {
    .top-slide .slide-main {
        height: 630px;    
    }       
}

@media screen and (max-width: 1199px) {
    #main-img-pc {
        display: none;
    }
    
    #main-img-tb {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    #main-img-pc {
        display: none !important;
    }
    
    #main-img-tb {
        display: none !important;
    }    
}

/* タブレットは1200px予定 */

/*
#main-img-pc #slide01 {
   background: url("../images/top/main-img/test.jpg") no-repeat bottom center;
    background-size: cover;
}

#main-img-pc #slide02 {
   background: url("../images/top/main-img/02.jpg") no-repeat bottom center;
background-size: cover;
}
*/

/*====================================================================
基本設定
====================================================================*/

/* WEBフォントの設定 */
@font-face {
  font-family: "LogoTypeGothic";
  src: url("../font/LogoTypeGothic.woff2") format('woff2'),
       url("../font/LogoTypeGothic.woff")  format('woff');
}

/* body */
body {
    font-size: 1.05rem;
    margin: 0px;
    font-family: 'Noto Sans JP',"游ゴシック体", "游ゴシック", "YuGothic", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
    letter-spacing: 0.05em;
    line-height: 1.7rem;
}

/* firefoxのみ 文字が太くなるので変える */
@-moz-document url-prefix() {
    body {
      font-family: "Helvetica Neue",
        Arial,
        "Hiragino Kaku Gothic ProN",
        "Hiragino Sans",
        Meiryo,
        sans-serif;
    }
}

.wrapper {
    background: white;
}

/* css リセット */
h1,h2,h3,h4,h5,h6 {
    margin-top: 0px;
    margin-bottom: 0px;
}

/* float 解除 Clearfix */
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    letter-spacing: -.40em; /* inline-block隙間除去 文字間を詰めて隙間を削除する */
}

ul li {
	list-style-type: none;
	letter-spacing: normal; /* inline-block隙間除去 文字間を通常に戻す */
}

h1,h2,p {
  margin: 0px; /* 初期化 */
}

img {
	width:100%;
	max-width: 100%;
	height: auto;
	vertical-align:bottom; /* img隙間をなくす */
	border: 0px; /* IE10以下で画像周りの青い線を非表示 */
}

/* table 隙間をなくす */
table {
    border-collapse:collapse !important;
}

/* リンク設定 */
a:link		{ color:#0171f6; }
a:visited	{ color:#6501f6; }
a:hover		{ color:#4d9bf9; text-decoration: none; }
a:active	{ color:#0171f6; }

/* フォーカスした際に線が入るのを消す処理 */
*:focus {
  outline: none;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
}

/*====================================================================
共通部分
====================================================================*/

 /*** ヘッダー ***/
 #header-out {
     background: #0171f6;
     text-align: center;
     position: relative;
     z-index: 1500;
 }
 
 #header-out .display-inline-block {
     vertical-align: top;
 }
 
 #header-inner {
     display: table;
     width: 100%;
 }


/* ポップアップ 背景上書き　*/
.pswp__bg {
    background-color: rgba(0,0,0,0.85) !important;
}

/* ヘッダー固定用クラス */
.header-out-fixed {
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 9997;
}

/*　マージンなし */
.no-margin {
    margin: 0px !important;
}

/* 文字サイズ */
.font-big01 div {
    font-size: 130% !important;
}

.font-size120 {
    font-size: 120%;
}

.font-size140 {
    font-size: 140%;
}

/* 太字 */
.font-bold {
    font-weight: bold;
}

/* 下線 */
.text-deco {
    text-decoration: underline;
}

/*　赤色文字 */
.color-red {
    color: #ff0000 !important;
}

.evnet-img-hover:hover {
    opacity: 0.8;
}

/* 見出し付き　説明 */
.icon-description01 {
    font-size: 130%;
}

.icon-description01 span {
    color: white;
    background: #0171f6;
    display: inline-block;
    padding: 6px 20px 8px;
    margin-right: 20px;
    margin-bottom: 10px;
    line-height: 1.2em;
    min-width:  180px;
    text-align: center;
    /* 角丸 */
    border-radius:30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
}

.icon-description01 p {
    display: inline !important;
    line-height: 1.5em;
}

/* olリスト（番号付きリスト） */
.ol-list01 ol {
    list-style-type: none;
    padding-left: 0px;
}

.ol-list01 ol li {
	padding-left:1em;
	text-indent:-1em;    
}

@media screen and (max-width: 1500px) {
    #header-search-out input {
        width: 200px !important;
    }
}

@media screen and (max-width: 1350px) {
    /*
    #header-out {
        padding-left: 5px;
        padding-right: 5px;
    }
    */
    
    #header-search-out input {
        width: 150px !important;
        padding: 5px 5px 5px 35px !important;
    }
    
    #header-search-out #search-btn img {
        max-width: 20px !important;
    }
}

@media screen and (max-width: 1250px) {
    #header-logo-out {
        padding-left: 5px;
    }
    
    #header-logo {
        max-width: 110px;
    }
}

@media screen and (max-width: 1199px) {
    #header-out {
        padding-right: 0px;
        text-align: left;
    }
    
    #header-logo {
        padding-left: 10px;
    }
    
    #header-search-out input {
        padding-left: 35px !important;
    }
    
    #header-inner {
        display: block;
    }
    
    #header-out .display-inline-block {
        display: block;
    }
    
    #header-search-out input {
        width: 200px !important;
        padding-left: 35px;
    }
}

 /* ヘッダーロゴ */
 #header-logo-out {
     display: table-cell;
     vertical-align: middle;
 }
 
 #header-logo {
     max-width: 201px;
 }

@media screen and (max-width: 1400px) {
    #header-logo {
        max-width: 130px;
    }
}

@media screen and (max-width: 1199px) {
     #header-logo-out {
         float: left;
         display: block;
         margin-top: 12px;
     }

     #header-logo {
          max-width: 193px;
     }
}

 /*** ヘッダーナビ ***/
 #header-out #nav-out {
     display: table-cell;
     vertical-align: middle;
     padding-left: 30px;
 }
 
 #header-out #header-kannai img {
     max-width: 97px;
 }
 
 #header-out #header-info-access img {
     max-width: 52px;
 }
 
 #header-out #header-price img {
     max-width: 52px;
 }
 
 #header-out #header-show-time img {
     max-width: 64px;
 }
 
 #header-out #header-faq img {
     max-width: 62px;
 }

#nav-out {
    display: table;
    height: 100%;
}

#nav-out li {
    display: table-cell;
}
 
 #nav-out ul li {
     /*
     float: left;
     */
     text-align: center;
     border-right: 1px solid white;
     min-width: 132px;
     height: 100%;
    /* ホバーゆっくり */
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    -ms-transition-duration:0.5s;
 }

#nav-out ul li:hover {
    background: #33bef9;
}
 
 #nav-out ul > *:first-child {
     border-left: 1px solid white;
 }
 
.header-navi-text {
    display: block;
    margin-top: 8px;
    color: white;
}

#nav-out a {
    display: block;
    text-decoration: none;
    padding: 12px 10px 15px;
}
 
 #nav-out a:hover {
     text-decoration: none;
 }

@media screen and (max-width: 1500px) {
    #header-out #nav-out {
        padding-left: 20px;
    }

     #header-out #header-kannai img {
         max-width: 78px;
     }

     #header-out #header-info-access img {
         max-width: 42px;
     }

     #header-out #header-price img {
         max-width: 42px;
     }

     #header-out #header-show-time img {
         max-width: 51px;
     }

     #header-out #header-faq img {
         max-width: 50px;
     }
}
@media screen and (max-width: 1450px) {
    #nav-out ul li a {
        padding-left: 4px;
        padding-right: 4px;
    }
}

@media screen and (max-width: 767px) {
    .icon-description01 p {
        display: block !important;
    }
}

 /* 避難経路 */
#header-escape-pc {
    display: block;
    max-width: 156px;
    margin-bottom: 15px;
}

#header-escape-tb {
    display: none;
    float: right;
    margin-top: 20px;
    margin-right: 5px;
    max-width: 156px;
}

#escape-out-sp {
    display: none !important;
    float: right;
    background: #ff7bcb;
    width: 70px;
    height: 70px;
    text-align: center;
}

#escape-out-sp #escape-inner-sp {
    display: table-cell;
    vertical-align: middle;
}

#escape-out-sp img {
    max-width: 49px;
}

@media screen and (max-width: 1280px) {
    #nav-out ul li a {
        font-size: 85%;
    }
    
    #header-out #nav-out {
        padding-left: 10px;
    }
}

@media screen and (max-width: 1199px) {
    #header-escape-pc {
        display: none;
    }

    #header-escape-tb {
        display: inline-block; 
    }
}

 /* ヘッダー検索欄 */
 #header-out #header-search-out {
     display: table-cell;
     vertical-align: middle;
 }
 
 #header-search-out {
     padding-left: 30px;
 }
 
 #header-search-out input {
     width: 250px;
     height: 100%;
     display: block;
     padding: 10px 10px 10px 45px;
     border: none;
     font-size: 20px;
     line-height: 1;
     /* 角丸 */
     border-radius:30px;
     -webkit-border-radius:30px;
     -moz-border-radius:30px;
 }
 
 #header-search-out #search-btn {
     /* ボタン初期化 */
     background-color: transparent;
     border: none;
     cursor: pointer;
     outline: none;
     padding: 0;
     appearance: none;
 }
 
 #header-search-inner {
     position: relative;
 }
 
 #header-search-out #search-btn {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 10px;
 }
 
 #header-search-out #search-btn img {
     max-width: 25px;
 }

/* ヘッダー検索欄 スマホ */
#search-icon-sp {
    display: none;
    background: #0b1abb;
    float: right;
    width: 70px;
    height: 70px;
    cursor: pointer;
}

#search-icon-sp div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#search-icon-sp img {
    max-width: 34px;
}

#search-input-sp {
    position: absolute;
    top: 70px;
    left: 0px;
    display: none;
    z-index: 4006;
    width: 100%;
    background: #0b1abb;
}

#search-input-sp #header-search-out {
    display: block !important;
    float: none !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

#search-input-sp #header-search-out input {
    height: 45px;
    width: 100% !important;
    padding-left: 45px !important;
}

#search-input-sp #header-search-out #search-btn img {
    max-width: 25px !important;
}

@media screen and (max-width: 880px) {
    #header-search-out {
        display: none !important;
    }
    
    #search-icon-sp {
        display: table;
        float: right;
    }
    
    .openbtn {
        background: #0d124c !important;
    }
}

@media screen and (max-width: 520px) {
    #search-icon-sp {
        width: 50px;
        height: 50px;
    }
    
    #search-icon-sp img {
        max-width: 24px;
        margin-bottom: 2px;
    }
    
    #search-input-sp {
        top: 50px;
    }
    
    #search-input-sp #header-search-out {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    #search-input-sp #header-search-out input {
        height: 36px;
    }

    #search-input-sp #header-search-out #search-btn img {
        max-width: 20px !important;
    }

    #search-input-sp #header-search-out input {
        padding-left: 40px !important;
    }
    
    #lang-out-sp {
        width: 50px !important;
        height: 50px !important;
    }
    
    #lang-out-sp img {
        max-width: 24px !important; 
    }
    
    #escape-out-sp {
        width: 50px !important;
        height: 50px !important;        
    }
    
    #escape-out-sp img {
    max-width: 36px;
    }
}

/* ハンバーガーメニュー */
.openbtn {
    display: none;
}

.openbtn-inner { /* ハンバーガーメニュー縦位置調整用 */
    position: relative;
    top: 6px;
}

.openbtn{
  position: relative;
  float: right;
  background:#0237f7;
  cursor: pointer;
  width: 70px;
  height:70px;
}

/*ボタン内側*/
.openbtn span{
  display: inline-block;
  transition: all .4s;/*アニメーションの設定*/
  position: absolute;
  left: 0px;
  right: 0px;
  margin: auto;
  height: 2px;
  background: #fff;
  width: 45%;
}

.openbtn span:nth-of-type(1) {
  top:15px; 
}

.openbtn span:nth-of-type(2) {
  top:27px;
}

.openbtn span:nth-of-type(3) {
  top:40px;
}

/* activeクラスが付与されると線が回転して×に */

.openbtn.active span:nth-of-type(1) {
    top: 22px;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(6px) rotate(-45deg);
    width: 40%;
}

.openbtn.active span:nth-of-type(2) {
  opacity: 0;/*真ん中の線は透過*/
}

.openbtn.active span:nth-of-type(3){
    top: 34px;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(-6px) rotate(45deg);
    width: 40%;
}

/* タブレットスマホ用メニュー */
.js-menu {
    position: fixed;
    opacity: 0;
    top: 70px;
    z-index: -5;
    display: block;
    background-size: cover;
}

.menu-inner {
    display: grid;
}

.menu--open{
    opacity: 1;
    z-index: 9900;
    height: 100%;
    overflow: auto;
    background: url("../images/common/tbsp-menu-back.jpg");
    background-size: cover;
}

.menu {
    grid-template-columns: 33.333% 33.333% 33.333% !important;
}

.main-navigation {
    display: block !important;
    height: auto;
}

.menu__item {
    padding: 10px;
    line-height: 1.2em;
}

/*
.menu__item:nth-child(3) .menu__item__content {
    padding-top: 25px;
    padding-bottom: 20px;
}
*/

.menu--open .menu__item {
    min-height: 200px;
}

.menu__item a {
    color: white;
}

.menu--open .menu__item:nth-child(3) {
    padding: 0px !important;
    min-height: auto !important;
}

/*
.drop-down-menu li {
    margin-bottom: 10px;
}
*/

.drop-down-menu li {
    width: 100%;
    border-top: 1px solid white;
    font-size: 1.4em;
}

.drop-down-menu .children li {
    font-size: 80%;
    border-top: 1px solid white !important;
}

.drop-down-menu .children li a {
    background: url("../images/common/arrow02.png") no-repeat center right / 24px auto;
}

.drop-down-menu li:after {
    content: "";
    display: block;
    clear: both;
}

.drop-down-menu li a {
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 25px;
    line-height: 1.2em;
}

.drop-down-menu li:first-child {
    border-top: none;
}

/* 子階層 */
.drop-down-menu li .children {
    display: none;
}

.drop-down-menu .page_item_has_children {
    position: relative;
}

.drop-down-menu .page_item_has_children span {
    position: absolute;
    top: 14px;
right: 15px;
background: white;
width: 50px;
height: 50px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
    cursor: pointer;
}
     
.drop-down-menu .page_item_has_children span::before,.drop-down-menu .page_item_has_children span::after {
	display: block;
	content: '';
	background-color: #0048ba;
	position: absolute;
	width: 15px;
	height: 2px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
    
.drop-down-menu .page_item_has_children span:before {
	width: 2px;
	height: 15px;
}
    
.drop-down-menu .children li {
    /*
    background: rgba(76,183,255,0.3);
    */
    border-top: none !important;
}

.drop-down-menu .children li a {
    padding: 17px 28px 20px 0px;
    margin: 0px 15px;
    border-top: 1px solid white;
}


/* プラスマイナス変形処理 */
.drop-down-menu .page_item_has_children span.selected:before { 
    content: normal;
}
    
.drop-down-menu .page_item_has_children .children span {
    display: none !important;
}
    
    
.drop-down-menu .btn-link {
    font-size: 1.2em;
    line-height: 1.2em;
}
    
@media screen and (max-width: 480px) {
    .drop-down-menu li {
        font-size: 1.2em;
    }    
    
    .drop-down-menu li a {
        text-align: left;
        padding: 20px;
    }
    
    .drop-down-menu .children li a {
        padding: 14px 28px 17px 0px;
        background: url("../images/common/arrow02.png") no-repeat center right / 22px auto;
    }
    
    .drop-down-menu .page_item_has_children span {
        top: 13px;
        right: 13px;
        width: 34px;
        height: 34px;
    }
    
    
    .drop-down-menu .btn-link {
        font-size: 1em;
    }
}
    
@media screen and (max-width: 360px) {
    .drop-down-menu .btn-link {
        font-size: 0.9em;
    }      
}
    
    
.menu--open .menu__item:nth-child(1) {
    position: relative;
    z-index: 99;
}
    
.menu--open .menu__item:nth-child(2) {
    position: relative;
    z-index: 99;        
}

.menu--open .menu__item:nth-child(4) {
    position: relative;
    z-index: 99;        
}

/*
ul.sub {
  display: none;
  padding: 0;
  margin-top: 10px;
  font-size: 110%;
}

ul.sub li {
  margin-bottom: 20px;
}
*/

.menu--open .menu__item:nth-child(1) {
    background: url("../images/common/tbsp-menu-back01.jpg") center center;
    background-size: cover;
}

.menu--open .menu__item:nth-child(2) {
    background: url("../images/common/tbsp-menu-back02.jpg") center center;
    background-size: cover;
}

.menu--open .menu__item:nth-child(4) {
    background: url("../images/common/tbsp-menu-back03.jpg") center center;
    background-size: cover;
}

.menu--open .menu__item:nth-child(5) {
    background: url("../images/common/tbsp-menu-back04.jpg") center center;
    background-size: cover;
}

.menu--open .menu__item:nth-child(6) {
    background: url("../images/common/tbsp-menu-back05.jpg") center center;
    background-size: cover;
}

.menu--open .menu__item:nth-child(7) {
    background: url("../images/common/tbsp-menu-back06.jpg") center center;
    background-size: cover;
}

#tbsp-menu-sns {
    text-align: center;
    margin-top: 20px;
    padding-bottom: 80px;
}

#tbsp-menu-sns div {
    display: inline-block;
}

#tbsp-menu-sns a {
    display: inline-block;
    max-width: 36px;
    margin: 0px 2px;
}

@media screen and (max-width: 1350px) {
    #header-out #header-search-out {
        padding-left: 15px;
    }
}

@media screen and (max-width: 1199px) {
    #header-out #nav-out {
        display: none;
    }
    
    #header-out #header-search-out {
        display: inline-block;
        float: right;
        margin-top: 18px;
        margin-right: 15px;
    }
    
    .openbtn {
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .menu--open .menu__item {
        min-height: 150px;
    }
}

@media screen and (max-width: 550px) {
    /*ボタン外側※レイアウトによってpositionや形状は適宜変更してください*/
    .openbtn{
      width: 70px;
      height:70px;
    }    
}

@media screen and (max-width: 520px) {
    .js-menu {
        top: 50px;
    }  
    
    #header-logo {
        max-width: 140px;
    }
    
    #search-icon-sp {
        width: 50px;
        height: 50px;
    }
    
    .openbtn {
        width: 50px;
        height: 50px;
    }
    
    .openbtn-inner {
        top: 3px;
    }
    
    .openbtn span:nth-of-type(1) {
        top: 12px;
    }
    
    .openbtn span:nth-of-type(2) {
        top: 21px;
    }
    
    .openbtn span:nth-of-type(3) {
        top: 30px;
    }
    
    .openbtn.active span:nth-of-type(1) {
        top: 15px;
        left: 0;
        right: 0;
        margin: auto;
        transform: translateY(6px) rotate(-45deg);
        width: 40%;
    }

    .openbtn.active span:nth-of-type(3){
        top: 27px;
        left: 0;
        right: 0;
        margin: auto;
        transform: translateY(-6px) rotate(45deg);
        width: 40%;
    }
}

@media screen and (max-width: 450px) {
    .menu--open .menu__item {
        min-height: 110px;
    }
}

@media screen and (max-width: 350px) {
    #header-logo {
        max-width: 110px !important;
    }
}
 

/* フッター */
#footer-out {
    margin-top: 160px;
    overflow: hidden;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0235f7+0,00c2f6+100 */
background: #0235f7; /* Old browsers */
background: -moz-linear-gradient(top,  #0235f7 0%, #00c2f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0235f7 0%,#00c2f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0235f7 0%,#00c2f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0235f7', endColorstr='#00c2f6',GradientType=0 ); /* IE6-9 */
    }

.top #footer-out { /* TOPのみ */
    margin-top: 0px !important;
}
    
#footer-link-out {
    display: table;
    width: 100%;
    padding: 35px 0px 5px;
}

#footer-link-out .children {
    display: block;
}


/*
.footer-link {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
}

*/


/*
.footer-link {
  display: flex;
  flex-wrap: wrap;
	gap: 10px;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
*/

/*
.footer-link .kannai {
    order:1;
}
*/

.footer-link li a {
    display: inline-block;
    padding-left:1em;
    text-indent:-1em;
    color: white;
    text-decoration: none;
    /* ホバーゆっくり 
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    -ms-transition-duration:0.5s;
    */
}

.footer-link li {
    /*
    padding-left: 25px;
    background: url("../images/common/footer-arrow-icon.png") no-repeat left center;
    background-size: 15px auto;
    */
    letter-spacing: 0.1em;
    margin-bottom: 5px;
}

.footer-link li .children {
    float: none !important;
}

.footer-link li .children li {
    width: 100%;
    font-size: 13px;
}

.footer-link li a::before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 15px;
  height: 15px;
  background: url("../images/common/footer-arrow-icon.png") no-repeat left top;
  background-size: contain;
  vertical-align: middle;
  margin-right: 5px;
}

.footer-link li a:hover {
    text-decoration: underline;
}

.footer-link .children li a::before {
    display: none !important;   
}

.footer-link .children li {
    margin-bottom: 0px;
}

.footer-link .children li a {
    padding-left: 20px;
    text-indent: 0em;
}

#footer-link-out div {
    display: table-cell;
    vertical-align: top;
    padding-right: 20px;
}

#footer-link01 {
    width: 18%;
}

#footer-link02 {
    width: 22%;
}

#footer-link03 {
    width: 18%;
}

#footer-link04 {
    width: 23%;
}

#footer-link-out .parent-li {
    margin-bottom: 10px;
}

#footer-link05 .parent-li {
    margin-bottom: 5px;
} 

#footer-link02-2 {
    margin-top: 70px;
}

#footer-link05 ul {
    float: right;
}

#footer-logo-out {
    text-align: center;
    border-top: 1px solid #ffffff;
    padding-top: 25px;
    padding-bottom: 10px;
}

#footer-logo-out img {
    max-width: 312px;
}

#footer-page-link-out {
    margin-top: 20px;
    text-align: center;
}

#footer-page-link {
    display: inline-block;
}

#footer-page-link li {
    float: left;
    margin-right: 65px;
}

#footer-page-link > *:first-child+*+*+*+*+* {
    margin-right: 0px;
}

#footer-page-link li a {
    color: white;
    text-decoration: none;
}

#footer-page-link li a:hover {
    text-decoration: underline !important;
}

#footer-sns-out {
    text-align: center;
    margin-top: 10px;
}

#footer-sns-out footer-sns-inner {
    display: inline-block;
}

#footer-sns-out a {
    display: inline-block;
    max-width: 42px;
    margin-right: 12px;
}

#footer-copyright-out {
    text-align: center;
    color: white;
    font-size: 0.7em;
    line-height: 1.4em;
    margin-top: 25px;
    padding: 0px 5px 10px;
}

#footer-facebook-icon {
    margin-right: 0px !important;
}

/* フッター部分バナー */
#footer-ban-out {
    text-align: left;
    padding-bottom: 35px;
}

#footer-ban-out #photograph-ban {
    max-width: 264px;
    display: inline-block;
}

#footer-ban-out02 {
    text-align: left;
}

#footer-ban-out02 a {
    display: inline-block;
}

#enjoy-toba-ban {
    max-width: 186px;
}
  
#footer-ban-out02sp {
    display: none;
    background: #def2ff;
    text-align: center;
    padding: 5px 10px 10px;
}

.footer-around-link-title {
    font-size: 0.9em;
    margin-bottom: 5px;
    letter-spacing: 0.12em;
}

#footer-around-icon {
    max-width: 10px;
    vertical-align: middle;
    margin-right: 7px;
    margin-bottom: 2px;
}

@media screen and (max-width: 1500px) {
    #footer-link05 ul {
        padding-right: 20px;
    }
    
    #footer-link05 ul {
        float: none;
    }
}

@media screen and (max-width: 1200px) {
    #footer-link01,#footer-link02,#footer-link03,#footer-link04 {
        width: auto;
    }
}

@media screen and (max-width: 1199px) {
    #footer-link-out {
        display: block;
    }
    
    #footer-link05 {
        margin-right: 10px;
    }
    
    #footer-link05 ul {
        padding-right: 0px;
    }
    
    #footer-link-out div {
        display: inline-block;
        margin-right: 40px;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 800px) {
    #footer-out {
        margin-top: 80px;
    }
    
    #footer-link04 {
        width: auto;
    }
}

@media screen and (max-width: 767px) {
    #footer-out footer {
        display: flex;
        flex-flow: column;
    }
    
    #footer-logo-out {
        order: 1;
    }
    
    #footer-ban-out {
        order: 2;
        text-align: center;
        padding-bottom: 20px;
    }
    
    #footer-sns-out {
        order: 3;
    }
    
    #footer-ban-out02sp {
        display: block;
    }
    
    #footer-ban-out02 {
        display: none;
        order: 4;
        text-align: center;
        border-top: 1px solid white;
        padding-top: 20px;
    }
    
    #enjoy-toba-ban {
        max-width: 56vw;
        display: inline-block;
    }
    
    #footer-copyright-out {
        order: 5;
    }
    
    #footer-link-out {
        /* 上部フッターリンク非表示 */
        display: none !important;        
    }

    #footer-page-link-out {
        text-align: center;
    }
    
    #footer-page-link li {
        margin-right: 25px;
    }
    
    #footer-sns-out {
        padding-top: 20px;
    }
}

@media screen and (max-width: 560px) {
    #footer-page-link li {
        float: none;
        margin-right: 0px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 550px) {
    #footer-link-out {
        padding: 20px 10px 0px 0px;
    }
    
    #footer-link-out div {
        font-size: 85%;
        margin-right: 20px;
    }

    /*
    .footer-link li {
        padding-left: 23px;
        background: url(../images/common/footer-arrow-icon.png) no-repeat left center;
        background-size: 15px auto;
        margin-bottom: 0px;
    }
    */
    
    #footer-link02-2 {
      margin-top: 30px;
    }
}


@media screen and (max-width: 480px) {
    #footer-sns-out a {
        max-width: 38px;
        margin-right: 5px;
    }
    
    #footer-logo-out img {
        max-width: 260px;
    }
}


@media screen and (max-width: 440px) {
    #footer-copyright-out {
        margin-top: 90px;
    }   
}


 /* 言語切替 */
 #lang-out {
     display: table-cell;
     color: white;
     vertical-align: middle;
     padding-left: 30px;
     padding-right: 15px;
 }
 
 #lang-out #lang-icon {
     max-width: 23px;
     margin-right: 10px;
 }
 
 #lang-out #lang-arrow {
     max-width: 20px;
     margin-left: 8px;
     margin-bottom: 9px;
 }

#lang-out-sp {
    display: none;
    position: relative;
    float: right;
    background: #13b9fe;
    width: 70px;
    height: 70px;
    text-align: center;
    cursor: pointer;
}

#lang-out-sp #lang-inner-sp {
    display: table-cell;
    vertical-align: middle;
}

#lang-out-sp img {
    max-width: 34px;
}

#lang-inner {
    position: relative;
    display: block;
    cursor: pointer;
}

.lang-pull-down {
    position: absolute;
    display: none;
    top: 40px;
    z-index: 4010;
    text-align: center;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#949494+0,0b55ca+47,003190+100&0.8+0,0.8+100 */
background: -moz-linear-gradient(top,  rgba(148,148,148,0.8) 0%, rgba(11,85,202,0.8) 47%, rgba(0,49,144,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(148,148,148,0.8) 0%,rgba(11,85,202,0.8) 47%,rgba(0,49,144,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(148,148,148,0.8) 0%,rgba(11,85,202,0.8) 47%,rgba(0,49,144,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc949494', endColorstr='#cc003190',GradientType=0 ); /* IE6-9 */
}

#lang-pull-down-sp {
    top: 70px !important;
    left: -40px;  
}
                        
.lang-pull-down ul {
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 15px;
}

.lang-pull-down li {
    text-align: left;
}

.lang-pull-down li a {
    display: block;
    color: white;
    text-decoration: none;
    padding: 5px;
    padding-left: 40px;
    padding-right: 40px;
    white-space: nowrap;
    /* ホバーゆっくり */
    -moz-transition-duration:0.3s;
    -webkit-transition-duration:0.3s;
    -o-transition-duration:0.3s;
    -ms-transition-duration:0.3s;
}

.lang-pull-down li a:hover {
    color: #042e6c;
    background: white;
}

.korea-link-text {
    font-family: "SF Pro KR","SF Pro Text","SF Pro Icons","Apple Gothic","HY Gulim","MalgunGothic","HY Dotum","Lexi Gulim","Helvetica Neue","Helvetica","Arial",sans-serif;
}

.thailand-link-text {
    font-family: "SF Pro TH","SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}

.france-link-text {
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}

@media screen and (max-width: 1350px) {
    #lang-out #lang-icon {
        max-width: 18px !important;
        margin-right: 5px !important;
        margin-bottom: 4px !important;
    }
}

@media screen and (max-width: 1199px) {
    #lang-out {
        float: right;
        display: block;
        margin-top: 22px;
    }
    
    #lang-out #lang-icon {
        margin-right: 8px !important;
    }
    
    .lang-pull-down {
        top: 48px;
    }
}

@media screen and (max-width: 767px) {
    .lang-pull-down {
        top: 48px;
    }
    
    #lang-out {
        display: none;
    }
    
    #header-escape-tb {
        display: none;
    }
    
    #lang-out-sp {
        display: table;
    }
    
    #escape-out-sp {
        display: table !important;
    }
}


/* 非表示用クラス */
.display-none {
    display: none !important;
}

/* インラインブロック */
.display-inline-block {
    display: inline-block;
}

/* 中央揃え */
.text-align-center {
    text-align: center;
}

/* インラインブロック＆テキスト左揃え */
.inlineb-ltext {
    display: inline-block;
    text-align: left;
}

/* 基本幅 */
.inner-width {
    max-width: 1470px;
    margin: 0px auto;
}

@media screen and (max-width: 1500px) {
    .inner-width {
        margin-left: 30px;
        margin-right: 30px;
    }    
}

@media screen and (max-width: 1350px) {    
    #lang-out {
        padding-left: 15px;
    }
}

@media screen and (max-width: 520px) {    
    #lang-pull-down-sp {
        top: 50px !important;
    }
}

@media screen and (max-width: 480px) {    
    .inner-width {
        margin-left: 20px;
        margin-right: 20px;
    }

    #header-logo-out {
        margin-top: 9px;
    }
    
    #header-logo {
        max-width: 130px;
    }
    
    #lang-out-sp {
        max-width: 50px;
    }
    
    #lang-pull-down-sp {
        top: 50px !important;
    } 
}

/* 大見出し01 */
.big-title01 {
    font-family: "LogoTypeGothic",'Noto Sans JP', sans-serif; /* WEBフォントを指定 */
    text-align: center;
    font-size: 210%;
    margin-top: 60px;
    margin-bottom: 60px;
    letter-spacing: 0.07em;
    line-height: 1.8em;
}

.big-title01 h2 {
    display: inline-block;
    font-weight: normal;
}

.big-title01 img {
    vertical-align: middle;
}

/* 大見出し01 文字サイズ小さい用 */
.small-big-title01 {
    font-size: 155%;
}

@media screen and (max-width:900px) { 
    small-big-title01 {
        font-size: 110%;
    }            
}

/* 中見出し01 */
.middle-title01 {
    text-align: center;
    font-size: 150%;
    border-bottom: 1px solid #959595;
    margin-top: 60px;
    margin-bottom: 20px;
    padding: 0px 10px;
    line-height: 1.5em;
}

.middle-title01 h3 {
    display: inline-block;
    padding-bottom: 12px;
    text-align: left;
    font-weight: 700;
}

/* 中見出し02 */
.middle-title02 {
    text-align: center;
    font-size: 130%;
    color: white;
    padding: 10px 10px 3px;
    margin-top: 60px;
    margin-bottom: 20px;
    line-height: 1.5em;
    /* グラデーション */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0171f6+0,08cedf+100 */
background: rgb(1,113,246); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(1,113,246,1) 0%, rgba(8,206,223,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(1,113,246,1) 0%,rgba(8,206,223,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(1,113,246,1) 0%,rgba(8,206,223,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0171f6', endColorstr='#08cedf',GradientType=1 ); /* IE6-9 */
}

.middle-title02 h3 {
    display: inline-block;
    padding-bottom: 12px;
    font-weight: 400;
}

/* 中見出し02 別カラー */
.middle-title02.second-color {
    color: #0171f6;
    background: #ebf4fe;
}

/* 小見出し01 */
.small-title01 {
    text-align: center;
    font-size: 140%;
    margin-top: 40px;
    margin-bottom: 0px;
}

.small-title01 h4 {
    display: inline-block;
    line-height: 1.3em;
    font-weight: 400;
    padding: 0px 10px;
}

.small-title01 span {
    display: block;
    padding-top: 10px;
}

.small-title01 img {
    max-width: 101px;
    vertical-align: top;
}

/* 小見出し02 */
.small-title02 {
    text-align: center;
    font-size: 130%;
    margin-top: 40px;
    margin-bottom: 20px;
}

.small-title02 h4 {
    display: inline-block;
    line-height: 1.3em;
    font-weight: 700;
    padding: 0px 10px;
}

@media screen and (max-width: 1024px) {
    .middle-title02 {
        margin-top: 40px;
    }
}

@media screen and (max-width: 767px) {
    /* 中見出し01 */
    .middle-title01 {
        font-size: 120%;
        margin-top: 30px;
    }
    
    /* 中見出し02 */
    .middle-title02 {
        font-size: 95%;
        padding: 8px 10px 1px;
        margin-top: 30px;
    }
    
    /* 小見出し01 */
    .small-title01 {
        font-size: 110%;
        margin-top: 20px;
    }
    
    .small-title01 img {
        max-width: 80px;
    }
    
    /* 小見出し01 */
    .small-title02 {
        font-size: 100%;
        margin-top: 20px;
    }
}

/* ボタン01 */
.basic-btn01  {
    text-align: center;
}

.basic-btn01 a {
    position: relative;
    z-index: 1;
    display: inline-block;
    color: white;
    text-decoration: none;
    font-size: 120%;
    padding: 10px 60px 15px;
    margin-top: 20px;
    background: transparent;
    cursor: pointer;
     /* 角丸 */
     border-radius:30px;
     -webkit-border-radius:30px;
     -moz-border-radius:30px;
}

.basic-btn01 a:before,
.basic-btn01 a:after
{
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
     /* 角丸 */
     border-radius:30px;
     -webkit-border-radius:30px;
     -moz-border-radius:30px;
}

.basic-btn01 a:before {
    transition: all 0.6s; /* アニメーション実行時間 */
    z-index: -1;
    /* グラデ */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00c2f6+0,0236f7+100 */
    background: rgb(0,194,246); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(0,194,246,1) 0%, rgba(2,54,247,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(0,194,246,1) 0%,rgba(2,54,247,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(0,194,246,1) 0%,rgba(2,54,247,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c2f6', endColorstr='#0236f7',GradientType=1 ); /* IE6-9 */
}

.basic-btn01 a:after {
    z-index: -2;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0cfdff+0,136afe+100 */
    background: rgb(12,253,255); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(12,253,255,1) 0%, rgba(19,106,254,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(12,253,255,1) 0%,rgba(19,106,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(12,253,255,1) 0%,rgba(19,106,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0cfdff', endColorstr='#136afe',GradientType=1 ); /* IE6-9 */
}

.basic-btn01 a:hover::before {
    opacity: 0;
}

.el-basic-btn01 .elementor-button-content-wrapper { /* アイコン縦位置中央にする */
    align-items: center;
}

/* ボタン02 */
.basic-btn02 a,.basic-btn02 span {
    color: #0171f6;
    border: 1px solid #0171f6;
    text-decoration: none;
    font-size: 120%;
    padding: 10px 60px 15px;
    margin-top: 20px;
    cursor: pointer;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    /* ホバーゆっくり */
    -moz-transition-duration:0.3s;
    -webkit-transition-duration:0.3s;
    -o-transition-duration:0.3s;
    -ms-transition-duration:0.3s; 
}

.basic-btn02 a:hover,.basic-btn02 span:hover {
    opacity: 0.6;
}

#top-news-sp-btn {
    display: none;
}

#top-news-sp-btn a {
    margin-top: 30px;
}

@keyframes fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* 新着タブ切り替え関連 */
.news-content {
    display: none;
    opacity: 0;
        
    &.news-show {
        display: block;
        animation-name: fade-in;
        animation-duration: .5s;
    }
}
    
.news-content.news-show {
    display: block;
    opacity: 1;
    animation-name: fade-in;
    animation-duration: .5s;
}

@media screen and (max-width: 1024px) {   
    .big-title01 {
        font-size: 180%;
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 600px) {   
    .big-title01 {
        font-size: 150%;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    
    .basic-btn01,.basic-btn02 {
        font-size: 80%;   
    }
}

@media screen and (max-width: 500px) {
     .big-title01 {
        font-size: 130%;
    }   
}

/*　緊急お知らせ */
#emergency-out {
    width: 100%;
    color: #ff0000;
    font-size: 120%;
    background: white;
    text-align: center;
    padding: 10px 5px;
    font-weight: 700;
    line-height: 1.2em;
    border-top: 2px solid #ff9999;
    border-bottom: 2px solid #ff9999;
}

#emergency-out #emergency-inner {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

#emergency-out #emergency-inner span {
    display: inline-block;
    text-align: left;
    padding-top: 3px;
    padding-bottom: 5px;
    padding-left: 40px;
    background: url("../images/common/emergency-icon.png") no-repeat left top / 32px auto;
}

#emergency-out #emergency-icon {
    max-width: 32px;
}

#emergency-out a {
    color: #ff0000 !important;
}

@media screen and (max-width: 767px) {
    #emergency-out {
        padding: 10px 5px;
        font-size: 110%;
    }
    
    #emergency-out #emergency-inner span {
        background: url("../images/common/emergency-icon.png") no-repeat left top 5px / 22px auto;
        padding-left: 30px;
    }
}

/* テーブル01 */
.table01 table {
    border: 1px solid #d5e2f0;
    border-bottom: none;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.table01 th {
    background: #ebf4ff;
    font-weight: 700;
    border-right: 1px solid #d5e2f0;
    border-bottom: 1px solid #d5e2f0;
    padding: 10px 20px;
}

.table01 td {
    border-right: 1px solid #d5e2f0;
    border-bottom: 1px solid #d5e2f0;
    padding: 10px 20px;
}

/* テーブルスクロールバー表示　レスポンシブタグ */
.scroll-table {
  overflow: auto;
  white-space: nowrap;
}


@media screen and (max-width: 480px) {
    .table01 th {
        padding: 10px;
    }

    .table01 td {
        padding: 10px;
    }
}

.indent-text {
    padding-left:1em;
	text-indent:-1em;
}


/* モーダルウィンドウプラグイン上書き */
.modaal-wrapper {
    z-index: 10005 !important;
}

.modaal-overlay {
    z-index: 10004 !important;
}

/*** 右下チケットラッコ固定ボタン ***/    
    
/*リンクを右下に固定*/
#kotei-tikect {
	position: fixed;
	right: 20px;
	bottom:0px;
	z-index: 999;
    /*はじめは非表示*/
	opacity: 0;
	transform: translateY(100px);
}
    
#kotei-tikect img {
    max-width: 188px;
}

#kotei-tikect:hover {
    cursor: pointer;
}

/*　上に上がる動き　*/
#kotei-tikect.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }
  to {
    opacity: 1;
	transform: translateY(0px);
  }
}

@media screen and (max-width: 1199px) {
    #kotei-tikect {
        right: 5px;
    }    
}

@media screen and (max-width: 767px) {    
    #kotei-tikect img {
        max-width: 126px;
    }
}

@media screen and (max-width: 480px) { 
     #kotei-tikect {
        right: 2px;
    }      
}

/*====================================================================
TOP
====================================================================*/

/*** TOP ***/

/* 営業時間カレンダーリンク追加 */
#top-calender-link {
    display: block;
    padding: 4px 15px 6px;
    margin-top: 7px;
    color: #0171f6;
    border: 1px solid #0171f6;
    border-radius: 30px;
    font-size: 70%;
    line-height: 1em;
    text-align: center;
    text-decoration: none;
    max-width: 13.4em;
    /* ホバーゆっくり */
    -moz-transition-duration:0.3s;
    -webkit-transition-duration:0.3s;
    -o-transition-duration:0.3s;
    -ms-transition-duration:0.3s;
}

#top-calender-link:hover {
    color: white;
    background: #0171f6;
}

@media screen and (max-width: 767px) {
    #top-calender-link {
        padding: 6px;
        margin-top: 6px;
        font-size: 80%;
        line-height: 0.8em;
        max-width: 12em;
    }    
}

@media screen and (max-width: 480px) {
    #top-calender-link {
        padding: 4px;
        max-width: 11.7em;
    } 
}

/* メインスライド */
#main-slide-l-btn,#main-slide-r-btn {
    max-width: 38px;
    z-index: 1450;
}

#main-slide-l-btn {
    position: absolute;
    top: 43%;
    left: 0px;
    cursor: pointer;
}
        
#main-slide-r-btn {
    position: absolute;
    top: 43%;
    right: 0px;
    cursor: pointer;
}

#title01 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 110px;
    max-width: 781px;
    margin: 0px auto;
}

#main-img-sp {
    display: none;
}

@media screen and (max-width: 1400px) {  
    #title01 {
        max-width: 550px;
        bottom: 100px;
    }
}

@media screen and (max-width: 1199px) {  
    #title01 {
        max-width: 550px;
        bottom: 60px;
    }
}


@media screen and (max-width: 1000px) {  
#title01 {
    max-width: 460px;
    bottom: 60px;
}
    
#main-slide-l-btn,#main-slide-r-btn {
    max-width: 30px;
}
    
#main-slide-r-btn,#main-slide-l-btn {
    top: 35%;
}

}

@media screen and (max-width: 767px) { 
    #main-img-pc {
        display: none;
    }    
    
    #main-img-sp {
        display: block;
    }
}

/* 営業時間＆天気 */
#top-info-contents-out {
    position: relative;
}

/*
#top-info-contents {
    position: absolute;
    top: -73px;
    width: 100%;
}
*/

.top-info-out {
    /*
    height: 146px;
    */
    background: white;
    /* シャドウ */
    -moz-box-shadow: -1px 1px 9px 2px rgba(0, 0, 0, 0.32);
    -webkit-box-shadow: -1px 1px 9px 2px rgba(0, 0, 0, 0.32);
    -ms-box-shadow: -1px 1px 9px 2px rgba(0, 0, 0, 0.32);
    box-shadow: -1px 1px 9px 2px rgba(0, 0, 0, 0.32);
}

.top-info-inner {
    display: table;
    width: 100%;
    height: 100%;
}

.top-info-out .wave-photo {
    position: relative;
    display: table-cell;
    height: 100%;
    background-size: cover;
}

#sp-weather {
    display: none;
}

#top-weather-hours {
    float: left;
    width: 60.5%;
    margin-right: 2.5%;
    overflow: hidden;
}

#top-weather-hours #hours-inner {
    min-height: 146px;
}

#top-weather-hours .wave-photo {
    background: url("../images/top/top-info-gaikan.jpg") no-repeat center left;
    width: 26%;
    background-size: cover;
}

.vertical-wave {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    width: 9px;
    height: 100%;
    background: url("../images/top/vertical-wave.png") repeat-y;
}

.top-info-out #hours {
    display: table-cell;
    vertical-align: middle;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 60px;
}

.top-info-out #hours-inner {
    display: table;
    position: relative;
    /*
    top: -5px;
    */
    padding-right: 1em;
}

.top-info-out span {
    vertical-align: middle;
    text-align: left;
}

#hours-icon {
    display: table-cell;
    width: 18%;
}

#hours-icon img {
    max-width: 56px;
}

#hours-text {
    display: table-cell;
    width: 82%;
    font-size: 120%;
    padding-left: 15px;
    font-weight: 700;
}

#hours-text01 {
    display: block;
    letter-spacing: 0.24em;
    line-height: 1.2em;
}

#hours-text02 {
    display: block;
    font-size: 140%;
    margin-top: 3px;
}

#hours-text03 {
    display: block;
    margin-top: 3px;
    line-height: 1.3em;
    font-size: 85%;
    letter-spacing: 0.22em;
    /*
    text-indent: -0.5em;
    */
}

#hours-text04 {
   display: block;
   font-size: 70%;
   line-height: 1.4em;
   margin-top: 5px;
}

#hours-text04sp {
    display: none;
    font-weight: 700;
    padding-right: 1em;
    font-size: 90%;
    line-height: 1.4em;
    margin-top: 5px;
}

#vertical-line {
    display: table-cell;
    width: 1px;
    height: 100%;
    padding-top: 20px;
    padding-bottom: 25px;
}

#vertical-line span {
    display: block;
    height: 96px;
    background: #003283;
}

#weather {
    display: table-cell;
    vertical-align: middle;
    zoom: 0.85;
    width: 25%;
}

#pc-weather {
    position: relative;
    top: -8px;
}

#pc-wather-area {
    font-size: 1.2em;
    display: block;
    text-align: center;
}

#sp-wather-area {
    font-size: 0.8em;
    line-height: 1em;
    display: block;
    text-align: center;
    padding-top: 5px;
}

/*** 新　お天気ウィジット ***/
#weather {
    zoom: normal !important;
}

#echo-weather {
    padding-top: 10px;
}

#weather-time {
    text-align: center;
    padding-right: 5px;
    font-size: 150%;
}

#echo-weather {
    display: table;
    width: 100%;
    padding-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
}

.weather-content {
    float: left;
    width: 16.6666%;
}

#echo-weather #temp-out {
    display: none;
}

.weather-content {
    display: inline-block;
}

.weather-content p .temp {
    display: block;
    font-size: 75%;
    line-height: 1.3em;
}

.weather-content .weather-icon {
    text-align: center;
}

.weather-content-date {
    text-align: center;
    font-size: 70%;
    line-height: 1.2em;
}

#echo-weather img {
    max-width: 24px;
}

#echo-weather > *:first-child img {
    max-width: 54px;
}

/* メインの気温表示のみ　上書き */
#echo-weather > *:first-child {
    float: none;
    display: table;
    width: 100%;
}

#echo-weather > *:first-child p {
    display: table-cell;
    vertical-align: middle;        
}

#echo-weather > *:first-child #temp-out {
    display: table-cell;
}

#echo-weather > *:first-child .weather-content-date {
    font-size: 110%;
    padding-right: 10px;
}

#temp-only #ondo-sum {
    display: inline-block;
    font-size: 130%;
}

#temp-only #do {
    display: inline-block;
    padding-top: 5px;
}

/* お天気予報一覧 */
#weather-list {
    display: table;
    width: 100%;
}

weather-list span {
    text-align: center !important;
}

#weather-list .weather-list-contents {
    display: table-cell;
}

#weather-list .weather-list-contents span {
    display: block;
    text-align: center !important;
    line-height: 1.2em;
}

.weather-list-icon {
    display: block;
    text-align: center;
}

.weather-list-icon img {
    max-width: 18px;
}

.weather-list-youbi {
    display: block;
    font-size: 70%;
    text-align: center;
}

@media screen and (max-width: 1150px) {
    /* 天気 */
    #weather {
        width: 37%;
    }
}

@media screen and (max-width: 1000px) {
    #weather {
        width: 25%;
        padding-top: 7px;
        padding-bottom: 10px;
    }    
    
    #top-weather-hours #hours-inner {
        min-height: auto;
    }    
    
    #echo-weather > *:first-child img {
        /*　上書き */
        max-width: 44px;
    }
    
    #weather-time {
        font-size: 120%;
    }
    
    #pc-weather {
        /* 既存上書き */
        position: static !important;
        top: 0px !important;
    }
    
    #vertical-line {
        /* 既存上書き */
        padding-top: 20px;
    }
    
    #pc-wather-area {
        /* 既存追記 */
        font-size: 1em;
        line-height: 1.3em;
    }
    
    /*
    .top-info-out #hours {
        padding-top: 20px;
    }
    */
    
    #echo-weather {
        padding-top: 0px;
    }   
}
    
@media screen and (max-width: 720px) {
    #echo-weather > *:first-child img {
        /*　上書き */
        max-width: 42px;
    }
    
    #echo-weather > *:first-child {
        /*　上書き */
        margin-top: 0px;
        padding-top: 0px;
    }
    
    #echo-weather {
        padding-top: 5px;
    }
    
    #weather-time {
        font-size: 100%;
    }
    
    #temp-only {
        font-size: 80% !important;
    }
    
    #weather-list .weather-list-contents span {
        line-height: 1.1em;
    }
}

/*
@media screen and (max-width: 1400px) {
    .top-info-out #hours {
        padding-left: 20px;
    }
}
*/

@media screen and (max-width: 1000px) {
    /*
    .top-info-out {
        height: 120px;
    }
    */
    
    #vertical-line span {
        height: 70px;
    }
}

@media screen and (max-width: 767px) {
    /* 営業時間 */
    #hours-text04 {
        font-size: 90%;
    }
    
    #hours-text04 {
        display: none !important;
    }
    
    #hours-text04sp {
        display: block;
    }
    
    #hours-text04sp {
        display: block;
    }
}

@media screen and (max-width: 700px) {
    /* お天気 */
    #weather {
        width: 30vw;
    }        
}


@media screen and (max-width: 600px) { 
    #echo-weather > *:first-child img {
        max-width: 36px;
    }        

    #pc-wather-area {
        /* 既存上書き */
        position: static !important;
        top: 0px !important;
        /* 追記 */
        margin-top: 5px;
    }
    
    .weather-content {
        display: none;
    }
    
    #echo-weather > *:first-child {
        display: table;
    }
    
    .weather-list-icon img {
        max-width: 18px !important;
    }
    
    .weather-list-youbi {
        font-size: 60%;
    }
}

@media screen and (max-width: 550px) {
    #weather {
        width: 30%;
    }    
    
    #echo-weather > *:first-child {
        padding-top: 0px !important;
    }
    
    #echo-weather > *:first-child {
        padding-top: 7px;
    }        
    
    #echo-weather > *:first-child img {
        /*　上書き */
        max-width: 34px;
    }
    
    #weather-time {
        font-size: 90%;
    }
}

@media screen and (max-width: 480px) {
    /* 天気 */
    #weather {
        width: 35vw;
    }        
}
    
@media screen and (max-width: 400px) {
    #pc-weather {
        /* 上書き */
        padding-left: 0px;
    }
    
    #weather-time {
        padding-left: 3px;
    }           
}

@media screen and (max-width: 380px) {
    #weather {
        width: 35vw;
    }
    
    #pc-wather-area {
        display: none;
    }
    
    #sp-weather {
        /* 既存上書き */
        display: none !important;
    }
    
    #pc-weather {
        /* 既存上書き */
        display: block !important;
        /* 追記 */
        font-size: 
    }
    
    /*
    .top-info-out #hours {
        padding-top: 0px!important;
    }
    */
    
    #pc-wather-area {
        /* 追記 */
        font-size: 75%;
        display: block !important;
        margin-top: 5px;
    }
    
    #weather-list {
        display: none;
    }
    
    #echo-weather {
        padding-top: 9px !important;
    } 
    
    #echo-weather > *:first-child .weather-content-date {
        font-size: 90%;
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .weather-content p .temp {
        font-size: 60%;
    }
}

@media screen and (max-width: 360px) {
    #echo-weather > *:first-child img {
        max-width: 30px;
    }
}
    
@media screen and (max-width: 350px) {
    #echo-weather > *:first-child {
        padding-top: 9px;
    }    
    
    #echo-weather > *:first-child img {
        /*　上書き */
        max-width: 30px !important;
    }        
    
    #weather-time {
        display: none !important;
    }
}
    
@media screen and (max-width: 349px) {
    #echo-weather > *:first-child .weather-content-date {
        display: none;
    }
    
    #echo-weather #temp-out {
        padding-left: 5px;
    }
}

/* チケット */
#top-ticket {
    width: 37%;
    float: left;
    height: 146px;
}

#top-ticket .wave-photo {
    background: url("../images/top/top-info-ticket-photo.jpg") no-repeat center left;
    background-size: cover;
    width: 35%;
    text-align: center;
}

#ticket-icon {
    max-width: 82px;
}

#ticket-buy-link {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

#ticket-buy-link #web-ticket-title {
    font-size: 150%;
    font-weight: 700;
}

#web-ticket-btn {
    position: relative;
    color: white;
    font-size: 130%;
    display: inline-block;
    margin-top: 20px;
    text-decoration: none;
    cursor: pointer;
    /* グラデーション */
background: #ed57e8; /* Old browsers */
background: -moz-linear-gradient(left,  #ed57e8 0%, #05b1ff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ed57e8 0%,#05b1ff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ed57e8 0%,#05b1ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed57e8', endColorstr='#05b1ff',GradientType=1 ); /* IE6-9 */
    /* 角丸 */
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
}

#web-ticket-btn span {
    font-family: "LogoTypeGothic",'Noto Sans JP', sans-serif; /* WEBフォントを指定 */
    position: relative;
    display: block;
    overflow: hidden;
    padding: 12px 60px 15px 50px;
}

/*キラッと光る*/
#web-ticket-btn span::before {
  content: '';
    /*絶対配置でキラッと光るの位置を決める*/
  position: absolute;
  top: 0;
  left: -75%;
    /*キラッと光る形状*/
    width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  transform: skewX(-25deg);
}

/*hoverした際の移動のアニメーション*/
#web-ticket-btn:hover {
    text-decoration: none;
}

#web-ticket-btn:hover span::before {
  animation: shine 0.7s;
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

#ticket-mei {
    position: absolute;
    bottom: -5px;
    right: -1px;
    max-width: 60px;
}

#top-ban-out {
    padding-top: 35px; 
    overflow: hidden;
}

.top-ban-inner {
    display: inline-block;
    margin-bottom: 20px;
}

#top-ban-out img {
    /* ホバーゆっくり */
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    -ms-transition-duration:0.5s;    
}

#top-ban-out img:hover {
    opacity: 0.8;
}

@media screen and (max-width: 1199px) {
    /*
    #top-info-contents {
        top: -43px;
    }
    */
    
    /* 天気＆チケット購入部分ずらし */
    .top #main-contents01 {
        top: -43px;
    }
    
    /*
    #top-ban-out {
        padding-top: 122px;
    }
    */
    
    #top-ban-out {
        padding-top: 28px;
    }
    
    #hours {
        font-size: 80%;
    }
    
    #hours-icon {
        width: 10%;
    }

    #web-ticket-btn span {
        padding: 12px 60px 15px 30px;
    }
}

@media screen and (max-width: 1150px) {
    #top-weather-hours .wave-photo {
        display: none;
    }

    #hours-text {
        width: 50%;
    }
    
    #top-weather-hours {
        float: left;
        width: 52.5%;
        margin-right: 2.5%;
    }
    
    #top-ticket {
        width: 45%;
    }
}

@media screen and (max-width: 1000px) {
    #top-weather-hours .wave-photo {
        display: table-cell;
    }
    
    #top-weather-hours {
        float: none;
        width: 100%;
        margin-right: 0px;
    }
    
    .top-info-out #hours {
        padding-left: 60px;
    }
    
    #hours-text {
        font-size: 150%;
    }
    
    #top-ticket {
        height: 120px;
    }

    #top-ticket {
        position: relative;
        float: none;
        width: 100%;
        margin-top: 25px;
    }
    
    /*
    #top-ban-out {
        padding-top: 249px;
    }
    */
    
    #top-ban-out {
        padding-top: 25px;
    }
    
    #top-ticket .wave-photo {
        width: 26%;
    }
    
    #ticket-buy-link-inner {
        display: table;
        vertical-align: middle;
        padding-left: 40px;
        padding-right: 20px;
    }
    
    /*
    .top-info-out #hours-inner {
        position: relative;
        top: -14px;
    }
    */

    #web-ticket-btn {
        display: table-cell;
        margin-top: 0px;
    }
    
    #ticket-buy-link #web-ticket-title {
        display: table-cell;
        font-size: 180%;
        padding-right: 20px;
    }
    
    #web-ticket-btn span {
        display: table-cell;
        font-size: 130%;
        padding: 20px 80px 25px 60px;
    }
    
    #pc-weather {
        top: -19px;
    }
}

@media screen and (max-width: 860px) {
    #ticket-buy-link #web-ticket-title {
        font-size: 140%;
    }
    
    #web-ticket-btn span {
        font-size: 110%;
    }
    
    #web-ticket-btn span {
        padding: 20px 60px 25px 40px;
    }
}

@media screen and (max-width: 770px) {
    #web-ticket-btn span {
        padding: 20px 70px 25px 45px;
    }
}

@media screen and (max-width: 750px) {
    #ticket-buy-link-inner {
        padding-left: 30px;
    }
}

@media screen and (max-width: 750px) {
    #web-ticket-btn span {
        padding: 20px 60px 25px 35px;
    }
}

@media screen and (max-width: 700px) {
    #top-ticket .wave-photo {
        width: 20%;
    }
    
    #ticket-icon {
        max-width: 70px;
    }
}

@media screen and (max-width: 650px) {
    #ticket-buy-link-inner {
        padding-left: 20px;
    }
    
    #ticket-buy-link #web-ticket-title {
        font-size: 120%;
    }
    
    #web-ticket-btn span {
        font-size: 100%;
    }
}

@media screen and (max-width: 600px) {
    #top-ticket .wave-photo {
        display: none;
    }
    
    #top-ticket {
        height: 100px;
    }
    
    .top #main-contents01 {
        top: -33px;
    }
    
    /*
    #top-ban-out {
        padding-top: 206px;
    }
    */
}

@media screen and (max-width: 500px) {
    /*
    #top-info-contents {
        top: -23px;
    }
    */
    
    /* 天気＆チケット購入部分ずらし */
    .top #main-contents01 {
        top: -23px;
    }
    
    /*
    #top-ban-out {
        padding-top: 227px;
    }
    */
}

@media screen and (max-width: 480px) {
    #top-ticket {
        margin-top: 20px;
    }
    
    /*
    #top-ban-out {
        padding-top: 217px;
    }
    */
    
    #top-ban-out {
        padding-top: 20px;
    }
}

@media screen and (max-width: 400px) {
    /*
    #top-info-contents {
        top: -23px;
    }
    */
    
    /* 天気＆チケット購入部分ずらし */
    .top #main-contents01 {
        top: -23px;
    }
    
    /*
    #top-ban-out {
        padding-top: 227px;
    }
    
    #top-ban-out {
        padding-top: 187px;
    }
    */
}

@media screen and (max-width: 380px) {
    /*
    #top-ban-out {
        padding-top: 167px;
    }
    */
    
    /*
    .top-info-out #hours-inner {
        top: -13px;
    }
    */
}
/*
@media screen and (max-width: 900px) {
    #web-ticket-btn span {
        font-size: 120%;
        padding: 20px 60px 25px 40px;
    }
}


@media screen and (max-width: 850px) {
    #ticket-buy-link #web-ticket-title {
        font-size: 150%;
    }    
    
    #ticket-buy-link #web-ticket-title {
        margin-left: 40px;
    }
}
*/

@media screen and (max-width: 767px) {
    #hours-text {
        font-size: 130%;
    }
}

@media screen and (max-width: 700px) {
    .top-info-out #hours {
        padding-left: 10px;
    }
    
    #hours {
        font-size: 70%;
    }
    
    #top-weather-hours .wave-photo {
        width: 20%;
        background: url(../images/top/top-info-gaikan.jpg) no-repeat center left -5vw;
        background-size: cover;
    }
}

@media screen and (max-width: 600px) {
    #top-weather-hours .wave-photo {
        width: 25%;
        background: url(../images/top/top-info-gaikan.jpg) no-repeat center left;
        background-size: cover;
    }    

    /*
    .top-info-out {
        height: 100px;
    }
    */

    #hours {
        font-size: 60%;
        line-height: 2em;
    }
    
    #hours-icon img {
        max-width: 32px;
    }
    
    #hours-text {
        padding-left: 10px;
    }
    
    #weather {
        zoom: 58%;
        padding-top: 0px;
    }
    
    #pc-wather-area {
        font-size: 0.8em;
        position: relative;
        top: -5px;
    }
    
    #pc-weather {
        top: -32px;
    }
    
    #vertical-line span {
        height: 50px;
    }
    
    #ticket-buy-link #web-ticket-title {
        font-size: 4vw;
        position: relative;
        bottom: 6px;
    }
    
    #web-ticket-btn {
        font-size: 4vw;
    }

    #web-ticket-btn span {
        padding: 15px 80px 15px 60px;
    }
}

@media screen and (max-width: 550px) {
    #web-ticket-btn span {
        padding: 15px 65px 15px 40px;
    }
}

@media screen and (max-width: 500px) {
    #top-weather-hours .wave-photo {
        display: none;
    }
    
    .top-info-out #hours {
        padding-left: 5vw;
    }
}

@media screen and (max-width: 450px) {
     #web-ticket-btn span {
        padding: 15px 60px 15px 30px;
    }   
}

@media screen and (max-width: 400px) {
     .top-info-out #hours {
        padding-left: 3vw;
    }
    
    #top-ticket {
        height: 70px;
    }
    
    #ticket-buy-link-inner {
        padding-right: 0px;
    }
    
    #ticket-buy-link #web-ticket-title {
        padding-right: 10px;
    }
    
    #ticket-buy-link #web-ticket-title {
        bottom: 8px;
    }
    
    #ticket-mei {
        max-width: 46px;
        bottom: -4px;
    }
    
    #web-ticket-btn span {
        padding: 10px 50px 10px 25px;
    }
}

@media screen and (max-width: 380px) {
    /*
    .top-info-out {
        height: 80px;
    }
    */
    
    .top-info-out #hours {
        padding-left: 5vw;
    }

    /*
    .top-info-out #hours-inner {
        position: relative;
        top: -2px;
    }
    */
    
    #weather {
        zoom: 90%;
    }
    
    #vertical-line {
        padding-top: 25px;
    }
    
    #vertical-line span {
        height: 30px;
    }

    #hours {
        font-size: 50%;
    }
    
    #hours-icon {
        width: 8%;
    }
    
    #pc-weather {
        display: none;
        padding-left: 10px;
    }
    
    #sp-weather {
        display: block;
        margin-top: 3px;
    }
    
    #web-ticket-btn span {
        padding: 10px 60px 10px 35px;
    }
}


@media screen and (max-width: 360px) {
    #web-ticket-btn span {
        padding: 10px 50px 10px 35px;
    }    
}

@media screen and (max-width: 340px) {
    #web-ticket-btn span {
        padding: 10px 45px 10px 20px;
    }    
}

/*** 新着情報 ***/
            
/* 大見出し */
#top-news-title img {
    max-width: 58px;
    margin-right: 18px;
    margin-bottom: 10px;
}

/* 新着カテゴリボタン */
#news-category-btn li {
    position: relative;
    display: inline-block;
    min-width: 113px;
    text-align: center;
    padding: 5px 20px 8px;
    margin-right: 10px;
    margin-bottom: 20px;
    outline-offset: -1px;
    font-size: 110%;
    cursor: pointer;
}

#news-category-btn li img {
    display: none;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -8px;
    z-index: 2;
    margin: auto;
    max-width: 10px;
}

#news-category-btn {
    float: left;
}

#top-more-news-link {
    float: right;
    margin-top: 10px;
}

/* 新着アイコン */
.news-newicon {
    display: inline-block !important;
    color: white;
    padding: 4px 14px 5px;
    background: #ff3146;
    font-size: 85%;
    line-height: 1.1em;
    letter-spacing: 0.05em;
    /* 角丸 */
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
}

/* もっと見るリンク */
#top-more-news-link img {
    max-width: 8px;
    vertical-align: middle;
    margin-left: 8px;
}

#top-more-news-link a {
    color: black;
    text-decoration: none;
}

#top-more-news-link a:hover {
    text-decoration: underline;
}

/* カテゴリ切替ボタン　非アクティブ時 */
.category-btn-all {
    outline: 1px solid #ff46e8;
    color: #ff46e8;
}

.category-btn-news {
    outline: 1px solid #0168f6;
    color: #0168f6;
}

.category-btn-event {
    outline: 1px solid #00bc33;
    color: #00bc33;
}

.category-btn-campaign {
    outline: 1px solid #ff713e;
    color: #ff713e;
}

.category-btn-important {
    outline: 1px solid #f70911;
    color: #f70911;
}

/* カテゴリ切替ボタン　アクティブ時 */
#news-category-btn li.category-active { /* アクティブ時 */
    outline-offset: 0px;
}

#news-category-btn .category-active img {
    display: inline;
}

/* グラデーション設定 */
#news-category-btn .category-btn-all.category-active {
    outline: none;
    color: white;
    /* グラデ */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff46e8+0,ff8af1+100 */
    background: #ff46e8; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff46e8 0%, #ff8af1 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ff46e8 0%,#ff8af1 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ff46e8 0%,#ff8af1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff46e8', endColorstr='#ff8af1',GradientType=0 ); /* IE6-9 */
}
            
#news-category-btn .category-btn-news.category-active {
    outline: none;
    color: white;
    /* グラデ */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0235f7+0,00adf6+100 */
    background: #0235f7; /* Old browsers */
    background: -moz-linear-gradient(top,  #0235f7 0%, #00adf6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #0235f7 0%,#00adf6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #0235f7 0%,#00adf6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0235f7', endColorstr='#00adf6',GradientType=0 ); /* IE6-9 */
}
            
#news-category-btn .category-btn-event.category-active {
    outline: none;
    color: white;
    /* グラデ */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00bc33+0,c7e93a+100 */
    background: #00bc33; /* Old browsers */
    background: -moz-linear-gradient(top,  #00bc33 0%, #c7e93a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #00bc33 0%,#c7e93a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #00bc33 0%,#c7e93a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bc33', endColorstr='#c7e93a',GradientType=0 ); /* IE6-9 */
}
            
#news-category-btn .category-btn-campaign.category-active {
    outline: none;
    color: white;
    /* グラデ */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff5546+0,ffb746+100 */
    background: #ff5546; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff5546 0%, #ffb746 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ff5546 0%,#ffb746 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ff5546 0%,#ffb746 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5546', endColorstr='#ffb746',GradientType=0 ); /* IE6-9 */
}
            
#news-category-btn .category-btn-important.category-active {
    outline: none;
    color: white;
    /* グラデ */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f70911+0,ff676d+100 */
    background: #f70911; /* Old browsers */
    background: -moz-linear-gradient(top,  #f70911 0%, #ff676d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f70911 0%,#ff676d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f70911 0%,#ff676d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f70911', endColorstr='#ff676d',GradientType=0 ); /* IE6-9 */
}
            
/* 新着リスト */
#news-list-out li {
    display: table;
    width: 100%;
    border-bottom: 1px solid #b2b2b2;
    padding: 20px 1em 20px 0px;
}

#news-list-out li span {
    display: table-cell;
    vertical-align: middle;
}

#news-list-out li br {
    display: none;
}

#news-list-out > *:first-child {
    border-top: 1px solid #b2b2b2;
}

#news-list-out .news-date {
    font-size: 95%;
    width: 8%;
    min-width: 8em;
    letter-spacing: 0.1em;
    padding-right: 25px;
}

.category-icon {
    display: block !important;
    text-align: center;
    margin-right: 25px;
    margin: 5px 25px 5px auto;
}

.category-icon .category-icon-inner {
    display: inline-block;
}

.category-icon .category-icon-inner a {
    display: inline-block;
    color: white;
    text-decoration: none;
    min-width: 130px;
    padding: 5px 15px;
}

.news-text {
    padding-left: 15px;
    width: 85%;
}

.news-text a {
    margin-right: 15px;
}

/* お知らせアイコン グラデーション設定 */
.category-all .category-icon-inner a {
    /* グラデ */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff46e8+0,ff8af1+100 */
    background: #ff46e8; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff46e8 0%, #ff8af1 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ff46e8 0%,#ff8af1 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ff46e8 0%,#ff8af1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff46e8', endColorstr='#ff8af1',GradientType=0 ); /* IE6-9 */
}
            
.category-notice .category-icon-inner a  {
    /* グラデ */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0235f7+0,00adf6+100 */
    background: #0235f7; /* Old browsers */
    background: -moz-linear-gradient(top,  #0235f7 0%, #00adf6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #0235f7 0%,#00adf6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #0235f7 0%,#00adf6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0235f7', endColorstr='#00adf6',GradientType=0 ); /* IE6-9 */
}
            
.category-event .category-icon-inner a  {
    /* グラデ */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00bc33+0,c7e93a+100 */
    background: #00bc33; /* Old browsers */
    background: -moz-linear-gradient(top,  #00bc33 0%, #c7e93a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #00bc33 0%,#c7e93a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #00bc33 0%,#c7e93a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bc33', endColorstr='#c7e93a',GradientType=0 ); /* IE6-9 */
}
            
.category-campaign .category-icon-inner a  {
    /* グラデ */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff5546+0,ffb746+100 */
    background: #ff5546; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff5546 0%, #ffb746 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ff5546 0%,#ffb746 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ff5546 0%,#ffb746 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5546', endColorstr='#ffb746',GradientType=0 ); /* IE6-9 */
}

.category-important .category-icon-inner a  {
    /* グラデ */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f70911+0,ff676d+100 */
    background: #f70911; /* Old browsers */
    background: -moz-linear-gradient(top,  #f70911 0%, #ff676d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f70911 0%,#ff676d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f70911 0%,#ff676d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f70911', endColorstr='#ff676d',GradientType=0 ); /* IE6-9 */
}

/* メインコンテンツボタン */
#main-contents-btn-out {
    position: relative;
    margin-top: 100px;
}

#main-contents-btn-inner {
    padding-top: 140px;
    padding-bottom: 140px;
}

#main-contents-btn-inner a {
    display: block;
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2%;
    float: left;
}

#main-contents-btn-inner a img {
    /* ホバーゆっくり */
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    -ms-transition-duration:0.5s;
}

#main-contents-btn-inner a img:hover {
    opacity: 0.9;
}

#main-contents-btn-inner > *:first-child+*+*+*,
#main-contents-btn-inner > *:first-child+*+*+*+*+*+*+*,
#main-contents-btn-inner > *:first-child+*+*+*+*+*+*+*+*+*+*+*
{
    margin-right: 0%;
}

/* 波ラインが入る対策用 */
#top-wave-white {
    position: absolute;
    bottom: -2px;
    z-index: 3;
    display: block;
    width: 100%;
    height: 4px;
    background: white;
}

/* gifホバーしたら再生 */
.hover-change .hover-change-img {
    display: block;
}
.hover-change .hover-change-gif {
    display: none;
}

.hover-change:hover .hover-change-img {
    display: none !important;
}
.hover-change:hover .hover-change-gif {
    display: block !important;
}

/* スマホ用ボタン */
.sp-m-btn {
    display: none;
}

@media screen and (max-width: 850px) {
    #top-more-news-link {
        display: none;
    }
    
    #top-news-sp-btn {
        display: block;
    }
}

@media screen and (max-width: 800px) {
    #news-list-out li .category-icon {
        font-size: 90%;
    }
    
    .category-icon .category-icon-inner {
        min-width: 120px;
    }
    
    #news-list-out li {
        border-bottom: 1px solid #b2b2b2;
        padding: 15px 1em 15px 0px;
    }
}

@media screen and (max-width: 767px) {
    /* ボタン３列に */
    #main-contents-btn-inner a {
        display: block;
        width: 31.6666666667%;
        margin-right: 2.5%;
        margin-bottom: 2.5%;
        float: left;
    }
    
    #main-contents-btn-inner > *:first-child+*+*+*,
    #main-contents-btn-inner > *:first-child+*+*+*+*+*+*+*,
    #main-contents-btn-inner > *:first-child+*+*+*+*+*+*+*+*+*+*+*
    {
        margin-right: 2.5%;
        margin-bottom: 2.5%;
    }

    #main-contents-btn-inner > *:first-child+*+*,
    #main-contents-btn-inner > *:first-child+*+*+*+*+*,
    #main-contents-btn-inner > *:first-child+*+*+*+*+*+*+*+*,
    #main-contents-btn-inner > *:first-child+*+*+*+*+*+*+*+*+*+*+*
    {
        margin-right: 0%;
    }    
}

@media screen and (max-width: 750px) {
    #news-category-btn {
        font-size: 90%;
    }
    
    #news-category-btn li {
        min-width: 60px;
        padding: 3px 20px 6px;
    }
}

@media screen and (max-width: 700px) {
    #main-contents-btn-out .hover-change .hover-change-img,#main-contents-btn-out .hover-change .hover-change-gif {
        display: none !important;
    }
    
    #main-contents-btn-out {
        margin-top: 40px;
    }
    
    #main-contents-btn-inner {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    
    .sp-m-btn {
        display: inline;
    }
}

@media screen and (max-width: 650px) {
    #news-category-btn {
        font-size: 70%;
    }
    
    #news-category-btn li {
        min-width: 70px;
        padding: 3px 15px 6px;
    }
}

@media screen and (max-width: 550px) {
    #news-category-btn {
        display: flex;
        flex-wrap: wrap;
    }
    
    #news-category-btn li {
        margin-bottom: 10px;
        padding: 3px 20px 6px;
        height: 36px;
    }
    
    .category-icon {
        display: inline-block !important;
        margin: 0px;
        margin-right: 5px;
    }
    
    .category-icon .category-icon-inner {
        min-width: auto;
        padding: 3px 0px;
    }
    
    #news-list-out .news-date {
        display: inline-block;
        width: auto;
    }

    .news-text {
        display: block;
        padding-left: 15px;
        width: auto;
    }

    #news-category-btn .category-active {
        order: 4;
        margin-bottom: 20px;
    }
    
    #news-list-out li {
        display: block;
    }
    
    #news-list-out li span {
        display: inline-block !important;
        vertical-align: middle;
    }
    
    #news-list-out .news-date {
        margin-right: 5px;
        padding-right: 0px;
        min-width: 7em;
    }

    #news-list-out .news-text {
        display: block !important;
        padding-left: 0px;
        margin-top: 10px;
    }
}

@media screen and (max-width: 500px) {
    #top-news-title img {
        max-width: 40px;
        margin-right: 10px;
    }
    
    #top-news-title {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 480px) {
    #main-contents-btn-out {
        margin-top: 20px;
    }
    
    #main-contents-btn-inner {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    
    .sp-m-btn {
        display: inline;
    }
}


@media screen and (max-width: 380px) {    
    #news-category-btn li {
        padding: 3px 10px 6px;
    }    
}

/* 波css */
/*========= waveを描画するエリア設定 ===============*/

.wave{
  position: relative;
}

.wave canvas{
    position: absolute;
    bottom: 0;
  left:0;
    width: 100%;
}
    
/* 波css追記 */
#main-contents-btn-out {
    position: relative;
    background: url("../images/top/wave-back.jpg") no-repeat top center;
    background-size: cover;
}    

#waveCanvas2 {
/*
    background: url("images/top/wave-back01.jpg") no-repeat top center;
    background-size: 100% auto;
*/
        transform:rotate(180deg);
    top: 0px !important;
}
    
#wave01-out {
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 2;
}

#wave02-out {
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: 2;
}

/*** SNS ***/
/* 大見出し */
#top-sns-title img {
    max-width: 55px;
    margin-right: 18px;
    margin-bottom: 10px;
}

#top-sns-out {
    margin-top: 40px;
}

/* youtube */
/* youtube SNSタイトル */
#top-youtube-title {
    text-align: left;
    margin-bottom: 20px;
}

#top-youtube-title img {
    max-width: 182px;
}

.top-youtube-out {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.top-youtube-out iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* SNSタイトルホバー設定 */
.sns-title-hover img {
    /* ホバーゆっくり */
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;    
}

.sns-title-hover img:hover {
    opacity: 0.7;    
}

/* みんなの鳥羽水族館  */
#everyone-sns-out {
    margin-top: 85px;
}

#everyone-sns-cation {
    display: inline-block;
    font-size: 85%;
    margin-left: 1em;
    line-height: 1.2em;
    padding-left: 1em;
    text-indent: -1em;
}
    
#everyone-sns-out h3 {
    float: left;
    margin-right: 50px; 
}
    
#everyone-sns-out h3 img {
    max-width: 275px;
}
    
#everyone-sns-out #top-everyone-text {
    float: left;
    margin-top: 30px;
    /*
    margin-bottom: 20px;
    */
}
    
#top-everyone-text .everyone-sns-line {
    background: linear-gradient(transparent 70%, #f9e054 0%);
    padding: 0 1px 0px;
    font-weight: 700;
}

#footer-instagram-out { /*　下に隙間が空くので上からずらす */
    /*
    position: relative;
    top: 8px;
    */
    margin-top: 20px;
}

#top-slide-sns {
    float: left;
    width: 100%;
    /* twitter 削除一時コメントアウト
    width: 70%;
    margin-right: 2%;
    */
}

/* 左側　top-sns-out */
#top-main-sns-out {
    margin-top: 50px;
}

/* 右側　TOP Twitter */
#top-twitter-out {
    float: right;
    width: 28%;
}


#top-embed-twitter {
    border: 1px solid rgb(207, 217, 222);
}

#top-embed-twitter {
    /*
    padding-top: calc(100% * 5.81 / 4);
    */
    height: 600px;
    /*
    position: relative;
    */
    overflow-y: scroll;
    border-top-left-radius: 15px;
    /* 角丸 
    border-radius:30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    */
}

#top-embed-twitter .twitter-timeline {
  height: 100% !important;
  width: 100% !important;
  /*

  position: absolute !important;
  top:  0;
  bottom: 0;
  left: 0;
  right: 0;
  */
}

#top-embed-twitter iframe {
    width: 100% !important;
}

/* TOP Instagram */
#top-instagram-title img {
    max-width: 226px;
}

/* 見出し設定 */
.top-social-title {
    text-align: center;
    margin-bottom: 30px;
}

#everyone-sns-out h3 {
    margin-top: 18px;
}

/* 各見出し設定 */
#top-twitter-title  {
    padding-bottom: 8px;
}

#top-twitter-title img {
    max-width: 170px;
}

#top-tiktok-title {
    margin-top: 20px;
}

#top-tiktok-title img {
    max-width: 168px;
}

/*
@media screen and (max-width: 1500px) {
    #top-embed-twitter {
        padding-top: calc(100% * 5.9 / 4);
    }
}

@media screen and (max-width: 1400px) {
    #top-embed-twitter {
        padding-top: calc(100% * 6 / 4);
    }
}
*/

@media screen and (max-width: 1500px) {
    #top-embed-twitter {
        height: 39.5vw;
    }
}

@media screen and (max-width: 1280px) {
    #everyone-sns-cation {
        display: block;
        font-size: 85%;
        margin-top: 10px;
        margin-left: 0px;
    }    
}

/*
@media screen and (max-width: 1250px) {
    #top-embed-twitter {
        padding-top: calc(100% * 6.08 / 4);
    }
}

 @media screen and (max-width: 1100px) {
    #top-embed-twitter {
        padding-top: calc(100% * 6.3 / 4);
    }     
}
*/

@media screen and (max-width: 900px) {
    /* TOP SNS */
    #top-slide-sns {
        float: none;
        width: 100%;
        margin-right: 0px;
    }

    /* 左側　top-sns-out */
    #top-main-sns-out {
        float: none;
        margin-top: 40px;
    }

    /* 右側　TOP Twitter */
    #top-twitter-out {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    
    #top-embed-twitter {
        /*
        padding-top: 420px;
        */
        height: 420px;
        border: none;
        border-bottom: 1px solid rgb(207, 217, 222);
        border-top-left-radius: 0px;
    }
    
    /*
    #top-embed-twitter {
        height: 650px;
    }
    */
    
    /* SNS見出し */
    #top-youtube-title img {
        max-width: 146px;
    }
    
    #top-instagram-title img {
        max-width: 190px;
    }

    #top-tiktok-title img {
        max-width: 142px;
    }
    
    #top-twitter-title {
        padding-bottom: 0px;
    }

    #top-twitter-title img {
        max-width: 150px;
    }

    #everyone-sns-out h3 img {
        max-width: 235px;
    }
    
/* フッターインスタグラム */
    #everyone-sns-out {
        margin-top: 40px;
    }
    
    #everyone-sns-out #top-everyone-text {
        margin-top: 10px;
    }
}

@media screen and (max-width: 500px) {
    #top-sns-title {
        margin-top: 0px;   
    }   
    
    #top-sns-title img {
        max-width: 40px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 480px) {
    #top-sns-out {
        margin-top: 0px;
        padding-top: 5px;
    }
    
    #top-sns-title {
        margin-bottom: 10px;
    }
}

/*====================================================================
中ページ共通
====================================================================*/

.no-sidebar #second-main { /*　全幅テンプレート用css */
    width: 100%;
}

.second-out {
    margin-top: 30px;
    /*
    margin-bottom: 140px;
    */
}

#second-page-head {
    position: relative;
    height: 280px;
    width: 100%;
    overflow: hidden;
    background-repeat: no-repeat !important;
}

#second-page-head #wave02-out
{
    height: 100%;
}

#second-page-head #wave02-out .wave {
    position: relative;
    height: 100%;
}

#second-main {
    float: left;
    width: 72%;
}

#second-page-wrapper .big-title01 {
    margin-top: 0px;
}

.second-page-text01 {
    margin-bottom: 20px;
}

.indent-text {
    margin-top: 10px;
}

/* サイドメニュー */
#side-out {
/*stickyで固定*/
  position: -webkit-sticky;/*Safari*/
  position: sticky;
  /*固定したい位置*/
  top: 150px;
  width: 23%;
  float: right;
  margin-left: 5%;
}

#side-link-btn-out #side-logo {
    padding: 15px 5px 10px;
    /* グラデーション */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#006def+0,00a5e7+100 */
    background: #006def; /* Old browsers */
    background: -moz-linear-gradient(top,  #006def 0%, #00a5e7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #006def 0%,#00a5e7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #006def 0%,#00a5e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006def', endColorstr='#00a5e7',GradientType=0 ); /* IE6-9 */
}
    
#side-link-btn-out #side-logo {
    text-align: center;
}

#side-link-btn-out #side-logo img {
    max-width: 159px;
    /* ホバーゆっくり */
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#side-link-btn-out #side-logo img:hover {
    opacity: 0.9;
}

#sidebar-title {
    padding: 7px 5px 10px;
    letter-spacing: 0.08em;
    text-align: center;
    /* グラデーション */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0050e7+0,007ae1+100 */
    background: #0050e7; /* Old browsers */
    background: -moz-linear-gradient(top,  #0050e7 0%, #007ae1 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #0050e7 0%,#007ae1 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #0050e7 0%,#007ae1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0050e7', endColorstr='#007ae1',GradientType=0 ); /* IE6-9 */        
}

#sidebar-title a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 1.2em;
    font-family: "LogoTypeGothic",'Noto Sans JP', sans-serif; /* WEBフォントを指定 */
    font-weight: normal;
    text-decoration: none;
    color: white;
    /* ホバーゆっくり */
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#sidebar-title a:hover {
    opacity: 0.7;
}

#side-link-list li {
    background: #f9f9fb;
    border-top: 1px solid #a6c8ec;
    line-height: 1.4em;
    background: url("../images/common/arrow01.png") #f9f8fb no-repeat center right 10px / 17px auto;
    cursor: pointer;
    font-size: 1.1em;
    /* ホバーゆっくり */
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#side-link-list li:hover {
    background: url("../images/common/arrow01.png") #ebf4fd no-repeat center right 10px / 17px auto;
}

#side-link-list > *:first-child {
    border-top: none;
}

#side-link-list li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 14px 40px 16px 20px;
    color: black;
    text-decoration: none;
}

@media screen and (max-width: 1199px) {
    #second-main {
        width: 100% !important;
    }
    
    /* サイドメニュー */
    #side-out {
        /* 下記見える時用css */
        text-align: center;
        clear: both;
        position: static;
        float: none;
        width: 100%;
        padding-top: 80px;
        padding-bottom: 20px;
        margin-left: 0px;
    }
    
    #side-inner {
        display: inline-block;
        width: 100%;
    }
    
    #side-link-list li a {
        text-align: left;
    }
}

@media screen and (max-width: 1000px) {
    .mealtime-left {
        width: 77%;
        margin-right: 3%;
    }

    .mealtime-right {
        width: 20%;
    }
}

/*
@media screen and (max-width: 800px) {
    .second-out {
        margin-bottom: 80px;
    }   
}
*/

/* パンくず */
#breadcrumbs-out {
    margin-top: 10px;
    margin-bottom: 40px;
}

#breadcrumbs-out a {
    color: #0171f6 !important;
    text-decoration: none;
}

#breadcrumbs-out a:hover {
    text-decoration: underline;
}

/* パンくず改行を消す */
#breadcrumbs br {
	display: none;
}

@media screen and (max-width: 900px) {
    #second-page-head {
        height: 230px;
    } 
}

@media screen and (max-width: 767px) {
    #second-page-head {
        height: 180px;
    } 
}

@media screen and (max-width: 480px) {
    #second-page-head {
        height: 150px;
    }
    
    #side-inner {
        display: inline-block;
        min-width: 100%;
    }
}

/*====================================================================
中ページ Elementer用記述
====================================================================*/

/*** Elementer用記述 ***/
/* 大見出し01 */
.el-big-title01 {
    font-family: "LogoTypeGothic",'Noto Sans JP', sans-serif; /* WEBフォントを指定 */
    text-align: center;
    letter-spacing: 0.07em;
    font-size: 210%;
}

.el-big-title01 h2 {
    display: inline-block;
    font-weight: normal;
    line-height: 1.2em;
}

/* 中見出し01 */
.el-middle-title01 h3,.el-middle-title01 h4 {
    font-weight: normal;
    font-size: 150% !important;
    line-height: 1.2em;
}

.el-middle-title01 span { /* 強調テキストver用 */
    position: absolute;
    right: 10px;
    display: inline-block;
    line-height: 1.3em;
    padding: 6px 4px;
    font-size: 0.7em;
    color: #ff004c;
    outline: 1px solid #ff004c;
    background-color: white;
}

/* リンク付きタイトル */
.link-title h3 a:hover {
    text-decoration: underline;
}

.link-title h3 i {
    font-size: 80%;
    padding-left: 10px;
}

/* 中見出し02 */
.el-middle-title02 h3,.el-middle-title02 h4 {
    line-height: 1.2em;
}

/* 中見出し03 */
.el-middle-title03 {
    color: #0a6de2;
    font-size: 120%;
}

/* 小見出し01 */
.el-small-title01 {
    /*
    background: url("/cms/wp-content/uploads/2021/10/title-wave-line.png") no-repeat center; */
    bottom 5px / 101px 7px;
}

.el-small-title01 h3,.el-small-title01 h4,.el-small-title01 h5 {
    font-weight: normal;
    font-size: 140%;
    line-height: 1.2em;
}

/* インデントテキスト */
.el-indent-text01 {
    padding-left: 1em;
    text-indent: -1em;    
}

.el-indent-text02 a {
    display: inline-block;
    padding-left: 1em;
    text-indent: -1em;    
}

.el-indent-text03 {
    padding-left: 2.4em;
    text-indent: -2.4em;    
}

.indent-list01 li { /* ul想定のliインデント */
    padding-left: 1em;
    text-indent: -1em;  
}

/* 基本ボタン01 */
.el-basic-btn01 a {
    line-height: 1.2em;
    /*アニメーションの指定*/ 
    transition: all 1s ease-out;
    position: relative;
    z-index: 2;
    background: transparent !important;
}

.el-basic-btn01 a:before,
.el-basic-btn01 a:after
{
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
     /* 角丸 */
     border-radius:60px;
     -webkit-border-radius:60px;
     -moz-border-radius:60px;
}

.el-basic-btn01 a:before {
    transition: all 0.6s; /* アニメーション実行時間 */
    z-index: -1;
    /* グラデ */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00c2f6+0,0236f7+100 */
    background: rgb(0,194,246); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(0,194,246,1) 0%, rgba(2,54,247,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(0,194,246,1) 0%,rgba(2,54,247,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(0,194,246,1) 0%,rgba(2,54,247,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c2f6', endColorstr='#0236f7',GradientType=1 ); /* IE6-9 */
}

.el-basic-btn01 a:after {
    z-index: -2;
    /* グラデ */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0cfdff+0,136afe+100 */
    background: rgb(12,253,255); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(12,253,255,1) 0%, rgba(19,106,254,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(12,253,255,1) 0%,rgba(19,106,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(12,253,255,1) 0%,rgba(19,106,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0cfdff', endColorstr='#136afe',GradientType=1 ); /* IE6-9 */
}

.el-basic-btn01 a:hover::before {
    opacity: 0;
}

/* ギャラリースライダー  線が入るのが見た目があまりよくないので消す　*/
.elementor-image-gallery img {
    border: none !important;
}


/* テーブル01 */
.el-basic-table01 th,.el-basic-table01 div { /* 既存上書き */
    font-size: 1.2rem;
}

.el-basic-table01 th span {
    line-height: 1.3em;
}

.el-basic-table01 td {
    background: white !important;
}

.el-basic-table01 td div {
    line-height: 1.5em;
}

.el-basic-table01 th,.el-basic-table01 td {
    font-family: 'Noto Sans JP',"游ゴシック体", "游ゴシック", "YuGothic", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif !important;
}

/* firefoxのみ 文字が太くなるので変える */
@-moz-document url-prefix() {
    .el-basic-table01 th,.el-basic-table01 td {
        font-family: "Helvetica Neue",
        Arial,
        "Hiragino Kaku Gothic ProN",
        "Hiragino Sans",
        Meiryo,
        sans-serif !important;
    }
}

/* テーブル02 */
.el-basic-table02 th,.el-basic-table02 td {
    font-family: 'Noto Sans JP',"游ゴシック体", "游ゴシック", "YuGothic", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif !important;
}

/* firefoxのみ 文字が太くなるので変える */
@-moz-document url-prefix() {
    .el-basic-table02 th,.el-basic-table02 td {
        font-family: "Helvetica Neue",
        Arial,
        "Hiragino Kaku Gothic ProN",
        "Hiragino Sans",
        Meiryo,
        sans-serif !important;
    }
}

/* 疑似　table関連 */
.false-table th {
    display: none !important;
    border-left: 1px solid #D5E2F0;
}

/*
.el-basic-table01 .false-td {
    background: white !important;
    text-align: left !imporatnt;
    font-weight: normal;
}
*/

.false-table.el-basic-table01 tbody tr .false-th {
    font-weight: bold;
    background-color: rgb(235, 244, 255) !important;
    text-align: center !important;
}

/* 別カラー */
.table-back-color01 {
    background-color: #f7fbff !important;
}

.table-back-color02 {
    background-color: #deeeff !important;
}

/* 明るめ水色テーブル */
.color-lblue-table.false-table.el-basic-table01 tbody tr .false-th {
    background-color: #ebfbff !important;    
}

@keyframes fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* 誕生日用テーブル */
@media screen and (max-width: 767px) {
    .birth-table01 .false-th {
        width: 30%;
    }
}

/* リンク */
.page-link01 a:link {
    color:#0171f6 !important;
}

.page-link01 a:visited {
    color:#6501f6 !important;
}

.page-link01 a:hover {
    color:#4d9bf9 !important;
}

.page-link01 a:active {
    color:#0171f6 !important;
}

.page-link01 i {
    padding-left: 5px;
    color: #0171F6;
}

/* ページリンク */
.el-page-link01 a {
    text-decoration: underline !important;
}

.el-page-link01 a:hover {
    text-decoration: none !important;
}

.el-page-link02 a {
    display: inline-block;
    text-decoration: underline !important;
    line-height: 1.4em !important;
}

.el-page-link02 a:hover {
    text-decoration: none !important;
}

/* アイコンのみ付与 */
.basic-icon01 {
    padding-right: 5px;
    color: #26cfff;
}

/* アイコン付きリスト */
.icon-list01 {
    line-height: 1.8em;
}

.icon-list01 p {
    line-height: 1.4em;
}

.icon-list01 i {
    padding-right: 5px;
    color: #26cfff;
}

/* インデント付きアイコンリスト */
.arrow-icon-indent01 {
    padding-left:1.2em;
    background: url("../images/common/arrow04.png") no-repeat top 9px left / 10px auto;
}

.arrow-icon-indent01 p {
    line-height: 1.7em;
}

.arrow-icon-indent02 {
    padding-left:24px;
    background: url("../images/common/arrow04.png") no-repeat top 17px left / 14px auto;
}

.arrow-icon-indent02 p {
    line-height: 1.8em;
}

/* インデント付きアイコンリスト アイコン別　設定 */
/* 車 */
.shisetsu-car-icon {
    padding-left:2em;
    background: url("../images/eigyou/car-icon.png") no-repeat top 1px left / 26px auto;
}

/* バス */
.shisetsu-bus-icon {
    padding-left:2em;
    background: url("../images/eigyou/bus-icon.png") no-repeat top 1px left / 26px auto;
}

/* 電車 */
.shisetsu-train-icon {
    padding-left:2em;
    background: url("../images/eigyou/train_icon.png") no-repeat top 1px left / 26px auto;
}

/* 徒歩 */
.shisetsu-walk-icon {
    padding-left:2em;
    background: url("../images/eigyou/walk-icon.png") no-repeat top 1px left / 26px auto;
}

/* 施設ページ リンク */
.shisetsu-coupon01 a:hover {
    opacity: 0.7;
}

/* 補足説明枠 */
.hosoku01 h3 {
    margin-bottom: 10px;
}

/* スライド　画像共有ボタン非表示 */
.dialog-widget .eicon-share-arrow {
    display: none !important;
}

@media screen and (max-width: 1024px) {
    /* 大見出し01 */
    .el-big-title01 {
        font-size: 180%;
    }
}

@media screen and (max-width: 767px) {
    /* 大見出し01 */
    .el-big-title01 {
        font-size: 130%;
    }
    
    .el-big-title01 h2 {
        line-height: 1.2em;
    }
    
    /* 中見出し01 */
    .el-middle-title01 h3,.el-middle-title01 h4 {
        font-size: 110% !important;
    }
    
    /* 中見出し02 */
    .el-middle-title02 h3 {
        font-size: 140% !important;
    }
    
    .el-middle-title02 h4 {
        font-size: 110% !important;
    }
    
    /* 小見出し01 */
    .el-small-title01 h3,.el-small-title01 h4,.el-small-title01 h5 {
        font-weight: normal;
        font-size: 110%;
    }
    
    /* テーブル既存上書き */
    .eael-data-table .td-content {
        display: block !important;
    }
    
    /* テーブル01 */
    .el-basic-table01 th,.el-basic-table01 div {
        font-size: 1rem;
    }
    
    /* 基本ボタン01 */
    .el-basic-btn01 a {
        font-size: 95% !important;
    }
}
  
/*====================================================================
館内案内
====================================================================*/

/*** ラッコのお食事タイム ***/
.mealtime-left {
    float: left;
    width: 70%;
    margin-right: 10%;
}

.mealtime-right {
    float: left;
    width: 20%;
}

/*** レストラン・お土産もの ***/
.rest-business-hours-title span {
    font-size: 140% !important;
} 

@media screen and (max-width: 600px) {   
    .mealtime-left {
        float: none;
        width: 100%;
        margin-right: 0px;
    }

    .mealtime-right {
        float: left;
        width: 100%;
        margin-top: 20px;
    }
}

/*====================================================================
営業案内アクセス
====================================================================*/

/*** 団体プラン ***/
.change-img {
    cursor: pointer !important; 
}

.change-img .on-img {
    display: none;
}

.change-img:hover .on-img {
    display: inline;
}

.change-img:hover .off-img {
    display: none;
}

.dantai-plan-title span {
    padding-left: 10px;
    padding-right: 10px;
}

@media screen and (max-width: 900px) { 
    .dantai-plan-title span {
        position: static;
        margin-left: 10px;
        margin-top: 5px;
    }   
}

/*** 身体障害者施設の団体様　減免申請書のご案内 ***/
@media screen and (max-width: 767px) { 
    #genmen-title h2 {
        font-size: 120%;
    }
}

/*====================================================================
カレンダー
====================================================================*/
/* カレンダー用　一時スタイル */
.calendar-header-title {
    text-align: center;
    background: #0171f6;
    padding: 10px 10px 12px;
    font-size: 150%;
    letter-spacing: 0.15em;
    color: white;
}

.cal-heade-prev,
.cal-heade-next {
    position: relative;
    background-color: white;
    border: 1px solid #cccccc;
    color: black;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 20px;
    cursor: pointer;
}

.cal-heade-next {
    margin-left: 5px;
    padding: 5px 30px 5px 20px;
    float: right;
}
        
.cal-heade-next::before{
  position: absolute;
  content:"\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  top:50%;
  right:7%;
  transform:translatey(-50%);
}
        
.cal-heade-prev {
    margin-right: 5px;
    padding: 5px 20px 5px 30px;
    float: left;
}

.cal-heade-prev::before{
   position: absolute;
  content:"\f104";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  top:50%;
  left:7%;
  transform:translatey(-50%);           
}

.calendar-table {
    width: 100%;
    border-collapse: collapse;
}

.calendar-table td {
    position: relative;
    width: 13%;
    padding: 0px;
    border: 1px solid #cfcfcf;
    /* 隣接するborderを重ねる */
    border-collapse: collapse;
    /* firefox border消える現象対策 */
    background-clip: padding-box !important;
}

.calendar-table td .cal-td-inner {
    background: #ebfaff;
    height: 100%;
}

.calendar-table tbody tr {
    height: 100px;
}

tr:has(.event-title){
    height: auto !important;
    vertical-align: top;
}

.cal-day {
    position: absolute;
    top: 7px;
    left: 8px;
}

.calendar-table .event-title {
    /*
    word-break: break-all;
    */
    height: 100%;
    padding: 5px;
    min-height: 100px;
    font-size: 95%;
    line-height: 1.4em;
}

.calendar-table .event-t2,.calendar-table .event-t3,.calendar-table .event-t4,.calendar-table .event-t5 {
    min-height: auto !important;
}

/* 最初にくるイベントのみ　上にスペース空ける */
.calendar-table .event-t1 {
    padding-top: 44px !important;
}

/* 曜日カラー */
#cal-th-sat {
    color: #3e69b1;
}

#cal-th-sun {
    color: #cf0940;
}

/*
.weekday-sat {
    background: #ebf5fd;
}
*/

.weekday-sat .cal-day {
    color: #3e69b1;
}

/*
.weekday-sun {
    background: #fef0f4;
}
*/

.weekday-sun .cal-day {
    color: #cf0940;
}

.cal-no-day {
    background: #fbfbfb !important;
}

.cal-today .cal-day {
    background: #0171f6;
    border-radius: 80px;
    padding: 4px 6px;
    min-width: 34px;
    color: white;
    vertical-align: middle;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .calendar-table .cal-day-of-week {
        display: none;
    }
    
    .calendar-table .cal-day {
        font-size: 120%;
    }
}

@media screen and (max-width: 767px) {
    .calendar-header-title {
        padding: 5px;
        font-size: 120%;
    }
    
    .cal-heade-prev, .cal-heade-next {
        font-size: 12px;
    }
    
    .calendar-table thead {
        display: none;
    }
    
.calendar-table tbody tr {
    height: auto !important;
}
    
    .calendar-table td {
        display: block;
        width: 100%;
        height: 30px;
        font-size: 90% !important;
        min-height: 36px;
    }
    
td:has(.event-title){
    height: auto !important;
}
    
    .calendar-table .cal-no-day {
        display: none !important;
    }
    
    .cal-today .cal-day {
        line-height: 1.4em;
        padding: 2px 3px;
        top: 4px;
        left: 5px;
        min-width: 25px;
    }
    
    .cal-day {
        top: 3px;
    }
    
    .calendar-table .cal-day-of-week {
        position: absolute;
        top: 3px;
        left: 35px;
    }
    
    .calendar-table .event-t1 { 
        padding-top: 6px !important;
    }
    
.calendar-table .event-title {
    min-height: auto !important;
    padding-bottom: 8px;
    line-height: 1.5em;
    padding-left: 4.5em;
}
}

/*====================================================================
料金
====================================================================*/

.handicapped-price {
    font-size: 130%;
    font-weight: bold;
}

/*====================================================================
新着一覧（アーカイブ）
====================================================================*/

/* ヘッダー画像 */
/* 新着一覧（アーカイブ）ページのみ */
.topics-archive {
    background: url("/tobacms/wp-content/uploads/heder-penguin.jpg") center center;
    background-size: cover;
}

/* 大枠 */
#second-news-list-out {
    float: left;
    width: 73%;
    margin-right: 4%;
}

/* 新着リスト項目 */
#second-news-list-out .news-list-contents {
    border-bottom: 1px solid #b2b2b2;
    padding: 20px 20px 20px 0px;
}

#news-list-contents-out > *:first-child {
    border-top: 1px solid #b2b2b2;
}
    
#second-news-list-out .date-category {
    margin-top: 10px;
}
    
.date-category .date {
    display: inline-block;
    min-width: 5.5em;
}
    
/* 切り替えボタン */
#switching-btn {
    display: table;
    width: 100%;
    font-size: 100%;
}    
    
#switching-btn li {
    display: table-cell;
    width: 50%;
    color: white;
    text-align: center;
    background: #1b3e80;
    padding: 12px 5px;
    vertical-align: middle;
    cursor: pointer;
}
    
#switching-btn li.active {
    background: #f9f8fb;
}
    
#switching-btn li.active span {
    display: inline-block;
    line-height: 1.2em;
    padding: 5px 15px 7px;
    /* 角丸 */
    border-radius:30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
}
    
#switching-event-btn.active span {
    /* グラデ */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00bc33+0,c7e93a+100 */
    background: #00bc33; /* Old browsers */
    background: -moz-linear-gradient(top,  #00bc33 0%, #c7e93a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #00bc33 0%,#c7e93a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #00bc33 0%,#c7e93a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bc33', endColorstr='#c7e93a',GradientType=0 ); /* IE6-9 */
}
    
#switching-news-all-btn.active span {
    /* グラデ */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0235f7+0,00adf6+100 */
    background: #0235f7; /* Old browsers */
    background: -moz-linear-gradient(top,  #0235f7 0%, #00adf6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #0235f7 0%,#00adf6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #0235f7 0%,#00adf6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0235f7', endColorstr='#00adf6',GradientType=0 ); /* IE6-9 */
}
    
/* サイドメニューイベント新着タブ切り替え関連 */
#news-list-side ul {
    display: none;
    opacity: 0;

    &.show {
        display: block;
        animation-name: fade-in;
        animation-duration: .5s;
    }
}
    
#news-list-side ul.show {
    display: block;
    opacity: 1;
    animation-name: fade-in;
    animation-duration: .5s;
}

/* 改行なし */
#news-list-side br {
    display: none;
}
    
/* サイドニュースリスト */
#news-list-side {
    background: #f9f8fb;
}
    
#news-list-side li {
    border-top: 1px solid #006de3;
    padding: 15px 25px 20px 20px;
    background: url(../images/common/arrow03.png) no-repeat center right 12px / 10px auto;
}
    
#news-list-side ul li:first-child {
    border-top: none;
}

#news-list-side li p a {
    display: inline-block;
    text-decoration: none;
    line-height: 1.3em;
}
    
#news-list-side li p a:hover {
    text-decoration: underline;
}

.news-list-side-out .category-icon {
    display: inline-block !important;
    font-size: 70%;
    margin: 5px 5px 5px auto;
    line-height: 1.7em;
}
    
 .news-list-side-out .date-category {
     font-size: 100%;
 }
    
.news-list-side-out .category-icon .category-icon-inner a {
    min-width: auto;
    padding: 1px 10px;
}
    
/* 見出し */
#second-news-list-out .news-list-title a {
    color: #0171f6;
    text-decoration: none;
    text-align: left;
}
    
#second-news-list-out .news-list-title a:visited {
    color:#6501f6;
}
    
#second-news-list-out .news-list-title a:hover {
    text-decoration: underline;
}
    
/* 新着テキスト */
.news-list-text {
    margin-top: 10px;
}
    
/* 過去の記事 */
#past-news-list {
    background: #f9f8fb !important;
    border-top: none !important;
    padding: 15px 0px !important;
}
    
.past-side-news-title {
    color: white;
    background: #2b65a3;
    font-weight: normal;
    text-align: center;
    padding: 2px 5px 4px;
}

#past-news-list select {
    font-size: 90%;
}
    
/* セレクトボックス */
.select-box01 {
    overflow: hidden;
    margin: 15px 20px 0px;
    text-align: center;
}
.select-box01 select {
    width: 100%;
    padding-right: 1em;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}
.select-box01 select::-ms-expand {
    display: none;
}
.select-box01 {
    position: relative;
    border: 1px solid #bbbbbb;
    border-radius: 2px;
    background: #ffffff;
}
.select-box01::before {
    position: absolute;
    top: 0.8em;
    right: 0.9em;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #666666;
    pointer-events: none;
}
.select-box01 select {
    padding: 8px 38px 8px 8px;
    color: #666666;
}

/* カテゴリアイコン */
/*
#second-news-list-out .category-icon {
    display: inline-block !important;
    font-size: 70%;
    margin: 5px 5px 5px auto;
    line-height: 1.5em;
}
    
#second-news-list-out .category-icon .category-icon-inner a {
    min-width: auto;
    padding: 3px 10px 4px;
}
*/
    
/* サイドメニュー　イベント・新着用 */
.news-list-side-out {
    float: right;
    width: 23%;
    /* スクロール固定 
    position: -webkit-sticky;/*Safari*/
    position: sticky;
    /*固定したい位置*/
    top: 176px;
}
    
/* ページャー */
.pager-out-kotei {
    padding-top: 40px;
    text-align: center;
}

.pager-out-kotei a {
    text-decoration: none;
    display: inline-block;
    color: white;
    padding: 5px 12px;
    background: #1b3e80;
}

.pager-out-kotei a:hover {
    opacity: 0.8;
    cursor: pointer;
}

.pager-out-kotei .current {
    display: inline-block;
    background: #1faff2;
    color: white;
    padding: 5px 12px;
}

.pager-out-kotei .current:hover {
    opacity: 1;
    cursor: default;
}

@media screen and (max-width: 1400px) {
    #second-news-list-out {
        width: 66%;
    }
    
    .news-list-side-out {
        width: 30%;
    }
}

@media screen and (max-width: 1100px) {
    #second-news-list-out {
        width: 63%;
    }
    
    .news-list-side-out {
        width: 33%;
    }    
}

@media screen and (max-width: 1000px) {
    #second-news-list-out {
        float: none;
        width: 100%;
        margin-right: 0px;
    }
    
    .news-list-side-out {
        float: none;
        width: 100%;
        margin-top: 60px;
    }
}

@media screen and (max-width: 350px) {
    #switching-btn {
        font-size: 90%;
    }
    
}

/*====================================================================
新着詳細
====================================================================*/

/* ヘッダー画像 */
/* 投稿ページのみ */
.topics-single {
    background: url("/tobacms/wp-content/uploads/heder-penguin.jpg") center center;
    background-size: cover;
}

/* 見出し */    
#news-detail-wrapper .big-title01 {
    font-size: 155%;
}

/* 日付とSNS */
#news-detail-wrapper #date-sns-out {
    margin-bottom: 30px;
    border-bottom: 1px solid #a4a4a4;
    padding-bottom: 10px;
}

#date-sns-out #news-detail-date {
    float: left;
    font-size: 95%;
}
    
#date-sns-out #sns-share {
    float: right;
}

/* Xポストボタン */
#x-post-btn img {
    max-width: 108px;
}
         
/* 記事詳細ボタン */
.pager-out-kiji {
text-align: center;
padding-top: 80px;
}

.pager-out-kiji a {
    display: block;
    text-decoration: none;
    border: 1px solid #0171f6;
    margin: 5px;
    padding: 9px 39px;
    color: black;
    /* 角丸 */
    border-radius:60px;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    /* ホバーゆっくり */
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    -ms-transition-duration:0.5s; 
}

.pager-out-kiji p {
    display: inline-block;
    margin-bottom: 10px;
}
            
.back-kiji-btn a {
    background: url("../images/news/news-arrow01-left.png") no-repeat left 30px center / 9px 14px;
    padding: 10px 40px 10px 55px;
}
            
.back-kiji-btn a:hover {
    background: url("../images/news/news-arrow01-left-w.png") no-repeat left 12px center / 9px 14px #0171f6;
    color: white;
}
            
.next-kiji-btn a {
    background: url("../images/news/news-arrow01-right.png") no-repeat right 30px center / 9px 14px;
    padding: 10px 55px 10px 40px;
}
            
.next-kiji-btn a:hover {
    background: url("../images/news/news-arrow01-right-w.png") no-repeat right 12px center / 9px 14px #0171f6;
    color: white;
}
            
.list-kiji-btn a:hover {
    background: #0171f6;
    color: white;    
}

.list-kiji-btn a {
    background: url("../images/news/news-back-icon-w.png") no-repeat right 15px center / 15px 13px;
}

.list-kiji-btn a:hover {
    background: url("../images/news/news-back-icon-w.png") no-repeat right 15px center / 15px 13px #0171f6;
    color: white;
    padding: 10px 45px 10px 40px;
}

@media screen and (max-width:900px) { 
        #news-detail-wrapper .big-title01 {
            font-size: 110%;
        }            
}
            
@media screen and (max-width:767px) {    
    .pager-out-kiji p {
        display: block;
        max-width: 320px;
        margin: 0px auto 10px;
    }
}

/*====================================================================
検索ページ
====================================================================*/

#search-wrapper #second-news-list-out {
    float: none;
    width: 100%;
    margin-right: 0px;
}

#no-key-word {
    text-align: center;
}

#no-key-word span {
    display: inline-block;
    text-align: left;
}

#search-result-text {
    margin-bottom: 20px;
}

/* ヘッダー画像 */
/* 投稿ページのみ */
.search-page {
    background: url("/tobacms/wp-content/uploads/1-3.jpg") center center;
    background-size: cover;
}

/*====================================================================
学校向けページ
====================================================================*/

/*** 学生団体料金 ***/
.dantai-table {
    border-bottom: 1px solid #D5E2F0;
}

/*** 学習プログラム ***/
.program-table .false-th {
    width: 22%;
}

/*** 昼食ページ ***/
.lunch-table .false-th {
    width: 25%;
}

/* お得クーポン */
.coupon-table01 th,.coupon-table01 td {
    padding: 8px 10px !important;
}

.coupon-table02 th,.coupon-table02 td {
    padding: 15px 20px !important;
}

/* よくある質問 */
body #wpsm_accordion_15002 .ac_title_class,
body #wpsm_accordion_15002 .wpsm_panel-body {
font-family: 'Noto Sans JP',"游ゴシック体", "游ゴシック", "YuGothic", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif !important;
}

@-moz-document url-prefix() {
body #wpsm_accordion_15002 .ac_title_class,
body #wpsm_accordion_15002 .wpsm_panel-body {
      font-family: "Helvetica Neue",
        Arial,
        "Hiragino Kaku Gothic ProN",
        "Hiragino Sans",
        Meiryo,
        sans-serif !important;
    }
}

@media screen and (min-width:768px) { 
    /* 団体料金テーブル */
    #dantai-ryokin-table-out {
        border-left: 1px solid #D5E2F0;
    }

    .dantai-ryokin-table th,
    .dantai-ryokin-table td {
        border-left: none !important;
    }
}

@media screen and (max-width:1280px) { 
    #lunch-title span {
        position: static;
        margin-top: 5px;
        margin-left: 15px;
    }
}

@media screen and (max-width:767px) { 
    /* 団体料金テーブル */
    #dantai-ryokin-table-out {
        border-bottom: 1px solid #D5E2F0;
    }
    
    #dantai-ryokin-table-out .eael-data-table-wrap {
        padding-bottom: 0px;
    }
    
    #dantai-ryokin-table-out .eael-data-table-wrap {
        overflow-x: hidden !important; 
    }
    
    .dantai-ryokin-table table {
        display: flex;
    }
    
    .dantai-ryokin-table thead {
        display: block;
        width: 36%;
    }
    
    .dantai-ryokin-table tbody {
        display: block;
        width: 64%;
    }
    
    .dantai-ryokin-table tr
    {
        display: table;
        width: 100%;
        height: 100%;
        overflow: hidden;
        vertical-align: middle;
    }
    
    .dantai-ryokin-table th,
    .dantai-ryokin-table td {
        display: table-cell;
        border-bottom: none !important;
    }
    
    .dantai-ryokin-table th {
        padding-left: 5px !important;
        padding-right: 5px !important;
        border-right: none !important;
    }
    
    .dantai-ryokin-table td {
        border-left: none;
    }
    
    .dantai-table th {
        width: 20% !important;
    }    
}

@media screen and (max-width:480px) { 
    #lunch-title span {
        display: block;
        margin-left: 0px;
    }
}




/*====================================================================
サイトマップ
====================================================================*/

#sitemap-link-out .children li  { /* add-style　記述 上書き用 */
    display: block !important;
}

#sitemap-link-out ul {
    display: flex; /* 並べ変えも別でできる用　デフォルトだとメニュー順 flex指定 */
    flex-wrap: wrap;
}

/* 特定ページ非表示 */
#sitemap-link-out ul .sitemap {
    display: none;
}

/* 並べ替え
.school {
    order: -5;
}
*/

#sitemap-link-out ul li {
    width: 47%;
    margin-right: 3%;
    /*
    width: 47%;
    margin-right: 3%;
    margin-bottom: 20px;
    */
}

#sitemap-link-out ul li a {
    display: table;
    width: 100%;
    font-size: 120%;
    padding: 10px 40px 10px 15px;
    color: white;  
    margin: 10px 0px;
    text-decoration: none;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0171f6+0,08cedf+100 */
    background: #0171f6; /* Old browsers */
    background: url("../images/sitemap/site-map-arrow01.png") no-repeat center right 10px / 26px auto, -moz-linear-gradient(left,  #0171f6 0%, #08cedf 100%); /* FF3.6-15 */
    background: url("../images/sitemap/site-map-arrow01.png") no-repeat center right 10px / 26px auto, -webkit-linear-gradient(left,  #0171f6 0%,#08cedf 100%); /* Chrome10-25,Safari5.1-6 */
    background: url("../images/sitemap/site-map-arrow01.png") no-repeat center right 10px / 26px auto, linear-gradient(to right,  #0171f6 0%,#08cedf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0171f6', endColorstr='#08cedf',GradientType=1 ); /* IE6-9 */
}

#sitemap-link-out ul li a:hover {
    text-decoration: underline;
}

#sitemap-link-out ul li a i {
    display: none;
}

#sitemap-link-out .children {
    margin-bottom: 20px;
}

#sitemap-link-out .children .children {
    margin-bottom: 0px;
}

#sitemap-link-out .children li {
    display: block !important;
    float: none !important;
    width: 100% !important;
    margin: 0px !important;
}

#sitemap-link-out .children .page_item a {
    display: inline !important;
    background: none !important;
    color: #0171f6 !important;
    font-size: 100%;
    margin: 0px !important;
}

#sitemap-link-out .children .page_item a:visited {
    color:#6501f6 !important;
}

#sitemap-link-out .children .page_item a:visited {
    color:#6501f6 !important;
}

#sitemap-link-out .children .page_item a:active {
    color:#0171f6 !important;
}

#sitemap-link-out .children .page_item a:hover {
    color: #4d9bf9 !important;
    text-decoration: underline;
}

#sitemap-link-out .children .page_item a i {
    display: inline;
    padding-right: 5px;
}

/*
#sitemap-link-out .page_item_has_children a {
    display: block;
    background: #0171f6;
    padding: 5px 15px;
    color: white;
}
*/

#sitemap-link-out .children .page_item_has_children {
    width: 100%;
    margin-bottom: 0px;
}

#sitemap-link-out .page_item_has_children .children a {
    display: inline;
    background: none;
    color: #0171f6;
    padding: 0px;
}

#sitemap-link-out .page_item_has_children .children .page_item_has_children  {
    margin-bottom: 0px;
}

@media screen and (max-width:800px) { 
    #sitemap-link-out ul {
        display: block;
    }
    

    #sitemap-link-out ul li {
        width: 100%;
        margin-right: 0px;
        /*
        width: 47%;
        margin-right: 3%;
        margin-bottom: 20px;
        */
    }
    
    #sitemap-link-out ul li a {
        margin-bottom: 20px;
    }
}

/*====================================================================
体験プログラム
====================================================================*/

#taiken01-table tbody tr td {
    padding: 13px 15px;
}

#taiken01-table .false-th {
    width: 18%;
    padding: 12px 15px;
}

#taiken02-table tbody tr td {
    padding: 21px 15px;
}

#taiken02-table .false-th {
    width: 18%;
    padding: 21px 15px;
}

#taiken01-table tbody tr td div,
#taiken01-table tbody tr .false-th div,
#taiken02-table tbody tr td div,
#taiken02-table tbody tr .false-th div
{
    font-size: 110%;
}

.ribbon01 {
  display: inline-block;
  position: relative;
  height: 34px;/*リボンの高さ*/
  line-height: 34px;/*リボンの高さ*/
  text-align: center;
  padding: 0 30px;/*横の大きさ*/
  font-size: 18px;/*文字の大きさ*/
  background: #003366;/*塗りつぶし色*/
  color: #FFF;/*文字色*/
  box-sizing: border-box;
}

.ribbon01:before, .ribbon01:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.ribbon01:before {
  top: 0;
  left: 0;
  border-width: 18px 0px 18px 15px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}

.ribbon01:after {
  top: 0;
  right: 0;
  border-width: 18px 15px 18px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}

.event-cal-title01 {
    font-size: 120%;
}

@media screen and (max-width:767px) { 
    #taiken01-table .false-th,#taiken02-table .false-th {
        width: 35%;
    }    
}

/*====================================================================
イベント情報
====================================================================*/

/* ヘッダー画像 */
/* 一覧ページ */
.event-archive {
    background: url("/tobacms/wp-content/uploads/header-show03.jpg") center center;
    background-size: cover;
}

/* イベント投稿ページ */
.event-single {
    background: url("/tobacms/wp-content/uploads/header-show03.jpg") center center;
    background-size: cover;
}


/*** イベント一覧ページ ***/

.works-item {
    display: block;
    text-decoration: none;
    /* ホバーゆっくり */
    -moz-transition-duration:0.3s;
    -webkit-transition-duration:0.3s;
    -o-transition-duration:0.3s;
    -ms-transition-duration:0.3s;
}
    
.works-item:hover .thumbnails-background {
    opacity: 0.8;
}

.works-item:hover .event-arrow02 {
    opacity: 0.8;
}

/*
.works-item:hover .event-page-title {
    opacity: 0.8;
}
*/

.thumbnails-background {
  position: relative;
  display: block;
  width: 100%;
  height: 210px;
  background-position: center center;
  background-size: cover;
  text-decoration: none;
}

/* 終了イベントのサムネイルに薄く色を被せる
#end-event-out .thumbnails-background::before {
    position: absolute;
    z-index: 2;
    content: "";
	display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
}
*/

.thumbnails-background:hover {
    text-decoration: none;
}

.end-event-obi {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    max-width: 126px;
}

.event-list-item {
    position: relative;
    border: 1px solid #9a9a9a;
    margin-bottom: 40px;
    background: white;
}
    
.event-list-inner {
    padding: 10px;
}
    
.thumbnail-out {
    float: left;
    width: 22%;
}

.event-page-title {
    float: left;
    width: 58%;
    margin-top: 35px;
    margin-left: 5%;
    margin-right: 15%;
	padding-left:1em;
	text-indent:-1em;
    /* 複数行で３点リーダーにする */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.event-arrow01 {
    max-width: 12px;
    margin-right: 3px;
    vertical-align: middle;
}
    
.event-arrow02 {
    position: absolute;
    z-index: 2;
    bottom: 10px;
    right: 10px;
    max-width: 28px;
}

.event-date {
    position: absolute;
    z-index: 4;
    left: 0px;
    bottom: 20px;
    display: inline-block;
    padding: 5px 20px;
    color: white;
    text-decoration: none;
    background: #0171f6;
}
    
.event-date-inner {
    display: inline-block;
    /*
    padding-left:2.1em;
    text-indent:-2.1em;
    */
}
    
.calender-icon {
    max-width: 22px;
    margin-right: 10px;
    margin-bottom: 3px;
}


.status-icon {
    position: absolute;
    z-index: 3;
    right: 10px;
    top: 10px;
    padding: 3px 32px;
    font-weight: bold;
}
    
/* ステータスアイコンカラー設定 */
.status-icon.being {
    border: 2px solid #f93f7a;
    color: #f93f7a;
}
    
.status-icon.soon {
    border: 2px solid #f9a83f;
    color: #f9a83f;
}
    
/* 点滅しながら色変えcss */
.works-item:hover .status-icon.being {
  opacity: 1;
  background: #f93f7a;
  color: white;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: flash;
  animation-duration: 1s;
  animation-name: flash01;
}
    
.works-item:hover .status-icon.soon {
  opacity: 1;
  background: #f9a83f;
  color: white;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: flash;
  animation-duration: 1s;
  animation-name: flash02;
}
@-webkit-keyframes flash01 {
  0% {
    opacity: .2;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash02 {
  0% {
    opacity: .2;
  }
  100% {
    opacity: 1;
  }
}
    
.start-event-text {
    display: inline-block;
    /*
    padding-left: 34px;
    */
}

/* ボタン　*/
#end-event-btn i {
    margin-left: 10px;
}

/*** イベント詳細ページ ***/
#end-event-notice {
    margin-bottom: 20px;
}

#end-event-notice span {
    font-size: 70%;
    display: inline-block;
    line-height: 1.5em;
    padding: 5px 20px 7px;
    color: #ff0000;
    border: 1px solid #ff0000;
}

#event-page-date {
    display: inline-block;
}

#event-page-date .event-date {
    display: inline-block;
    position: relative !important;
    bottom: 10px;
    top: auto !important;
}

/* プレゼント賞 */
.syo-waku .syo-title h4 {
    font-weight: normal;
}

.syo-out {
    text-align: center;
}

.syo {
    display: inline-block;
    font-weight: bold;
}

.syo-out li {
    text-align: left;
    margin-bottom: 5px;
}

.syo-out #a-syo {
    color:red;
}

.syo-out #b-syo {
    color:blue;
}

.syo-out #c-syo {
    color:#fce702;
}

.syo-out #d-syo {
    color:forestgreen;
}

@media screen and (max-width: 550px) {
    #event-page-date {
        display: block;
        text-align: center;
    }    
}
    
@media screen and (max-width: 1400px) {
    .thumbnail-out {
        width: 27%;
    }

    .event-page-title {
        width: 48%;
        margin-left: 3%;
        /*
        margin-top: 35px;
        */
        margin-right: 22%;
    }    
}
    
@media screen and (max-width: 1000px) {
    .status-icon {
        font-size: 90%;
        padding: 3px 25px;
    }
    
    .thumbnail-out {
        width: 35%;
    }
    
    .thumbnails-background {
      height: 23vw;
    }

    .event-page-title {
        width: 60%;
        margin-top: 45px;
        margin-right: 2%;
    }
    
    .event-date {
        bottom: 15px;
    }
}

@media screen and (max-width: 768px) {
    .status-icon {
        top: 11px;
        right: 20px;
        font-size: 80%;
        padding: 2px 15px;
    }
    
    .thumbnails-background {
      width: 100%;
      height: 57vw;
    }
    
    .thumbnail-out {
        float: none;
        width: 100%;
    }
    
    .event-list-inner {
        padding: 57px 20px 20px 20px;
    }
    
    #end-event-out .event-list-inner {
        padding-top: 20px !important; /* 終了イベントのみ上を詰める */
    }

    .event-page-title {
        float: none;
        width: 100%;
        margin-top: 10px;
        margin-left: 0px;
        margin-right: 0px;
        padding-bottom: 50px;
        /* 複数行で３点リーダーにするを初期化 */
        display: block;
        -webkit-box-orient: inline-axis;
        -webkit-line-clamp: none;
        overflow: none;
    }
    
    #end-event-out .event-date {
        top: 52vw;
    }
    
    .event-date {
        top: 58vw;
        bottom: auto;
    }
    
    .event-arrow02 {
        bottom: 20px;
        right: 20px;
    }
}
    
@media screen and (max-width: 550px) {
    .event-list-inner {
        padding: 57px 15px 15px 15px;
    }
    
    .status-icon {
        right: 15px;
    }
    
    .event-arrow02 {
        right: 15px;
        bottom: 15px;
    }
    
    .end-event-text {
        display: block;
        padding-left: 2.3em;
    }
    
    #event-page-date .end-event-text {
        text-align: left;
    }    
    
    .event-date {
        display: block;
        top: 60vw;
    }
    
    .event-page-title {
        margin-top: 45px;
    }
    
    #end-event-out .event-page-title { /* 終了イベントのみ調整 */
        margin-top: 40px;
    }
}
    
@media screen and (max-width: 480px) {
    .event-date {
        top: 68vw;
    }
    
    .event-page-title {
        margin-top: 65px;
    }
    
    #end-event-btn a {
        font-size: 100%;
        padding-right: 15px;
        padding-left: 25px;
    }
}
    
@media screen and (max-width: 380px) {   
    .event-date {
        padding: 5px 10px 5px 15px;
    }
}

/*** イベント詳細ページ ***/
.event-page-wrapper #second-news-list-out {
    float: none;
    width: 100%;
    margin-right: 0px;
}

/* イベント期間　ショートコード用 */
.shortcode-event-period {
    font-size: 150%;
    font-weight: 700;
    line-height: 1.2em;
}

@media screen and (max-width: 767px) {   
    .shortcode-event-period {
        font-size: 120%;
    }
}

/*====================================================================
WEBチケット　ポップアップ関連
====================================================================*/

/*　外枠 */
#webticket {
    padding: 20px;
    min-width: 740px;
}

/* 枠 */
#webticket-contents-out {
    padding: 20px 20px 30px 20px;
    background-color: white;
}

/* 見出し */
#webticket-poput-title {
    text-align: center;
    font-family: "LogoTypeGothic",'Noto Sans JP', sans-serif; /* WEBフォントを指定 */
    color: white;
    text-align: center;
    letter-spacing: 0.07em;
    margin-bottom: 0px;
    font-size: 160%;
    padding: 8px 15px 12px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0235f7+0,00c2f6+0,0235f7+100 */
    background: #0235f7; /* Old browsers */
    background: -moz-linear-gradient(top,  #0235f7 0%, #00c2f6 0%, #0235f7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #0235f7 0%,#00c2f6 0%,#0235f7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #0235f7 0%,#00c2f6 0%,#0235f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0235f7', endColorstr='#0235f7',GradientType=0 ); /* IE6-9 */    
}

#webticket-poput-title span {
    display: inline-block;
    text-align: left;
    font-weight: normal;
    padding-left: 65px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: url("../images/webticket/webticket-icon01.png") no-repeat top left;
    background-size: 60px auto;
}

/* テキスト */
#webticket-popup-text {
    font-size: 1.3em;
    text-align: center;
}

#webticket-popup-text span {
    display: inline-block;
    text-align: left;
}

/* ボタン部分 */
#webticlet-btn-out {
    text-align: center;
    margin-top: 20px;
}

#webticlet-btn-out .basic-btn01 a {
    padding: 10px 70px 15px;
}

#webticlet-btn-out .basic-btn01,webticlet-btn-out .basic-btn02 {
    margin-right: 5px;
    margin-left: 5px;
}

#webticlet-btn-out .basic-btn01,#webticlet-btn-out .basic-btn02 {
    display: inline-block;
}

/* 既存 変更上書き 


頭に指定ID付き */
#pum-17563 .pum-container.pum-responsive {
    width: 45% !important;
}

html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] {
    padding-right: 0px !important;
}

#popmake-17563.pum-container,#popmake-17563.pum-container {
    padding: 0px !important;
    border: none !important;
    box-shadow: none !important;
}

/* 通常の見出しは非表示 */
#pum-17563 .pum-title {
    display: none;
}

@media screen and (max-width: 1024px) { 
    #pum-17563 .pum-container.pum-responsive {
        width: 90% !important;
    }
}

@media screen and (max-width: 767px) {
    #webticket {
        min-width: auto;
    }    
    
    #webticket-contents-out {
        padding: 20px 20px 40px 20px;
        margin-top: 0px;
    }
    
    #webticket-poput-title {
        font-size: 135%;
    }
    
    #webticket-poput-title span {
        padding-left: 54px;
        background: url("../images/webticket/webticket-icon01.png") no-repeat center left;
        background-size: 46px auto;
    }
    
    #webticket-popup-text {
        font-size: 1.1em;
    }
    
    /* ボタン */
    #webticlet-btn-out {
        margin-top: 0px;
    }
    
    #webticlet-btn-out .basic-btn01,webticlet-btn-out .basic-btn02 {
        margin-right: 5px;
        margin-left: 5px;
    }

    #webticlet-btn-out .basic-btn01,#webticlet-btn-out .basic-btn02 {
        display: block;
    }
    
    #webticlet-btn-out .basic-btn02 {
        margin-top: 20px;
    }
}

@media screen and (max-width: 480px) {
    #webticket-popup-text br {
        display: none;
    }
}

/*====================================================================
お問い合わせフォーム
====================================================================*/

/* 直接メール注意書き画像 */
.mail-file-cation {
    margin-bottom: 20px;
    text-align: center;
}

.mail-file-cation-sub-text {
    margin-bottom: 10px;
}

#form-file-cation-text-sp {
    display: none;
}

@media screen and (max-width: 767px) {
    /* 直接メール注意書き画像 */
    #form-file-cation-text-pc {
        display: none;
    }
    
    #form-file-cation-text-sp {
        display: inline;
        max-width: 60vw;
    }
}

@media screen and (max-width: 600px) {
    /* 直接メール注意書き画像 */
    #form-file-cation-text-sp {
        display: inline;
        max-width: 70vw;
    }
}

@media screen and (max-width: 450px) {
    /* 直接メール注意書き画像 */
    #form-file-cation-text-sp {
        display: inline;
        max-width: none;
    }    
}

/* 添付ファイル名　注意書き */
.tenpu-cation {
    color: #cc0000;
    font-size: 90%;
    text-align: left;
    line-height: 1.3em;
    padding-top: 10px;
	padding-left:1em;
	text-indent:-1em;
}

/* フォームテーブル調整 */
.form-table tr {
    min-height: 68px;
}

.form-table th {
    width: 27%;
}

.form-table td {
    padding-top: 20px;
    padding-bottom: 20px;
}

/* フォーム中身調整 */
.form-table textarea {
    display: block;
    width: 100%;
}

.form-table input[type="text"]:not(#age):not(.zipcode):not(.tel):not(.fax) {
    width: 100%;
}

.form-table input[type="email"] {
    width: 100%;
}

/* ボタン */
.form-btn-out {
    text-align: center;
    margin-top: 30px;
}

.form-btn-out button {
    display: inline-block;
}

.form-btn-out button[name="submitBack"] {
    color: #0171f6;
    border: 1px solid #0171f6;
    background: none;
    text-decoration: none;
    padding: 5px 30px;
    margin-top: 20px;
}

.form-btn-out button[name="submitBack"]:hover {
    opacity: 0.6;
}

.mw_wp_form [type=submit] {
	line-height: 2em; /* ボタンの縦幅の高さ */
    font-size: 16px;
    padding: 5px 30px;
	color: white; /* ボタンのテキストの色 */
    border: none;
    letter-spacing: 0.1em;
    cursor: pointer;
	/* 角丸 */
     border-radius:30px;
     -webkit-border-radius:30px;
     -moz-border-radius:30px;
    /* ホバーゆっくり */
    -moz-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    -ms-transition-duration:0.5s;
    /* グラデ */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00c2f6+0,0236f7+100 */
    background: rgb(0,194,246); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(0,194,246,1) 0%, rgba(2,54,247,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(0,194,246,1) 0%,rgba(2,54,247,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(0,194,246,1) 0%,rgba(2,54,247,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c2f6', endColorstr='#0236f7',GradientType=1 ); /* IE6-9 */
}

.mw_wp_form [type=submit]:hover {
    opacity: 0.8;
}

/* 注意書き */
#form-cation {
    margin-top: 50px;
}

/* 規約 */
#form-private-info-waku {
    height: 250px;
    margin-bottom: 25px;
    padding: 20px;
    overflow-y: scroll;
    border: 1px solid #cccccc;
}

#form-private-info-waku h3 {
    text-align: center;
    margin-bottom: 20px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#form-private-info-waku h3 span {
    display: inline-block;
    padding-left: 25px;
    background: url("../images/contact/user-icon.png")  no-repeat top 6px left / 16px auto;
}

#form-private-info-waku h4 {
    border-bottom: 1px solid #c3c3c3;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 1.1em;
    text-align: center;
    line-height: 1.3em;
    margin-top: 25px;
    margin-bottom: 20px;
    padding-bottom: 8px;
}

#contact-madoguti #madoguti-text {
    margin-top: 15px;
    display: inline-block;
    line-height: 1.8em;
}

/* 同意する */
#form-agree-text {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.mw_wp_form_confirm #form-agree-text {
    text-align: left; /* 確認ページでは左揃え */
}

/* エラーテキスト */
#form-error-text {
    display: block;
    color: #B70000;
    margin-bottom: 10px;
}

/*** 確認ページ ***/
.contact .mw_wp_form_confirm .form-table td {
    min-height: 50px !important;
}

/*** サンクスページ ***/
#contact-thanks-text {
    margin-top: 60px;
}

#contact-home-back-btn {
    margin-top: 40px;
}

@media screen and (max-width: 767px) {
    .form-table {
        display: block;
        width: 100%;
    }
    
    .form-table.table01 th,
    .form-table.table01 td {
        display: block;
        width: 100%;
        border-right: 0px;
    }
    
    .form-table td {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    /* 電話番号　FAX */
    .form-table .tel,.form-table .fax {
        width: 28% !important;
    }
    
    /* お問い合わせTOPボタン */
    .contact-select-btn {
        padding-left: 15vw;
        padding-right: 15vw;
    }
    
    .contact-select-btn .el-basic-btn01 a {
        width: 100%;
    }
}

@media screen and (max-width: 550px) {
    .contact-select-btn {
        padding-left: 0px;
        padding-right: 0px;
    }    
}

/*ーーーーーーーーーーーーーーーー*/
/*　　MW WP Formカスタマイズ　　*/
/*ーーーーーーーーーーーーーーーー*/

.mw_wp_form input[type="email"],
.mw_wp_form input[type="tel"],
.mw_wp_form input[type="text"],
.mw_wp_form textarea {
    padding: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
    font-size: 16px;
    border: 1px solid #ccc;
}

.mw_wp_form select {
    display: block;
    position: relative;
    width: 80%;
    height: 38px;
    font-size: 16px;
    font-size: 0.9rem;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    padding: 0 10px;
}

.mw_wp_form selectt:after {
    position: absolute;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333;
    top: 50%;
    right: 10px;
    margin-top: -3px;
    pointer-events: none;
}


/*====================================================================
採用情報
====================================================================*/

.saiyo-contents {
    min-height: 500px !important;
}

.saiyo-contents-title {
    font-size: 130% !important;   
}

.saiyo-contents-title h3 {
    line-height: 1.3em !important;
}

.saiyou-contents-text {
    font-size: 120%;
    line-height: 1.8em !important;
}

.saiyou-contents-text .saiyo-text-small {
    font-size: 90% !important;
}

#saiyo-contents01 .elementor-widget-wrap {
    background: url("https://aquarium.co.jp/tobacms/wp-content/uploads/saiyou-contents-back01.png") top center !important;
    background-size: cover !important; 
}

#saiyo-contents02 .elementor-widget-wrap {
    background: url("https://aquarium.co.jp/tobacms/wp-content/uploads/saiyou-contents-back02.png") top center !important;
    background-size: cover !important; 
}

#saiyo-contents03 .elementor-widget-wrap {
    background: url("https://aquarium.co.jp/tobacms/wp-content/uploads/saiyou-contents-back03.png") top center !important;
    background-size: cover !important; 
}

@media screen and (max-width: 480px) {
     .saiyo-contents {
        font-size: 80% !important;
        min-height: 0 !important;
    } 
    
    #saiyo-contents01 .elementor-widget-wrap {
        padding-bottom: 60px !important;
    }

    #saiyo-contents02 .elementor-widget-wrap {
        padding-bottom: 60px !important;
    }
}

/*====================================================================
愛称募集
====================================================================*/

/*** サンクスページ ***/
#contact-thanks-text {
    margin-top: 60px;
}

#contact-home-back-btn {
    margin-top: 40px;
}

#oubo-thanks-text {
    text-align: center;
}

#oubo-thanks-text span {
    display: inline-block;
    text-align: left;
}

/* 見出し */
.aisyo-oubo-thanks-title01  {
    font-family: "LogoTypeGothic",'Noto Sans JP', sans-serif; /* WEBフォントを指定 */
    text-align: center;
    font-size: 140%;
    margin-top: 60px;
    margin-bottom: 60px;
    letter-spacing: 0.07em;
    line-height: 1.8em;
}

.aisyo-oubo-thanks-title01 h2 {
    display: inline-block;
    font-weight: normal;
}


/* スナドリネコ用 */
.sunadori-table.oubo-table img {
    max-width: 380px;
}

.sunadori-table .false-th {
    width: 25%;
}

.sunadori-table-inner {
    display: table;
    width: 100%;
}

.sunadori-table-inner p,.sunadori-table-inner ul {
    display: table-cell;
     vertical-align: middle;

}

.sunadori-table-inner ul {
    padding-left: 2px;
}

.sunadori-table-inner p,.sunadori-table-inner ul li {
    margin: 10px 30px;
}

.parents-table .false-th {
    width: 25%;
}

/* 夏イベント用 */
#oubo-form-table input#zip {
    width: 50%;
}

#oubo-form-table textarea#detail {
    line-height: 1.6em;
}

/* フォーム */
#oubo-prefecture select {
    width: 30% !important;
}

/* お知らせ記事用　*/
.sunadori-news-table.oubo-table img {
    max-width: 380px;
}

/* 愛称の位置調整 */
#sunadori-otouto .sunadori-table-inner ul {
    position: relative;
    left: -5px;
}

#sunadori-otouto .sunadori-table-inner ul li {
    margin-left: 0px;
}

/* フォームテーブル */
#oubo-form-table .seigen {
    display: block;
    font-size: 90%;
    font-weight: normal !important;
}


/* フォーム部分 */
@media screen and (min-width: 767px) {
    #oubo-form-table #name-zip {
        width: 60%;
    }
}

@media screen and (max-width: 1260px) {
    #sunadori-otouto .sunadori-table-inner ul {
        position: static;
        left: 0px;
    }
    
    #oubo-prefecture select {
        width: 60% !important;
    }
}

@media screen and (max-width: 1200px) {
    #oubo-main-info {
        font-size: 80% !important;
    }  
}

@media screen and (max-width: 1020px) {
    #sunadori-otouto .sunadori-table-inner ul li {
        margin-left: 30px;
    }    
}

@media screen and (max-width: 767px) {
    .aisyo-oubo-thanks-title01  {
        font-size: 100% !important;
        margin-top: 0px;
        margin-bottom: 30px;
    }
    
    .sunadori-table .false-th,.parents-table .false-th,.sunadori-table td,.parents-table td {
        display: block;
        width: 100%;
    }
    
    .sunadori-table .false-th,.parents-table .false-th {
        border-bottom: none !important;
    }
    
    .sunadori-table.oubo-table img {
        max-width: none;
    }
    
    .sunadori-table-inner {
        display: block;
    }

    .sunadori-table-inner p,.sunadori-table-inner ul {
        display: block;
    }
    
    .sunadori-table-inner ul {
        padding-left: 2px;
    }
    
    #oubo-prefecture select {
        width: 100% !important;
    }
    
    #oubo-form-table input#zip {
        width: 80%;
    }
}

@media screen and (max-width: 420px) {
    .sunadori-table-inner ul li {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }       
}

/*====================================================================
鳥羽水族館ラッコ飼育40周年記念BOOK
====================================================================*/

/* エラーテキスト */
#scroll-error-text {
    display: none;
    text-align: center;
    color: #B70000;
    margin-bottom: 10px;
    line-height: 1.3em;
}

#scroll-error-text span {
    display: inline-block;
    text-align: left;
}

.mw_wp_form_error #scroll-error-text {
    display: block;
}

/* 注意書き */
#cation-section-out {
    text-align: center;
    margin-top: 10px;
    font-weight: bold;
}

#cation-section-out span {
    display: inline-block;
    text-align: left;    
}

.nini-text {
    font-size: 80%;
}

/* フォーム */
.rakko-40th-table #name,
.rakko-40th-table #kibo-name,
.rakko-40th-table #mail
{
    width: 70% !important;
}

.rakko-40th-table textarea {
    height: calc( 1.3em * 7 );
    line-height: 1.3em;
}

.form-open-area {
    display: none;
}

#kibo-name-out {
    margin-top: 10px;
}

#kibo-name-text {
    display: block;
}

.oubo-list-ul {
    padding-left: 1em;
    text-indent: -1em;    
}

/* フェードイン処理 */
.rakko-40th-table .open-fade-in {
    animation-name:openfadein;
    animation-duration:1s;
    animation-fill-mode:forwards;
    opacity:0;
    display: block;
}

/*** 確認画面のみ ***/
.mw_wp_form_confirm #kibo-name-text {
    font-weight: bold;
}

.mw_wp_form_confirm #file-text {
    display: none;
}

.mw_wp_form_confirm #form-private-info-waku {
    display: none;
}

@keyframes openfadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@media screen and (max-width: 1199px) {
    .rakko-40th-table #name,
    .rakko-40th-table #kibo-name,
    .rakko-40th-table #mail
    {
        width: 100% !important;
    } 
}

@media screen and (max-width: 600px) {
    /* フォーム部分 */
    .rakko-40th-table textarea {
        height: calc( 1.3em * 10 ); 
    }
}

@media screen and (max-width: 380px) {
    /* フォーム部分 */
    .rakko-40th-table input.tel {
        width: 28% !important;
    } 
}


/*====================================================================
鳥羽水族館スナメリキャンプ
====================================================================*/

/* フォーム部分 */
#sunameri-camp-table-out input[name="郵便"] {
    width: 40% !important;
}

#sunameri-camp-table-out select[name="同伴者"] {
    width: 35% !important;
}

#sunameri-camp-table-out select[name="県"] {
    width: 35% !important;
}

/*** 同伴者部分 ***/
#sunameri-camp-table-out #douhan-input-out {
    display: none;
}

.douhan-section {
    margin-top: 20px;
}

.douhan-section h4 {
    display: inline-block;
    background-size: 20px 16px !important;
    border-bottom: 2px solid #aee2ff;
    padding-left: 5px;
    padding-right: 5px;
    /*
    border-top: 1px solid #0171f6;
    border-bottom: 1px solid #0171f6;
    padding: 3px 30px;
    */
}

.douhan-section h4 img {
    max-width: 20px;
    margin-right: 8px;
    vertical-align: middle;
    margin-bottom: 3px;
}

#sunameri-camp-table-out .douhan {
    border-top: dotted 1px #5f5f5f;
    padding-top: 10px;
    padding-bottom: 10px;
}

#sunameri-camp-table-out .douhan-section > *:first-child+* {
    border-top: none;
}

#sunameri-camp-table-out .douhan .douhan-title {
    width: 24%;
    padding-right: 1%;
    margin-bottom: 5px;
}

#sunameri-camp-table-out .douhan .douhan-con {
    margin-left: 0px;
}

.douhan-age {
    width: 138px !important;
}

.show-input {
    display: table !important;
    width: 100%;
}

/*** 確認画面のみ ***/
/* 事前に同伴者の各人数部分を非表示にしておく jsでそれぞれ表示制御するため */
.mw_wp_form_confirm #dohan01-out,
.mw_wp_form_confirm #dohan02-out,
.mw_wp_form_confirm #dohan03-out,
.mw_wp_form_confirm #dohan04-out
{
    display: none;
}

@media screen and (max-width: 1000px) {
    #sunameri-camp-table-out .show-input .douhan .douhan-title {
        display: block;
        width: 100%;
        padding-right: 0px;
        margin-bottom: 5px;
    }

    #sunameri-camp-table-out .show-input .douhan .douhan-con {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    /* フォーム部分 */
    #sunameri-camp-table-out input[name="郵便"] {
        width: 70% !important;
    }
    
    #sunameri-camp-table-out select[name="県"] {
        width: 100% !important;
    }
    
    #sunameri-camp-table-out select[name="同伴者"] {
        width: 100% !important;
    }
    
    .mw_wp_form_confirm #sunameri-camp-table-out td {
        text-align: center;
    }

    .mw_wp_form_confirm #sunameri-camp-table-out .douhan .douhan-title {
        width: 100%;
        margin-bottom: 5px;
    }

    .mw_wp_form_confirm #sunameri-camp-table-out #form-agree-text {
    text-align: center;
    }
    
    .mw_wp_form_confirm #sunameri-camp-table-out .douhan .douhan-con {
        font-weight: bold;
    }
}


/*====================================================================
Not Foundページ
====================================================================*/

.not-found-head {
    background: url("/tobacms/wp-content/uploads/header-azarashi02.jpg") center center !important;
    background-size: cover !important;   
}

#home-back-btn {
    margin-top: 60px;
}


#home-back-btn i {
    margin-right: 5px;
}