/*===============　幅768px以下の場合に適用　===============*/
@media screen and (max-width:767px) {
  .main_imgBox {
    height: 100vh;
    overflow: hidden;
    position: relative;
  }
  .main_logo {
    z-index: 11;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    height: auto;
  }
  .main_img {
    z-index: 10;
    opacity: 0;
    width: 100%;
    height: 100vh;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 36s 0s infinite;
    animation: anime 36s 0s infinite;
  }
  .main_img:nth-of-type(2) {
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
  }
  .main_img:nth-of-type(3) {
    -webkit-animation-delay: 12s;
    animation-delay: 12s;
  }
  .main_img:nth-of-type(4) {
    -webkit-animation-delay: 18s;
    animation-delay: 18s;
  }
  .main_img:nth-of-type(5) {
    -webkit-animation-delay: 24s;
    animation-delay: 24s;
  }
  .main_img:nth-of-type(6) {
    -webkit-animation-delay: 30s;
    animation-delay: 30s;
  }
  .main_imgM {
    opacity: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 36s 0s infinite;
    animation: anime 36s 0s infinite;
  }
  .main_imgM:nth-of-type(2) {
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
  }
  .main_imgM:nth-of-type(3) {
    -webkit-animation-delay: 12s;
    animation-delay: 12s;
  }
  .main_imgM:nth-of-type(4) {
    -webkit-animation-delay: 18s;
    animation-delay: 18s;
  }
  .main_imgM:nth-of-type(5) {
    -webkit-animation-delay: 24s;
    animation-delay: 24s;
  }
  .main_imgM:nth-of-type(6) {
    -webkit-animation-delay: 30s;
    animation-delay: 30s;
  }
  @keyframes anime {
    0% {
      opacity: 0;
    }
    8% {
      opacity: 1;
    }
    17% {
      opacity: 1;
    }
    25% {
      opacity: 0;
      z-index: 9;
    }
    100% {
      opacity: 0
    }
  }
  @-webkit-keyframes anime {
    0% {
      opacity: 0;
    }
    8% {
      opacity: 1;
    }
    17% {
      opacity: 1;
    }
    25% {
      opacity: 0;
      z-index: 9;
    }
    100% {
      opacity: 0
    }
  }
  .title {
    position: absolute;
    transform: translate(calc(50vw - 50%), calc(50vh - 50%));
    z-index: 10;
    color: #fff;
    text-shadow: 1px 2px 3px #000;
  }
  h1.top_h1 {
    font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    position: absolute;
    top: 150px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    text-shadow:
      #1b7fb1 1px 1px 10px, #1b7fb1 -1px 1px 10px, #1b7fb1 1px -1px 10px, #1b7fb1 -1px -1px 10px;
    z-index: 100;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
  }
  a {
    text-decoration: none;
  }
  .news {
    margin: 30px auto 20px auto;
    border: solid 2px #D70606;
    text-align: center;
    padding: 10px 20px;
    background-color: #fff;
    display: block;
  }
  .news p {
    color: #D70606;
    font-weight: bold;
    margin: 0 auto 10px auto;
    border-bottom: solid 1px #D70606;
    padding-bottom: 5px;
    text-align: center;
  }
  .news span {
    color: #D70606;
    font-weight: bold;
    margin: 5px auto;
    display: block;
  }
  /*=== GoTo ========================*/
  .top_goto {
    background: url("../img/goto_bk_smh.jpg")no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 620px;
    margin-top: 100px;
    position: relative;
  }
  .top_goto a {
    text-decoration: none;
    display: inline-block;
    padding: 10px;
    margin: 1em 0;
    background: #fff;
    font-size: 12px;
    border: 2px solid #012d74;
    color: #333;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    position: absolute;
    top: 500px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    border-radius: 10px;
    width: 50%;
    text-align: center;
  }
  .top_goto a:hover {
    background: #012d74;
    border: 2px solid #fff;
    color: #fff;
  }
  .top_goto a:first-child {
    position: absolute;
    top: 400px;
  }
  .cv_info {
    position: relative;
    z-index: 100;
    margin: -30px auto 0 auto;
    width: 70%;
    background-color: #fff;
    padding: 20px 10px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    border-left: 10px solid #070957;
  }
  .cv_info img {
    padding-bottom: 10px;
  }
  .cv_info a {
    color: #09084B;
    text-decoration: none;
    padding-left: 10px;
    cursor: pointer;
    transition: all 0.3s ease 0s;
  }
  .cv_info a:hover {
    background-color: #800000;
    color: #fff;
    padding: 10px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
    transform: translateY(-0.1875em);
  }
  .campaign {
    text-align: center;
    margin: 60px auto;
    background: #FBF6E9;
	  padding-top: 20px;
  }
  .campaign a img {
    margin: 20px auto;
    width: 95%;
    height: auto;
  }
  .campaign_65bn {
    text-align: center;
  }
  .tokimeku {
    margin: 20px auto 50px auto;
    max-width: 90vw;
  }
  .cam_btn {
    display: block;
    margin: 10px auto;
    text-align: center;
    padding: 5px 10px;
    background: #7E191A;
    color: #fff;
    max-width: 50vw;
  }
  /*=== ただいま東京 ========================*/
  .top_tabiwari {
    margin: 50px auto;
    max-width: 95%;
    position: relative;
    text-align: center;
  }
  .top_tabiwari a img {
    width: auto;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  .top_tabiwari p {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    position: absolute;
    right: 80px;
    bottom: 12px;
    font-size: 16px;
    letter-spacing: 1.3px;
    color: #fff;
    font-weight: 600;
  }
  .top_tabiwari p a {
    color: #333333;
    font-weight: 600;
  }
  .pc_block {
    display: none;
  }
  .sp_block {
    display: block;
  }
  .cam_btn {
    margin: 30px 30px;
    text-align: center;
    padding: 10px;
    background: #7E191A;
    color: #fff !important;
    width: 200px;
  }
  .cam_btn:hover {
    text-decoration: none;
  }
  .tokimeku small {
    display: block;
    margin-top: 10px;
  }
  .top_ozon {
    background: url("../img/top_ozon_bk.jpg")no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    height: 400px;
    margin-top: -120px;
  }
  .top_ozon1 {
    width: 90%;
    margin: 0 auto;
    color: #fff;
    padding-top: 105px;
    font-size: 24px;
  }
  .top_ozon1 a {
    background: #fff;
    border-radius: 20px 20px 20px 20px;
    float: right;
    padding: 10px 40px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.7s ease 0s;
  }
  .top_ozon1 a:hover {
    background: #800000;
    color: #fff;
  }
  .top_ozon1 a span {
    font-size: 70%;
    display: block;
  }
  .top_ozon1 p {
    padding-bottom: 30px;
  }
  .top_ozon p strong {
    display: block;
    border-bottom: double 3px #fff;
    margin-bottom: 10px;
  }
  .info {
    width: 100%;
    height: 400px;
    margin: 30px auto 120px auto;
    background-color: #E4E8EC;
    padding: 50px 0;
    font-size: 16px;
    letter-spacing: 2px;
  }
  .info div {
    border: double 7px #000;
    margin: 30px auto 0 auto;
    z-index: 100;
    background-color: #fff;
    width: 80%;
    padding: 30px 10px;
    text-align: left;
  }
  .info img {
    display: none;
  }
  .info div strong {
    font-size: 200%;
    display: block;
    padding-bottom: 20px;
  }
  .info div ul li {
    color: #620202;
    margin: 5px 0 5px 10px;
    list-style: none;
  }
  .info div ul li:before {
    content: "■";
  }
  .news_day {
    padding: 10px 40px 0 20px;
    margin: 5px 0;
    display: block;
  }
  .gcp {
    margin: 50px auto 0 auto;
    text-align: center;
  }
  .gcp img {
    display: block;
    margin: 20px auto;
    width: 90%;
    text-align: center;
  }
  .gcp div {
    display: block;
    width: 90%;
    margin: 0 auto;
  }
  .gcp p a {
    display: inline-block;
    border: solid 2px #000;
    padding: 5px 10px;
    margin: 20px 10px;
    color: #000;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    width: 34%;
    text-align: center;
  }
  .gcp div p a:last-child {
    background: #800000;
    color: #fff;
    border: none;
    width: 50%;
  }
  .pickup {
    margin: 50px auto 140px auto;
    text-align: center;
    width: 100%;
  }
  .index_ttl {
    font-size: 300%;
    text-align: center;
    margin: 0 auto;
    font-weight: bold;
    border-bottom: solid 1px #000;
    padding-bottom: 10px;
    width: 100%;
  }
  .pickup small {
    text-align: center;
    display: block;
    font-size: 140%;
    padding: 20px 0;
    letter-spacing: 2px;
  }
  .pickup1, .pickup2, .pickup3 {
    display: inline-block;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    margin: 20px 5px 0 5px;
  }
  .pickup1 span, .pickup2 span, .pickup3 span {
    margin: 20px auto 0 auto;
    text-align: center;
    height: 100px;
    display: block;
    font-size: 18px;
    letter-spacing: 2px;
  }
  .pickup1 a, .pickup2 a, .pickup3 a {
    display: block;
    padding: 10px 0;
    background-color: #800000;
    color: #fff;
    margin-top: 10px;
    transition: all 0.3s ease 0s;
    text-decoration: none;
  }
  .pickup1 a:hover, .pickup2 a:hover, .pickup3 a:hover {
    opacity: 0.6;
    cursor: pointer;
  }
  .pickup1 a::after, .pickup2 a::after, .pickup3 a::after {
    position: absolute;
    content: '';
    bottom: 24px;
    left: 0;
    width: 0;
    height: 1px;
    background: #fff;
    transition: all 0.3s ease 0s;
  }
  .pickup1 a:hover::after, .pickup2 a:hover::after, .pickup3 a:hover::after {
    width: 100%;
  }
  .pick {
    width: 100%;
    margin: 200px auto 100px auto;
    text-align: center;
  }
  .pick_p {
    margin: 20px auto 0 auto;
    text-align: center;
  }
  .pick a {
    color: #7B7B7B;
  }
  .pick1 {
    display: block;
    width: 100%;
    font-size: 120%;
    margin-top: 80px;
  }
  .pick1 img {
    margin: 0 auto;
    padding-bottom: 10px;
  }
  .pick2 {
    display: inline-block;
    margin-top: 80px;
  }
  .pick2 p {
    display: inline-block;
    width: 40%;
    margin: 0 10px 50px 10px;
    vertical-align: top;
  }
  .pick2 p span {
    display: block;
  }
  /*=== 無料パン ========================*/
  .top_pam {
    width: 90%;
    height: 550px;
    margin: 80px auto;
    text-align: center;
    font-size: 16px;
    padding-bottom: 100px;
  }
  .top_pam1 {
    background-color: #0C126F;
    color: #fff;
    width: 90%;
    margin: 0 auto 20px auto;
    padding: 40px 20px 60px 20px;
  }
  .top_pam_ttl1 {
    color: #0C126F;
    font-family: 'Shadows Into Light', cursive;
    font-size: 200%;
    transform: rotate(-20deg);
    position: absolute;
    top: -20px;
    text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
    ;
    font-weight: bold;
  }
  .top_pam_ttl2 {
    font-size: 180%;
    border-bottom: 1px solid #fff;
    font-weight: bold;
    text-shadow: 1px 2px 3px #000;
    font-family: 'M PLUS 1p', sans-serif;
    text-align: center;
  }
  .top_pam2 {
    padding: 20px 0;
    font-weight: bold;
    font-size: 140%;
    text-align: center;
  }
  .top_pam_p {
    width: 90%;
    margin: 0 auto;
    text-align: center;
  }
  .top_pam_p span {
    display: block;
    padding-top: 10px;
    font-size: 80%;
  }
  .top_pam3 {
    width: 350px;
  }
  .top_pam3 span {
    display: block;
    padding-top: 20px;
  }
  .top_pam img {
    margin: 0 auto;
    box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.3);
  }
  /*=== drink ========================*/
  .top_dk {
    width: 100%;
    height: 850px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    padding: 70px 0 20px 0;
  }
  .top_dk1 {
    background-color: #0C126F;
    color: #fff;
    width: 100%;
    height: auto;
    padding-bottom: 20px;
    text-align: center;
    margin: 0 auto;
  }
  .top_dk_ttl1 {
    color: #0C126F;
    font-family: 'Shadows Into Light', cursive;
    font-size: 200%;
    transform: rotate(-10deg);
    position: absolute;
    left: 0;
    top: -30px;
    text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
    ;
    font-weight: bold;
  }
  .top_dk_ttl2 {
    padding: 30px 0 10px 0;
    font-size: 180%;
    border-bottom: 1px solid #fff;
    font-weight: bold;
    text-shadow: 1px 2px 3px #000;
    font-family: 'M PLUS 1p', sans-serif;
    text-align: center;
  }
  .top_dk2 {
    padding-top: 20px;
    font-weight: bold;
    font-size: 140%;
    text-align: center;
  }
  .top_dk1 ul {
    background-color: #fff;
    color: #0C126F;
    width: 300px;
    margin: 20px auto 0 auto;
    padding: 10px;
    text-align: center;
  }
  .top_dk1 ul li {
    display: inline-block;
  }
  .top_dk1 ul li::after {
    content: " / ";
    color: #130E45;
    margin: 0 5px;
  }
  .top_dk3 {
    width: 90%;
    padding-top: 20px;
    text-align: center;
    margin: 0 auto;
  }
  .top_dk3 span {
    display: block;
    padding-top: 20px;
  }
  .top_dk img {
    padding: 20px 0;
  }
  .udon {
    width: 100%;
    height: 400px;
    margin: 0 auto 80px auto;
    background: url("../img/udon_bk_smh.jpg") no-repeat;
    background-size: cover;
  }
  .udon p {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    background-color: #111A5E;
    padding: 30px 5px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
  }
  .udon p span {
    font-size: 140%;
    display: block;
    border-bottom: solid 1px #fff;
    width: 90%;
    ;
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-weight: bold;
    color: #fff;
    margin: 0 auto 10px auto;
    text-align: center;
  }
  .udon img {
    margin-top: -50px;
  }
  .day_monthly {
    width: 100%;
    margin: 50px auto;
  }
  .top_monthly, .top_day {
    width: 100%;
    height: 434px;
    display: block;
    position: relative;
    left: 0;
    right: 0;
  }
  .top_monthly {
    background: url("../img/top_month_bn.jpg") no-repeat center;
    background-size: contain;
  }
  .top_monthly a, .top_day a {
    position: absolute;
    top: 340px;
    right: 30px;
    font-size: 14px;
    border: solid 1px #000;
    padding: 10px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    color: #000;
  }
  .top_monthly a:hover {
    border: solid 1px #C4AB6C;
    color: #C4AB6C;
    opacity: 0.6;
    transition-duration: 0.3s;
  }
  .top_day a:hover {
    border: solid 1px #C4AB6C;
    color: #C4AB6C;
    opacity: 0.6;
    transition-duration: 0.3s;
  }
  .top_day {
    background: url("../img/top_day_bn.jpg") no-repeat center;
    background-size: contain;
  }
  /*=== app ========================*/
  .top_app {
    background: #FBCBCB;
    padding: 40px 0;
  }
  .top_app_in {
    max-width: 100%;
    margin: 80px auto;
    text-align: center;
  }
  .top_app_in div {
    display: block;
    max-width: 90%;
    text-align: center;
    margin: 30px auto;
  }
  .top_app div span {
    display: block;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 160%;
    margin-bottom: 50px;
    text-align: center;
  }
  .hotelintro {
    width: 100%;
    height: 400px;
    overflow: hidden;
    background: url("../img/hoteltop_bg.jpg") no-repeat;
    background-size: cover;
    text-align: center;
  }
  .hotelintro_text h2 {
    text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff;
  }
  .hotelintro p {
    padding-top: 20px;
  }
  .hotelintro_slide {
    margin: 20px auto;
    width: 100%;
    height: auto;
  }
  .hotelintro_slide ul {
    width: 100%;
    height: auto;
    position: relative;
    padding-bottom: 300px;
  }
  .hotelintro_slide ul li {
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    position: absolute;
  }
  .hotelintro2 {
    width: 100%;
    height: 680px;
  }
  .hotelintro2_txt {
    height: 160px;
    display: block;
    padding: 20px;
    width: 90%;
    background-color: rgba(255, 255, 255, 0.7);
  }
  .hotelintro2 p {
    width: 90%;
    margin: 0 auto;
  }
  .hotelintro2 a {
    display: block;
    margin: 0 auto;
    text-align: center;
  }
  .ev {
    width: 100%;
    height: auto;
    clear: both;
    margin: 50px auto;
    background: url(../img/ev_back.jpg) repeat;
    padding: 20px 0;
  }
  .ev2 {
    color: #1b7fb1;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 20px;
  }
  .ev2 span {
    color: #10597d;
  }
  .event {
    width: 90%;
    margin: 0 auto;
    text-align: left;
  }
  .evp_1, .evp_2, .evp_3 {
    border: solid #000000 1px;
    padding: 5px;
    margin: 10px auto;
  }
  .dayttl {
    margin: 10px auto;
  }
  .dayttl a {
    text-decoration: none;
    font-weight: bold;
    margin: 30px auto;
    background: #E3F4F5;
    padding: 5px;
  }
  .top_photo {
    width: 100%;
    height: auto;
  }
  .top_photo ul.top_photo2 {
    max-width: 767px;
    height: auto;
    text-align: center;
    margin: 0 auto;
  }
  .top_photo ul.top_photo2 li {
    list-style: none;
    display: inline-block;
    border: 1px solid #fff;
    box-sizing: border-box;
    background: #000;
    overflow: hidden;
  }
  .top_photo ul.top_photo2 li img {
    display: block;
    transition-duration: 0.3s;
  }
  .top_photo ul.top_photo2 li:hover img {
    transform: scale(1.1);
    transition-duration: 0.5s;
  }
  .top_room2 {
    margin-bottom: 10px;
  }
  .top_room3 {
    width: 100%;
    height: auto;
  }
  .top_room_h {
    font-size: 20px;
    text-align: center;
    color: #a29d8b;
    margin-top: 10px;
  }
  .top_room3 ul {
    list-style: none;
  }
  .top_room3 ul li {
    width: 100%;
    display: block;
    border-bottom: solid 2px #fff;
  }
  .top_room3 ul li img {
    vertical-align: bottom;
  }
  .top_room3 ul li figcaption {
    display: none;
  }
  .mirable_1 {
    border-bottom: solid 1px #0A7078;
    font-size: 180%;
  }
  .center {
    margin: 0 auto;
    text-align: center;
  }
  .hwt {
    margin: 0 auto;
    text-align: center;
  }
  .mirable {
    width: 90%;
    margin: 0 auto 50px auto;
    text-align: center;
    background: url("../img/mirable.jpg") center center;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
  }
  .mirable1 {
    width: 80%;
    margin: 80px auto;
    text-align: center;
  }
  .mirable1 div {
    clear: both;
    position: relative;
    padding: 10px 0;
  }
  .mirable1 img {
    margin: -4px auto 0 auto;
    padding: 0;
  }
  .mira_sizuku {
    position: absolute;
    z-index: 999;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }
  .top_breakfast2 {
    background: url(../img/top_breakfastbg.jpg);
    padding: 20px 0;
  }
  .top_plan {
    background: #a2f1f6;
    width: 100%;
    height: auto;
    margin-top: -10px;
    padding-bottom: 30px;
    text-align: center;
  }
  .plan {
    width: 70%;
    height: auto;
    margin: auto;
    text-align: center;
  }
  .plnttl {
    color: #a29d8b;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 30px;
    font-weight: bold;
  }
  .pln, .pln2, .pln3, .pln4 {
    width: 100%;
    height: auto;
    background-color: #FFF;
    border-radius: 20px;
    text-align: center;
    margin: 10px 0;
    font-size: 14px;
    padding: 10px;
    box-sizing: border-box;
  }
  .pln3 img, .pln4 img {
    margin: 20px auto;
    display: block;
  }
  .plntxt {
    margin: auto 20px;
  }
  .plntxt p {
    margin-top: -20px;
  }
  .plbt_waku {
    width: 100%;
    height: auto;
    margin: auto;
    text-align: center;
    padding: 25px 0;
  }
  .plnbt {
    font-size: 14px;
    display: inline;
  }
  span.plnbt a {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    background: #6FC;
    text-decoration: none;
    width: 100%;
    height: 100%;
    border: 1px solid #333;
    border-radius: 20px;
    padding: 5px 10px;
    color: #333;
    margin: 0 10px;
  }
  span.plnbt a:hover {
    background: #FDA91E;
    border: 1px solid #FDA91E;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
  }
  .plnbt2 {
    font-size: 14px;
    display: inline-block;
  }
  span.plnbt2 a {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    background: #3FF;
    text-decoration: none;
    width: 100%;
    height: 100%;
    border: 1px solid #333;
    border-radius: 20px;
    padding: 5px 10px;
    color: #333;
    margin-right: 10px;
  }
  span.plnbt2 a:hover {
    background: #FDA91E;
    border: 1px solid #FDA91E;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
  }
  .top_ld2 {
    width: 80%;
    height: auto;
    margin: auto;
    background: url("../img/ld_bk2.jpg");
    box-shadow: 1px 1px 20px #333;
    padding: 30px;
    text-align: center;
  }
  .top_ld2 h4 {
    text-align: center;
    margin: 0 auto;
    font-size: 25px;
    margin-bottom: 0;
    letter-spacing: 1px;
  }
  .top_ld3 img {
    width: 70%;
    height: auto;
    margin: auto;
    display: block;
  }
  .top_ld3 span {
    font-size: 20px;
    text-align: center;
    display: block;
    color: #2E1D05;
  }
  .top_service2 {
    width: 80%;
    height: auto;
    margin: auto;
    background: url("../img/service_bg.jpg");
    box-shadow: 1px 1px 20px #333;
    padding: 30px;
    text-align: center;
  }
  .top_simmons h4, .top_lpb h4 {
    text-align: center;
    font-size: 25px;
    margin-bottom: 0;
    letter-spacing: 1px;
  }
  .top_lpb {
    margin: 30px auto;
  }
  hr {
    border-width: 1px 0px 0px 0px; /* 太さ */
    border-style: solid;
    border-color: #999;
    height: 1px;
    padding: 20px 0 0;
  }
  .top_service3 img {
    width: 70%;
    height: auto;
    margin: auto;
  }
  .top_service3 span {
    font-size: 20px;
    text-align: center;
    display: block;
    color: #2E1D05;
  }
  .smh_delete {
    display: none;
  }
  .top_access {
    width: 100%;
    height: 500px;
    min-height: 50px;
    overflow: hidden;
    margin-bottom: 30px;
    clear: both;
  }
  .top_access p {
    padding: 20px 0 50px 0;
  }
  .top_access2 {
    padding-bottom: 100px;
  }
  .top_access p {
    width: 90%;
    margin: 0 auto;
  }
  .top_access iframe {
    width: 100%;
    height: 500px;
  }
  .luup {
    background: #00afa8;
    text-align: center;
    margin: 80px auto;
    padding-bottom: 20px;
  }
  .luup img {
    text-align: center;
    margin: 0 auto;
    width: 80%;
    height: auto;
  }
  .luup p {
    margin: 20px auto;
    color: #fff;
    top: 100px;
    max-width: 90%;
  }
  .luup p a {
    background: #fff;
    padding: 10px 20px;
    border-radius: 20px;
    color: #00afa8;
    margin-top: 80px;
  }
  .luup a:hover {
    opacity: 0.6;
    transition-duration: 0.3s;
    text-decoration: none;
  }
  .top_access2 .link_btn {
    padding-bottom: 50px;
  }
  .link_bbq {
    margin: auto;
    text-align: center;
    font-size: 18px;
    padding-top: 260px;
  }
 /* .top_news {
    text-align: center;
    width: 90%;
    height: auto;
    padding: 30px 0;
    margin: 40px auto 0;
    border: 3px #ef311c solid;
  }
  .top_news p {
    width: 95%;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 0;
    margin-top: 15px;
  }
  .top_news_h:nth-of-type(1) {
    text-align: center;
    display: inline;
    color: #ef311c;
    font-weight: bold;
    border-bottom: 2px #ef311c solid;
  }
  .top_news p:nth-of-type(3) {
    font-weight: 600;
    text-align: center;
    text-indent: -1.5rem;
    font-size: 18px;
  }
  .top_news p:nth-of-type(4) {
    text-align: center;
  }
  .news_br {
    display: none;
  }*/
  .c_info {
    background: url("../img/c_bk.jpg") no-repeat center;
    background-size: cover;
    margin: 2em auto;
    text-align: center;
    width: 100%;
    height: 300px;
    color: #fff;
  }
  .c_info p {
    text-shadow: none;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    padding-top: 2.5em;
    width: 90%;
    font-size: 140%;
    line-height: 28px;
  }
  .c_info a {
    position: relative;
    top: 4em;
    display: inline-block;
    font-weight: bold;
    font-size: 120%;
    padding: 0.5em 1em;
    text-decoration: none;
    color: #fff;
    transition: .4s;
    border: solid 2px #fff;
    width: 80%;
  }
  .c_info a:hover {
    background: #0C2E7C;
    color: #fff;
    border: solid 2px #0C2E7C;
  }
  .c_info i {
    position: absolute;
    right: 1em;
    top: 1.5em;
  }
  .tele_smh {
    background-color: #040A46;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .tele_smh img {
    display: block;
    margin: 10px auto;
  }
  .tele_smh1 {
    width: 100%;
    margin: 0 auto;
  }
  .monthly_smh {
    background-color: #0D1226;
    width: 100%;
    padding-bottom: 20px;
  }
  .monthly_smh img {
    margin: 0 auto;
  }
  .top_sr {
    width: 95%;
    margin: 50px auto 10px auto;
    text-align: center;
  }
  .top_sr div {
    margin: 30px auto;
    text-align: center;
    background-color: #F0EBEB;
    padding: 20px 0;
  }
  .top_sr div img {
    display: block;
    margin: 0 auto;
    text-align: center;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
  }
  .top_sr div p {
    width: 300px;
    display: block;
    margin: 0 auto;
    text-align: center;
  }
  .top_sr div p span {
    font-weight: bold;
    display: block;
    padding: 5px 0;
    font-size: 120%;
    border-bottom: solid 1px #000;
    margin: 10px auto;
  }
  /*ポップアップここから*/
  .popup_wrap input {
    display: none;
  }
  .popup_overlay {
    display: flex;
    justify-content: center;
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.5s, transform 0s 0.5s;
    transform: scale(0);
  }
  .popup_trigger {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .popup_content {
    position: relative;
    align-self: center;
    width: 90%;
    max-width: 800px;
    padding: 30px 30px 15px;
    box-sizing: border-box;
    background: #fff;
    line-height: 1.4em;
    transition: 0.5s;
  }
  .close_btn {
    position: absolute;
    top: 14px;
    right: 16px;
    font-size: 30px;
    cursor: pointer;
  }
  .popup_wrap input:checked ~ .popup_overlay {
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.5s;
  }
  .open_btn {
    position: relative;
    top: 50px;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 30px;
    margin: 10px auto;
    padding: 8px 16px;
    color: #fff;
    background: #0c0d62;
    font-weight: bold;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    border-radius: 3px;
    cursor: pointer;
    transition: .3s ease;
  }
  .open_btn:hover {
    background: #000;
    color: #fff;
    transition: .3s ease;
  }
  /*ポップアップココまで*/
}
/*===============　幅769px以上の場合に適用　===============*/
@media screen and (min-width:768px) {
  .main_imgBox {
    height: 100vh;
    overflow: hidden;
    position: relative;
  }
  .main_logo {
    z-index: 11;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    height: auto;
  }
  .main_img {
    z-index: 10;
    opacity: 0;
    width: 100%;
    height: 100vh;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 36s 0s infinite;
    animation: anime 36s 0s infinite;
  }
  .main_img:nth-of-type(2) {
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
  }
  .main_img:nth-of-type(3) {
    -webkit-animation-delay: 12s;
    animation-delay: 12s;
  }
  .main_img:nth-of-type(4) {
    -webkit-animation-delay: 18s;
    animation-delay: 18s;
  }
  .main_img:nth-of-type(5) {
    -webkit-animation-delay: 24s;
    animation-delay: 24s;
  }
  .main_img:nth-of-type(6) {
    -webkit-animation-delay: 30s;
    animation-delay: 30s;
  }
  .main_imgM {
    opacity: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 30s 0s infinite;
    animation: anime 30s 0s infinite;
  }
  .main_imgM:nth-of-type(2) {
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
  }
  .main_imgM:nth-of-type(3) {
    -webkit-animation-delay: 12s;
    animation-delay: 12s;
  }
  .main_imgM:nth-of-type(4) {
    -webkit-animation-delay: 18s;
    animation-delay: 18s;
  }
  .main_imgM:nth-of-type(5) {
    -webkit-animation-delay: 24s;
    animation-delay: 24s;
  }
  .main_imgM:nth-of-type(6) {
    -webkit-animation-delay: 36s;
    animation-delay: 36s;
  }
  @keyframes anime {
    0% {
      opacity: 0;
    }
    8% {
      opacity: 1;
    }
    17% {
      opacity: 1;
    }
    25% {
      opacity: 1;
    }
    100% {
      opacity: 0
    }
  }
  @-webkit-keyframes anime {
    0% {
      opacity: 0;
    }
    8% {
      opacity: 1;
    }
    17% {
      opacity: 1;
    }
    25% {
      opacity: 1;
    }
    100% {
      opacity: 0
    }
  }
  /*=== 画像の表示エリア ================================= */
  .slide {
    position: relative;
    overflow: hidden;
    /* 画像のサイズに合わせて変更ください */
    width: 100%;
    min-width: 1980px;
    min-height: 501px;
    height: auto;
    margin: auto; /* サンプルは中央寄せの背景：白 */
    background: #fff;
  }
  /*=== 画像の設定 ======================================= */
  .slide img {
    display: block;
    position: absolute;
    /* 画像のサイズを表示エリアに合せる */
    width: inherit;
    height: inherit;
    opacity: 0;
    animation: slideAnime 24s ease infinite;
  }
  /*=== スライドのアニメーションを段差で開始する ========= */
  .slide img:nth-of-type(1) {
    animation-delay: 0s
  }
  .slide img:nth-of-type(2) {
    animation-delay: 4s
  }
  .slide img:nth-of-type(3) {
    animation-delay: 8s
  }
  .slide img:nth-of-type(4) {
    animation-delay: 12s
  }
  .slide img:nth-of-type(5) {
    animation-delay: 16s
  }
  .slide img:nth-of-type(6) {
    animation-delay: 20s
  }
  /*=== スライドのアニメーション ========================= */
  @keyframes slideAnime {
    0% {
      opacity: 0
    }
    5% {
      opacity: 1
    }
    20% {
      opacity: 1
    }
    25% {
      opacity: 0
    }
    40% {
      opacity: 0
    }
    100% {
      opacity: 0
    }
  }
  .top {
    width: 100%;
    height: auto;
    position: relative;
  }
  h1.top_h1 {
    font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    position: absolute;
    font-size: 40px;
    color: #fff;
    text-align: center;
    top: 300px;
    width: 100%;
    text-shadow:
      #10597d 1px 1px 10px, #10597d -1px 1px 10px, #10597d 1px -1px 10px, #10597d -1px -1px 10px;
    z-index: 100;
  }
  .br_top {
    display: none;
  }
  .news {
    width: 900px;
    margin: 20px auto;
    border: solid 2px #D70606;
    text-align: center;
    padding: 10px 20px;
  }
  .news p {
    color: #D70606;
    font-weight: bold;
    margin: 0 auto 10px auto;
    border-bottom: solid 1px #D70606;
    padding-bottom: 5px;
    text-align: center;
  }
  .news span {
    color: #D70606;
    font-weight: bold;
    margin: 5px auto;
    display: block;
  }
  /*=== GoTo ========================*/
  .top_goto {
    background: url("../img/goto_bk.jpg")no-repeat;
    width: 100%;
    height: 660px;
    margin-top: 50px;
    position: relative;
    background-position: left top;
    background-size: auto 100%;
  }
  .top_goto a {
    text-decoration: none;
    display: inline-block;
    padding: 10px 20px;
    background: #fff;
    border: 2px solid #012d74;
    color: #333;
    cursor: pointer;
    position: absolute;
    top: 560px;
    left: 1140px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 280px;
    border-radius: 10px;
    text-align: center;
  }
  .top_goto a:hover {
    background: #012d74;
    border: 2px solid #fff;
    color: #fff;
  }
  .top_goto a:first-child {
    position: absolute;
    left: 740px;
  }
  .cv_info {
    position: absolute;
    bottom: -50px;
    right: 200px;
    z-index: 100;
    width: 450px;
    background-color: #fff;
    padding: 20px 10px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    border-left: 10px solid #800000;
  }
  .cv_info img {
    display: inline-block;
    padding: 0 10px;
  }
  .cv_info p {
    display: inline-block;
    font-size: 120%;
    margin-top: 15px;
  }
  .cv_info a {
    color: #000;
    text-decoration: none;
    padding-left: 10px;
    cursor: pointer;
    transition: all 0.3s ease 0s;
  }
  .cv_info a:hover {
    background-color: #800000;
    color: #fff;
    padding: 10px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
    transform: translateY(-0.1875em);
  }
  .info {
    /* display: none;*/
    width: 100%;
    height: 600px;
    margin: 0 auto 120px auto;
    background-color: #E4E8EC;
    padding-bottom: 50px;
    font-size: 16px;
    letter-spacing: 2px;
  }
  .info div {
    border: double 7px #000;
    position: relative;
    top: 100px;
    left: 20%;
    z-index: 100;
    background-color: #fff;
    width: 500px;
    padding: 30px 50px;
  }
  .info img {
    position: absolute;
    z-index: -100;
    left: 45%;
    top: 150px;
  }
  .info div strong {
    font-size: 300%;
    display: block;
    padding-bottom: 20px;
  }
  .news_day {
    display: inline-block;
    padding: 0 40px 0 20px;
    margin: 5px 0;
  }
  .campaign {
    text-align: center;
    margin: 60px auto;
    background: #FBF6E9;
    padding: 40px 0;
  }
  .campaign a img {
    margin: 20px auto;
  }
  .campaign a:hover {
    opacity: 0.6;
    transition: .5s;
  }
  .campaign_65bn {
    text-align: center;
  }
  .tokimeku {
    text-align: center;
    margin-bottom: 80px;
  }
  .tokimeku_img {
    display: block;
  }
  .tokimeku span {
    display: block;
    margin-bottom: 20px;
  }
  /*=== ニュース ========================*/
  /*.top_news {
    text-align: center;
    max-width: 950px;
    height: auto;
    padding: 30px 0;
    margin: 40px auto 0;
    border: 3px #ef311c solid;
  }
  .top_news p {
    width: 90%;
    text-align: left;
    margin: 15px auto 0;
  }
  .top_news_h {
    text-align: center;
    display: inline;
    color: #ef311c;
    font-weight: bold;
    border-bottom: 2px #ef311c solid;
  }
  .top_news p:nth-of-type(3) {
    font-weight: 600;
    text-align: center;
    text-indent: -1.5rem;
    margin-left: 4rem;
    font-size: 18px;
  }
  .top_news p:nth-of-type(4) {
    text-align: center;
  }*/
  /*=== ただいま東京 ========================*/
  .top_tabiwari {
    margin: 50px auto;
    max-width: 950px;
    position: relative;
    text-align: center;
  }
  .top_tabiwari a img {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  .top_tabiwari p {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    position: absolute;
    right: 315px;
    bottom: 15px;
    font-size: 16px;
    letter-spacing: 1.3px;
    color: #fff;
    font-weight: 600;
  }
  .top_tabiwari p a {
    color: #333333;
    font-weight: 600;
  }
  .pc_block {
    display: block;
  }
  .sp_block {
    display: none;
  }
  .cam_btn {
    margin: 30px 30px;
    text-align: center;
    padding: 10px;
    background: #7E191A;
    color: #fff !important;
    width: 200px;
  }
  .cam_btn:hover {
    text-decoration: none;
  }
  .tokimeku small {
    display: block;
    margin-top: 10px;
  }
  .top_ozon {
    background: url("../img/top_ozon_bk.jpg")no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    height: 300px;
    margin-top: -120px;
  }
  .top_ozon1 {
    width: 1200px;
    margin: 0 auto;
    color: #fff;
    padding-top: 100px;
    font-size: 24px;
  }
  .top_ozon1 a {
    background: #fff;
    border-radius: 20px 20px 20px 20px;
    float: right;
    padding: 10px 40px;
    font-weight: bold;
    vertical-align: top;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.7s ease 0s;
    margin-top: 6px;
  }
  .top_ozon1 a:hover {
    background: #800000;
    color: #fff;
  }
  .top_ozon1 a span {
    font-size: 70%;
    display: block;
  }
  .top_ozon1 p {
    float: left;
    padding-top: 5px;
  }
  .top_ozon p strong {
    display: block;
    border-bottom: double 3px #fff;
    margin-bottom: 10px;
    font-size: 140%;
  }
  .pickup {
    margin: 200px auto 140px auto;
    text-align: center;
    width: 1200px;
  }
  .index_ttl {
    font-size: 400%;
    text-align: center;
    margin: 0 auto;
    font-weight: bold;
    border-bottom: solid 1px #000;
    padding-bottom: 10px;
    width: 1200px;
  }
  .gcp {
    margin: 50px auto 0 auto;
    text-align: center;
  }
  .gcp img {
    display: inline-block;
    padding-right: 30px;
    border-right: solid 1px #000;
  }
  .gcp div {
    display: inline-block;
    width: 30%;
    padding-left: 30px;
  }
  .gcp div span {
    display: block;
    margin-bottom: 10px;
    font-size: 120%;
  }
  .gcp div p a {
    display: inline-block;
    border: solid 1px #000;
    padding: 5px 10px;
    margin: 10px 0;
    color: #000;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  }
  .gcp p a:nth-child(2n) {
    margin-left: 20px;
  }
  .gcp p a:hover {
    text-decoration: none;
    opacity: 0.5;
  }
  .gcp div p a:last-child {
    background: #800000;
    color: #fff;
    border: none;
  }
  .pickup small {
    text-align: center;
    display: block;
    font-size: 140%;
    padding: 20px 0;
    letter-spacing: 2px;
  }
  .pickup1, .pickup2, .pickup3 {
    display: inline-block;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    margin: 20px 5px 0 5px;
    vertical-align: top;
  }
  .pickup1 span, .pickup2 span, .pickup3 span {
    margin: 20px auto 0 auto;
    text-align: center;
    height: 140px;
    display: block;
    font-size: 18px;
    letter-spacing: 2px;
  }
  .pickup1 a, .pickup2 a, .pickup3 a {
    display: block;
    padding: 10px 0;
    background-color: #800000;
    color: #fff;
    margin-top: 10px;
    transition: all 0.3s ease 0s;
    text-decoration: none;
  }
  .pickup1 a:hover, .pickup2 a:hover, .pickup3 a:hover {
    opacity: 0.6;
    cursor: pointer;
  }
  .pickup1 a::after, .pickup2 a::after, .pickup3 a::after {
    position: absolute;
    content: '';
    bottom: 24px;
    left: 0;
    width: 0;
    height: 1px;
    background: #fff;
    transition: all 0.3s ease 0s;
  }
  .pickup1 a:hover::after, .pickup2 a:hover::after, .pickup3 a:hover::after {
    width: 100%;
  }
  .pick {
    width: 1470px;
    margin: 200px auto;
    text-align: center;
  }
  .pick_p {
    margin: 20px auto 0 auto;
    text-align: center;
  }
  .pick a {
    color: #7B7B7B;
  }
  .pick1 {
    display: inline-block;
    width: 732px;
    vertical-align: top;
    font-size: 120%;
    margin-top: 80px;
    border-left: solid 1px #C8C8C8;
    padding-left: 48px;
  }
  .pick1 img {
    margin: 0 auto;
    padding-bottom: 10px;
    width: 780px;
  }
  .pick2 {
    display: inline-block;
    margin: 80px auto 0 auto;
    /*width: 600px;*/
    text-align: center;
  }
  .pick2_p {
    display: inline-block;
    width: 270px;
    height: 230px;
    margin-bottom: 54px;
  }
  .pick2_m {
    display: inline-block;
    width: 270px;
    height: 230px;
    margin-bottom: 54px;
    margin-right: 40px;
    vertical-align: top;
  }
  .pick2 p img {
    width: 270px;
    height: 180px;
  }
  /*=== 無料パン ========================*/
  .top_bread {
    margin: 0 auto;
    width: 800px;
    height: 500px;
    text-align: left;
    overflow: hidden;
    float: right;
  }
  .top_bread img {
    width: 800px;
    height: 500px;
    text-align: left;
    overflow: hidden;
    position: relative;
  }
  .hotelintro2_txt strong {
    font-size: 22px;
  }
  .hotelintro2_txt small {
    display: block;
    padding-bottom: 43px;
  }
  .hotelintro2_txt button {
    margin: 80px 130px 0 130px;
  }
  /*=== drink ========================*/
  .top_drink {
    margin: 0 auto;
    text-align: left;
    overflow: hidden;
    float: left;
    margin-left: 30px;
    width: 800px;
    height: 500px;
    text-align: left;
    overflow: hidden;
  }
  .top_drink_txt {
    float: right;
    margin: -50px -15px 0 0;
    width: 400px;
  }
  .top_drink_txt strong {
    font-size: 22px;
  }
  .top_drink_txt small {
    display: block;
    padding-bottom: 43px;
  }
  /*=== udon ========================*/
  .udon {
    background: url("../img/udon_bk.jpg") no-repeat;
    width: 100%;
    height: 600px;
    margin: 120px auto;
    position: relative;
    overflow: hidden;
    padding-bottom: 100px;
  }
  .udon img {
    margin: 0 auto;
    text-align: center;
    z-index: 1;
    position: absolute;
  }
  .udon p {
    width: 500px;
    position: absolute;
    left: 350px;
  }
  .udon p span {
    font-size: 240%;
    display: block;
    border-bottom: solid 1px #000;
    width: 600px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-weight: bold;
    color: #111A5E;
  }
  .udon_png {
    position: absolute;
    left: 900px;
    top: 10px;
  }
  .steam {
    position: absolute;
    z-index: 2;
    top: 200px;
    left: 700px;
    -webkit-animation: steam_Move 18s infinite linear;
    animation: steam_Move 18s infinite linear;
    transition: all 1s;
  }
  .steam img {
    width: 600px;
    height: auto;
    padding-bottom: 250px;
  }
  .move {
    z-index: 3;
    position: absolute;
    top: 200px;
    left: 700px;
    -webkit-animation: steam_Move 18s infinite linear;
    animation: steam_Move 18s infinite linear;
    transition: all 1s;
  }
  .steam2 {
    display: none;
  }
  @keyframes steam_Move {
    0% {
      filter: blur(10px);
      transform: rotateY(0deg);
      transform: scale(1, 1);
      opacity: 0.75;
      top: 340px;
    }
    33% {
      transform: rotateY(40deg);
      transform: scale(0.6, 1.2);
    }
    66% {
      transform: rotateY(2deg);
      transform: scaleY(1.2, 0.4);
    }
    100% {
      filter: blur(16px);
      transform: rotateY(50deg);
      transform: scaleY(1.4, 1.2);
      opacity: 0;
      top: -600px;
    }
  }
  @-webkit-keyframes steam_Move {
    0% {
      -webkit-filter: blur(10px);
      -webkit-transform: rotateY(0deg);
      -webkit-transform: scale(1, 1);
      opacity: 0.75;
      top: 340px;
    }
    33% {
      -webkit-transform: rotateY(40deg);
      -webkit-transform: scale(0.8, 1.2);
    }
    66% {
      -webkit-transform: rotateY(2deg);
      -webkit-transform: scaleY(1.2, 0.6);
    }
    100% {
      -webkit-filter: blur(16px);
      -webkit-transform: rotateY(50deg);
      -webkit-transform: scaleY(1.4, 1.2);
      top: -600px;
      opacity: 0;
    }
  }
  /*=== app ========================*/
  .top_app {
    background: #FBCBCB;
    padding: 40px 0;
  }
  .top_app_in {
    max-width: 70%;
    margin: 80px auto;
    text-align: center;
  }
  .top_app_in div {
    display: inline-block;
    max-width: 50%;
  }
  .top_app div span {
    display: block;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 160%;
    margin-bottom: 50px;
  }
  .hotelintro {
    width: 100%;
    height: 860px;
    min-height: 860px;
    overflow: hidden;
    background: url("../img/hoteltop_bg.jpg") no-repeat;
    background-position: center;
    background-size: cover;
  }
  .hotelintro_text {
    width: 756px;
    margin: 100px auto 0;
    text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff;
    text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff;
  }
  .hotelintro p, .hotelintro2 p {
    font-size: 16px;
    letter-spacing: 2px;
    display: block;
    padding-top: 50px;
    padding-right: 20px;
  }
  /*  .hotelintro_slide {
    margin: 0 auto;
    width: 800px;
    height: 500px;
    text-align: left;
    overflow: hidden;
    float: right;
  }*/
  .hotelintro_slide {
    margin: 0 auto;
    width: 800px;
    height: 500px;
    text-align: left;
    overflow: hidden;
    float: left;
  }
  .hotelintro_slide ul {
    width: 800px;
    height: 500px;
    text-align: left;
    overflow: hidden;
    position: relative;
  }
  .hotelintro_slide ul li {
    top: 0;
    left: 0;
    width: 800px;
    height: 500px;
    display: none;
    position: absolute;
  }
  .hotelintro2 {
    width: 1250px;
    height: auto;
    margin: 50px auto;
  }
  .hotelintro2_txt {
    width: 400px;
    height: auto;
    display: table;
    margin: 0 auto;
    float: left;
    margin-top: -50px;
  }
  .hotelintro2_txt p {
    height: 150px;
    margin-left: 20px;
  }
  .hotelintro2_txt img {
    width: 400px;
    height: auto;
    padding: 20px;
  }
  .cale {
    position: relative;
    display: inline-block;
    width: 200px;
    height: 36px;
    border: 2px solid #2E1D05;
    border-radius: 15px;
  }
  input[type="date"] {
    position: relative;
    padding: 0 10px;
    width: 200px;
    height: 36px;
    border: 0;
    background: transparent;
    box-sizing: border-box;
    font-size: 14px;
    color: #2E1D05;
  }
  .cale::before {
    position: absolute;
    content: "";
    top: 0;
    right: 2px;
    width: 36px;
    height: 36px;
    background: url(../img/calendar.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 20px;
  }
  input[type="date"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
  }
  input[type="date"]::-webkit-clear-button {
    -webkit-appearance: none;
  }
  input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 0;
    width: 36px;
    height: 36px;
    background: rgba(255, 0, 0, 0.5);
    color: transparent;
    cursor: pointer;
  }
  .top_sr_bk {
    background: url("../img/top_sv_bk.png") no-repeat;
    background-position: left;
  }
  .top_sr {
    width: 1200px;
    margin: 200px auto 100px auto;
    text-align: center;
  }
  .top_sr strong {
    margin: 0 auto;
    text-align: center;
    display: block;
    margin-bottom: 20px;
    font-weight: 500;
  }
  .top_sr div {
    display: inline-block;
    padding: 20px;
    margin-bottom: 20px;
    background-color: rgba(255, 255, 255, 0.5);
    vertical-align: top;
  }
  .top_sr div img {
    display: block;
  }
  .top_sr div p {
    width: 500px;
    display: block;
  }
  .top_sr div p span {
    font-weight: bold;
    display: block;
    padding: 5px 0;
    font-size: 120%;
    border-bottom: solid 1px #000;
    margin: 10px auto;
  }
  /*=== event ========================*/
  .ev {
    width: 100%;
    height: auto;
    clear: both;
    margin: 50px auto;
    background: url(../img/ev_back.jpg) repeat;
  }
  .event {
    width: 1000px;
    margin: 0 auto;
    display: block;
    position: relative;
  }
  .ev2 {
    width: 300px;
    padding: 30px 10px 0 10px;
    font-size: 30px;
    color: #1b7fb1;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: 800;
    border-bottom: 1px solid;
    line-height: 30px;
  }
  .ev2 span {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 16px;
    font-weight: 100;
    color: #10597d;
  }
  .ev img {
    width: 100%;
    height: auto;
    clear: both;
    margin: 0 auto;
    overflow: hidden;
    display: block;
  }
  .evp_1 {
    background-color: rgb(255, 255, 255, 0.8);
    width: 270px;
    height: 60px;
    position: absolute;
    top: -220px;
    left: 0px;
    z-index: 999;
    padding: 10px;
    border: solid #000000 1px;
  }
  .evp_2 {
    background-color: rgb(255, 255, 255, 0.8);
    width: 270px;
    height: 80px;
    position: absolute;
    top: -270px;
    left: 470px;
    z-index: 999;
    padding: 10px;
    display: block;
    border: solid #000000 1px;
  }
  .evp_3 {
    background-color: rgb(255, 255, 255, 0.9);
    width: 350px;
    height: 80px;
    position: absolute;
    top: -180px;
    left: 900px;
    z-index: 999;
    padding: 10px;
    border: solid #000000 1px;
  }
  .event p {
    position: relative;
    top: -110px;
    left: 10px;
  }
  .dayttl {
    float: right;
    padding-right: 90px;
    color: #FF8C00;
    background: -webkit-linear-gradient(0deg, #40E0D0, #FF8C00, #FF0080);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    text-transform: uppercase;
    vertical-align: middle;
  }
  .dayttl a {
    background-image: -webkit-linear-gradient(0deg, #40E0D0, #FF8C00, #FF0080);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-position: -0% 0;
    background-size: 200% auto;
    font-size: 1.75em;
    line-height: 1.15em;
    text-decoration: none;
    transition: background-position 0.5s ease-out;
  }
  .dayttl a:hover {
    background-position: -99.99% 0;
  }
  /*=== photogallery ========================*/
  .top_photo {
    width: 100%;
    height: 1050px;
  }
  .top_photo ul.top_photo2 {
    width: 1100px;
    height: auto;
    text-align: center;
    margin: 0 auto;
  }
  .top_photo ul.top_photo2 li {
    display: inline-block;
    width: 250px;
    height: 200px;
    border: 1px solid #fff;
    box-sizing: border-box;
    background: #000;
    overflow: hidden;
  }
  .top_photo ul.top_photo2 li img {
    display: block;
    transition-duration: 0.3s;
  }
  .top_photo ul.top_photo2 li:hover img {
    transform: scale(1.1);
    transition-duration: 0.5s;
  }
  /*=== guestroom ========================*/
  .top_room {
    width: 100%;
    height: 500px;
    min-height: 50px;
    overflow: hidden;
    background: url("../img/top_room.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 30px;
  }
  .top_room2 {
    width: 1000px;
    height: auto;
    margin: 0 auto 80px auto;
  }
  .top_roomslide {
    margin: 0 auto;
    width: 600px;
    height: 400px;
    text-align: left;
    overflow: hidden;
    float: right;
  }
  .top_roomslide ul {
    width: 600px;
    height: 400px;
    text-align: left;
    overflow: hidden;
    position: relative;
  }
  .top_roomslide ul li {
    top: 0;
    left: 0;
    width: 600px;
    height: 400px;
    display: none;
    position: absolute;
  }
  .top_roomtxt {
    width: 30%;
    max-width: 500px;
    height: auto;
    font-size: 16px;
    margin: 0 auto;
    padding-top: 30px;
    text-align: left;
    float: left;
  }
  .center {
    margin: 0 auto;
    text-align: center;
  }
  .hwt {
    margin: 0 auto;
    text-align: center;
  }
  .hwt p {
    width: 85%;
    margin: 10px 0 50px;
    text-align: right;
  }
  .mirable {
    width: 80%;
    margin: 0 auto 50px auto;
    text-align: center;
    background: url("../img/mirable.jpg") center center;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
  }
  .mirable1 {
    width: 1050px;
    margin: 80px auto;
    text-align: center;
  }
  .mirable1 img {
    display: inline-block;
  }
  .mirable1 div {
    position: relative;
    padding: 50px 0;
    height: 400px;
  }
  .mira_sizuku {
    position: absolute;
    z-index: 999;
  }
  .top_room3 {
    width: 1200px;
    height: auto;
    margin: 50px auto 0;
  }
  .top_room3 h3 {
    font-size: 30px;
    text-align: center;
  }
  .top_room3 ul {}
  .top_room3 ul li {
    width: 600px;
    height: 350px;
    float: left;
  }
  .top_room3 ul li:last-child {
    width: 1200px;
    height: 350px;
    float: left;
  }
  .top_room3 ul li a {
    color: #fff;
  }
  .zoom_item {
    position: relative;
    top: 0;
    left: 0;
    width: 600px;
    height: 350px;
    overflow: hidden;
    display: block;
    color: #333;
    text-decoration: none;
    float: left;
  }
  .zoom_item img {
    height: 100%;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    filter: blur(0px);
  }
  .zoom_item:hover img {
    filter: blur(10px);
  }
  figure {
    position: relative;
    overflow: hidden;
    width: 600px;
    margin: 0;
  }
  figcaption {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
  }
  figcaption span, figcaption p {
    position: absolute;
    left: -100%;
    width: 600px;
    -webkit-transition: .3s;
    transition: .3s;
    text-align: center;
  }
  figcaption span {
    top: 70px;
    font-size: 30px;
    line-height: 34px;
  }
  figcaption p {
    top: 170px;
    font-size: 18px;
  }
  figure:hover figcaption {
    opacity: 1;
    outline: 1px solid #fff;
    outline-offset: -30px;
  }
  figure:hover figcaption span, figure:hover figcaption p {
    left: 0;
  }
  figure:hover figcaption span {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
  }
  figure:hover figcaption p {
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
  }
  .zoom_item2 {
    position: relative;
    top: 0;
    left: 0;
    width: 1200px;
    height: 350px;
    overflow: hidden;
    display: block;
    color: #333;
    text-decoration: none;
    float: left;
  }
  .zoom_item2 img {
    height: 100%;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    filter: blur(0px);
  }
  .zoom_item2:hover img {
    filter: blur(10px);
  }
  .roomtype5 figure {
    position: relative;
    overflow: hidden;
    width: 1200px;
    margin: 0;
  }
  .roomtype5 figcaption {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
  }
  .roomtype5 figcaption span, .roomtype5 figcaption p {
    position: absolute;
    left: -100%;
    width: 1200px;
    -webkit-transition: .3s;
    transition: .3s;
    text-align: center;
  }
  .roomtype5 figcaption span {
    top: 70px;
    font-size: 30px;
    line-height: 34px;
  }
  .roomtype5 figcaption p {
    top: 140px;
    font-size: 18px;
  }
  .top_breakfast {
    width: 100%;
    height: 500px;
    min-height: 50px;
    overflow: hidden;
    background: url("../img/top_restaurant.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 30px;
  }
  .top_breakfast2 {
    width: 1000px;
    height: auto;
    margin: 0 auto 100px;
    background: url("../img/top_breakfastbg.jpg") no-repeat;
    background-position: 100px 40px;
  }
  .top_breakfastslide {
    margin: 0 auto;
    width: 600px;
    height: 400px;
    text-align: left;
    overflow: hidden;
    float: left;
  }
  .top_breakfastslide ul {
    width: 600px;
    height: 400px;
    text-align: left;
    overflow: hidden;
    position: relative;
  }
  .top_breakfastslide ul li {
    top: 0;
    left: 0;
    width: 600px;
    height: 400px;
    display: none;
    position: absolute;
  }
  .top_breakfasttxt {
    width: 32%;
    max-width: 500px;
    height: auto;
    font-size: 16px;
    margin: 0 auto;
    padding: 90px 50px 50px 0;
    text-align: left;
    float: right;
  }
  /*=== plan ========================*/
  canvas {
    width: 100%;
    height: auto;
    vertical-align: top;
  }
  .top_plan {
    background: #a2f1f6;
    width: 100%;
    height: auto;
    text-align: center;
    padding-bottom: 30px;
  }
  .top_plan h3 {
    margin: 0;
    display: inline-block;
  }
  span.shisa {
    display: block;
  }
  span.shisa:before {
    content: url("../img/shisa1.png");
    display: inline-block;
    width: 120px;
    position: relative;
    top: 15px;
  }
  span.shisa:after {
    content: url("../img/shisa2.png");
    display: inline-block;
    width: 120px;
    position: relative;
    top: 15px;
  }
  .plan {
    width: 1200px;
    height: auto;
    margin: auto;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
  }
  .pln {
    width: 590px;
    height: 422px;
    background-color: #FFF;
    border-radius: 20px;
    margin: 20px 20px 0 0;
  }
  .pl_gen {
    width: 300px;
    height: 300px;
  }
  .pln img {
    float: left;
    padding-left: 20px;
    position: relative;
    bottom: 30px;
  }
  .plntxt {
    width: 250px;
    height: 268px;
    float: right;
    font-size: 16px;
    padding-right: 8px;
    position: relative;
    bottom: 30px;
  }
  .plntxt p {
    height: 150px;
  }
  .plntxt strong {
    font-size: 19px;
  }
  .pln2 {
    width: 590px;
    height: 422px;
    background-color: #FFF;
    border-radius: 20px;
    margin-top: 20px;
  }
  .pln2 img {
    float: left;
    padding-left: 20px;
    position: relative;
    bottom: 30px;
  }
  .pln3 {
    width: calc(1160px / 3);
    height: auto;
    background-color: #f9fae9;
    border-radius: 20px;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    margin-top: 20px;
    padding-top: 12px;
  }
  .pln4 {
    width: calc(1160px / 3);
    height: auto;
    background-color: #fff;
    border-radius: 20px;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
    margin: 20px 20px 0 20px;
    padding-top: 10px;
  }
  .pln3 img {
    margin: 10px auto;
    text-align: center;
  }
  .pln4 img {
    margin: 10px auto;
    text-align: center;
  }
  .pln3s {
    width: 300px;
    font-weight: normal;
    font-size: 16px;
    text-align: center;
    margin: auto;
  }
  .plbt_waku {
    width: 250px;
    height: auto;
    margin: auto;
    text-align: center;
    padding: 25px 0;
  }
  span .plnbt {
    font-size: 16px;
    display: block;
  }
  span.plnbt a {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    background: #6FC;
    text-decoration: none;
    width: 100%;
    height: 100%;
    border: 1px solid #333;
    border-radius: 20px;
    padding: 5px 10px;
    color: #333;
    margin-right: 10px;
  }
  span.plnbt a:hover {
    background: #FDA91E;
    border: 1px solid #FDA91E;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
  }
  span .plnbt2 {
    font-size: 16px;
    display: inline-block;
  }
  span.plnbt2 a {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    background: #3FF;
    text-decoration: none;
    width: 100%;
    height: 100%;
    border: 1px solid #333;
    border-radius: 20px;
    padding: 5px 10px;
    color: #333;
    margin-right: 10px;
  }
  span.plnbt2 a:hover {
    background: #FDA91E;
    border: 1px solid #FDA91E;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
  }
  /*=== LADIESFLOOR ========================*/
  .top_ld {
    width: 100%;
    height: 700px;
    min-height: 50px;
    overflow: hidden;
    background: url("../img/ld_bk.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 30px;
  }
  .pr {
    position: relative;
    height: 590px;
  }
  .top_ld2 {
    width: 1140px;
    height: auto;
    background: url("../img/ld_bk2.jpg") no-repeat;
    background-size: cover;
    z-index: 900;
    position: absolute;
    top: -500px;
    left: 50%;
    margin-left: -600px;
    box-shadow: 1px 1px 20px #333;
    padding: 30px 30px 60px;
    text-align: center;
  }
  .top_ld2 h4 {
    margin: 0 auto;
    text-align: center;
    letter-spacing: 1px;
  }
  .top_ld3 {
    width: 100%;
    height: auto;
    text-align: center;
  }
  .top_ld3 div {
    display: inline-block;
    width: 27%;
    margin-top: 40px;
    vertical-align: top;
    margin: 40px 10px 0 10px;
  }
  .top_ld3 img {
    display: block;
    width: 100%;
  }
  .top_ld3 span {
    font-size: 24px;
    letter-spacing: 1px;
    text-align: center;
    display: block;
    color: #2E1D05;
  }
  /*=== service ========================*/
  .top_service {
    width: 100%;
    height: 700px;
    min-height: 50px;
    overflow: hidden;
    background: url("../img/top_service.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 30px;
  }
  .pr {
    position: relative;
    height: 590px;
  }
  .top_service2 {
    width: 1140px;
    height: auto;
    background: url("../img/service_bg.jpg") no-repeat;
    background-size: cover;
    z-index: 900;
    position: absolute;
    top: -500px;
    left: 50%;
    margin-left: -600px;
    box-shadow: 1px 1px 20px #333;
    padding: 30px 30px 60px;
    text-align: center;
  }
  .top_simmons {
    width: 100%;
    height: auto;
  }
  .top_simmons div {
    float: right;
    width: 440px;
    padding-left: 20px;
    font-size: 14px;
    color: #2E1D05;
  }
  .top_lpb {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 15px;
  }
  .top_lpb div {
    width: 440px;
    font-size: 14px;
    color: #2E1D05;
    margin-top: 9px;
  }
  .top_lpb img {
    float: right;
  }
  .top_lpb_img {
    margin-top: 30px;
  }
  .top_service3 {
    width: 100%;
    height: auto;
    text-align: center;
  }
  .top_service3 div {
    display: inline-block;
    width: 27%;
    margin-top: 40px;
    vertical-align: top;
  }
  .top_service3 img {
    display: block;
    width: 100%;
  }
  .top_service3 span {
    font-size: 24px;
    letter-spacing: 1px;
    text-align: center;
    display: block;
    color: #2E1D05;
  }
  .top_service3 p {
    font-size: 14px;
    text-align: left;
    color: #2E1D05;
    margin: 0 15px;
  }
  .kaube_margin {
    margin-right: 50px;
    margin-left: 50px;
  }
  .top_access {
    width: 100%;
    height: 500px;
    min-height: 50px;
    overflow: hidden;
    margin-bottom: 30px;
    clear: both;
  }
  .top_access iframe {
    width: 100%;
    height: 500px;
  }
  .top_access p {
    text-align: center;
    margin-bottom: 30px;
  }
  .luup {
    background: #00afa8;
    text-align: center;
    margin: 80px auto;
    position: relative;
    height: 500px;
    overflow: inherit;
  }
  .luup img {
    display: inline-block;
    position: absolute;
    top: -50px;
    left: 30%;
  }
  .luup p {
    display: inline-block;
    max-width: 500px;
    color: #fff;
    position: absolute;
    top: 150px;
  }
  .luup p a {
    background: #fff;
    padding: 10px 20px;
    border-radius: 20px;
    color: #00afa8;
    margin-top: 80px;
  }
  .luup a:hover {
    opacity: 0.6;
    transition-duration: 0.3s;
    text-decoration: none;
  }
  .top_access2 {
    margin-top: 120px;
    width: 90%;
    height: 500px;
    min-width: 1055px;
    margin-left: 10%;
    background: url("../img/top_kabg.png") no-repeat top;
    background-position-x: 920px;
  }
  .top_access2 img {
    float: left;
  }
  .top_access2 div {
    float: left;
    padding-left: 20px;
  }
  .top_access2 div span {
    font-size: 30px;
    padding: 30px 0;
  }
  .top_access2 div p {
    font-size: 16px;
  }
  .day_monthly {
    width: 1050px;
    margin: 50px auto;
  }
  .top_monthly, .top_day {
    width: 520px;
    height: 434px;
    display: inline-block;
    position: relative;
    margin-bottom: 80px;
  }
  .top_monthly {
    background: url("../img/top_month_bn.jpg") no-repeat center;
    margin-right: -2px;
  }
  .top_monthly a, .top_day a {
    position: absolute;
    top: 380px;
    right: 30px;
    font-size: 14px;
    border: solid 1px #000;
    padding: 10px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    color: #000;
  }
  .top_monthly a:hover {
    border: solid 1px #C4AB6C;
    color: #C4AB6C;
    opacity: 0.6;
    transition-duration: 0.3s;
  }
  .top_day a:hover {
    border: solid 1px #C4AB6C;
    color: #C4AB6C;
    opacity: 0.6;
    transition-duration: 0.3s;
  }
  .top_day {
    background: url("../img/top_day_bn.jpg") no-repeat center;
    margin-left: -2px;
  }
  a.anchor {
    display: block;
    padding-top: 200px;
    margin-top: -200px;
  }
  .c_info {
    background: url("../img/c_bk.jpg") no-repeat center;
    margin: 2em auto;
    text-align: center;
    width: 980px;
    height: 300px;
    color: #fff;
    position: relative;
  }
  .c_info h1 {
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    font-size: 180%;
    text-align: center;
    padding-top: 1em;
  }
  .c_info a {
    position: relative;
    top: 2em;
    display: inline-block;
    font-size: 140%;
    padding: 1em 2em;
    text-decoration: none;
    color: #fff;
    transition: .4s;
    border: solid 2px #fff;
    line-height: 24px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
  }
  .c_info a:hover {
    background: #0C2E7C;
    color: #fff;
    border: solid 2px #0C2E7C;
  }
  .c_info i {
    position: absolute;
    right: 1em;
    top: 2em;
  }
  .c_info2 {
    background: url("../img/airduster_bk.jpg") no-repeat center;
    background-size: cover;
    margin: 2em auto 2em auto;
    width: 980px;
    height: 450px;
    position: relative;
  }
  .c_info2 img {
    position: absolute;
    top: 390px;
    right: 40px;
  }
  @media (max-width: 768px) {
    .c_info2_smh {
      margin: 2em auto 2em auto;
      text-align: center;
      width: 90%;
      padding-bottom: 5em;
    }
    .c_info2_smh span {
      font-weight: bold;
      font-size: 140%;
      font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
      display: block;
      padding-bottom: 5px;
      border-bottom: #E40C10 solid 2px;
    }
    .c_info2_smh img {
      padding-top: 1.5em;
    }
    .c_info2_smh p {
      font-size: 140%;
      font-weight: bold;
      color: #DC0E11;
    }
  }
  .tele {
    background: url("../img/tele_bk.jpg") no-repeat center;
    border-top: solid 3px #fff;
    margin: 0 auto;
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    text-align: center;
    width: 980px;
    height: 300px;
  }
  .tele img {
    margin: 230px 10px 0 10px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
  }
  .tele a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
  }
  .monthly {
    background: url("../img/mo_bn.jpg") no-repeat center;
    border-top: solid 3px #fff;
    margin: 0 auto;
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    text-align: center;
    width: 980px;
    height: 300px;
  }
  .monthly img {
    position: absolute;
    top: 230px;
    left: 600px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
  }
  .monthly a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
  }
  @media only screen and (max-width: 350px) {
    .link_btn {
      min-width:
    }
  }
  *::-ms-backdrop, .main_imgBox {
    background: url("../img/03.jpg") no-repeat center;
    width: 100%;
    height: 100vh;
    background-size: cover;
  }
  *::-ms-backdrop, .box_mirable {
    background: rgba(255, 255, 255, .7);
    border-radius: 5px;
    padding: 20px;
    text-align: center;
    margin: 0 auto;
    margin-left: 0;
    margin-right: 0;
  }
  *::-ms-backdrop, .box p {
    padding-top: 20px;
  }
  /*ポップアップここから*/
  .popup_wrap input {
    display: none;
  }
  .popup_overlay {
    display: flex;
    justify-content: center;
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.5s, transform 0s 0.5s;
    transform: scale(0);
  }
  .popup_trigger {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .popup_content {
    position: relative;
    align-self: center;
    width: 90%;
    max-width: 800px;
    padding: 30px 30px 15px;
    box-sizing: border-box;
    background: #fff;
    line-height: 1.4em;
    transition: 0.5s;
  }
  .close_btn {
    position: absolute;
    top: 14px;
    right: 16px;
    font-size: 30px;
    cursor: pointer;
  }
  .popup_wrap input:checked ~ .popup_overlay {
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.5s;
  }
  .open_btn {
    position: relative;
    top: 20px;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 400px;
    height: 30px;
    margin: 10px auto;
    padding: 8px 16px;
    color: #fff;
    background: #0c0d62;
    font-weight: bold;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    border-radius: 3px;
    cursor: pointer;
    transition: .3s ease;
  }
  .open_btn:hover {
    background: #000;
    color: #fff;
    transition: .3s ease;
  }
  /*ポップアップココまで*/
	
	.news_frame{
		 width:900px;
		height:380px;
		margin:50px auto;
		display: block;
		border: solid 1px #B9B5B5;
	}
}
	
	@media screen and (max-width:767px) {
	
		.news_frame{
		 width:90vw;
		height:50vh;
			margin:100px auto 50px auto;
		}
	
	}

  /*
********************************
　宿泊予約・トリプラ
*********************************
*/
.book {
  width: 100%;
  margin: 50px auto 40px;
  text-align: center;
}
.book-btn01 {
  width: 80%;
  margin: 0 auto 20px;
  background: #a02a37;
  color: #fff;
  padding: 25px 0;
    letter-spacing: 0.1em;
}
.book-btn02 {
  position: relative;
  display: inline-block;
}
.book-btn02:before {
  position: absolute;
  content: "・";
  color: #a02a37;
  font-size: 50px;
  top: -28px;
  left: -38px;
}
.tripla-top {
  display: none;
}
@media screen and (min-width: 1100px) {
  .book {
    margin: 80px auto;
  }
  .book-btn01 {
    text-align: center;
    width: 112px;
    display: inline-block;
    margin: 0;
    padding: 45px 0;
  }
  .book-btn02 {
    margin-left: 25px;
  }
  .book_pc {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .tripla-top {
    display: block;
    border-right: 2px solid #eee;
  }
  .search-widget-search-container-bf1818 {
    padding: 15px 25px 10px !important;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
    border-radius: 0 !important;
    text-align: left;
  }
  section.search-widget-day-use-wrapper-fc1ff9 {
    text-align: left;
    font-size: 15px;
  }
  label.input-container-input-container-da40af, .input-container-title-db81ec {
    font-size: 15px !important;
  }
  .search-widget-input-34bba0, .search-widget-select-75fb48 {
    font-size: 14px !important;
  }
  .search-widget-search-container-bf1818 {
    padding: 0 20px !important;
  }
  .button-btn-f51c1a {
    margin: 5px 0 !important;
  }
  .book-btn02:before {
    top: -25px;
  }
}