@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* =================================================================================================== */
/* TOPページ */
/* =================================================================================================== */
/* mv */
#mv{
  background: url(../img/mvback05.png);
  position:relative;overflow:hidden;background-color: #fff7bf;padding-bottom: 30px;}
#mv .img-pc{padding:30px 0 0;}
#mv .img-sp{display:none;}
#mv h2{width:100%;position:absolute;bottom:50%;left:0;transform:translateY(50%);-webkit-transform:translateY(50%);padding-top:10px;}
#mv h2 img{margin:auto;}
#mv a{text-decoration:none;color:#fff;}
#mv a:hover{color:#bfd7f3;}
#mv .mv-news{text-align:left;padding:15px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#fff;margin-right:120px;}
#mv .mv-link{position:absolute;right:0;top:15px;border:1px solid #fff;border-radius:3px;padding:1px 25px;}
#mv .mv-link:hover{background:#fff;color:#205c9f;}

#mv #slider{width:1037px;max-width:100%;margin:auto;position:relative;}
#mv #slider::before{content:"";display:block;width:59px;height:100%;background:url(../img/frame01.png) no-repeat center center;background-size:cover;position:absolute;left:0;top:10px;z-index:5;}
#mv #slider::after{content:"";display:block;width:59px;height:100%;background:url(../img/frame02.png) no-repeat center center;background-size:cover;position:absolute;right:0;top:10px;z-index:5;}
#mv #slider .slide-item{position:relative;}
#mv #slider .slide-arrow{position:absolute;z-index:1;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);cursor:pointer;}
#mv #slider .prev-arrow{left:-80px;}
#mv #slider .next-arrow{right:-80px;}
#mv #slider .prev-arrow:hover,#mv #slider .next-arrow:hover{opacity:0.7;transition:.2s;}

/* --------------------------------------------------------------------- */
/* block-intro */
#block-intro .container{padding:50px 0;}
#block-intro .block-right{background:#fff;width:620px;float:right;position:relative;z-index:2;text-align:left;padding:40px 40px 30px;box-shadow:1px 1px 5px 0px rgba(32,92,159,0.2);}
#block-intro .block-left{float:left;margin-top:-380px;position:relative;z-index:1;box-shadow:1px 1px 5px 0px rgba(32,92,159,0.2);}

#block-intro .block-right h2{display:inline-block;color:#143357;font-size:30px;font-weight:bold;line-height:1.2;font-style:italic;letter-spacing:3px;border-top:1px solid #143357;border-bottom:1px solid #143357;padding:20px 5px 20px 15px;-webkit-transform:rotate(-4deg);transform:rotate(-4deg);margin-bottom:40px;}
#block-intro .block-right h2 span{font-size:36px;}
#block-intro .block-right h2 span.big{font-size:42px;}
#block-intro .block-right .img{position:absolute;top:-20px;right:20px;}
#block-intro .block-right .txt{font-size:16px;margin-bottom:20px;}
#block-intro .block-right .coupon{display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-around;}
  #block-intro .block-right .coupon img{width: 45%;max-width: 200px;}
#block-intro .block-right .btn01{text-align:center;margin-top:10px;}
#block-intro .block-right br.sp{display:none;}
#block-intro .sp-img{display:none;}

body.zh-hant #block-intro .block-right h2{line-height:1.4;padding:15px 5px 15px 10px;}
body.zh-hans #block-intro .block-right h2{line-height:1.4;padding:15px 5px 15px 10px;}
body.en #block-intro .block-right h2{letter-spacing:2px;}
body.ko #block-intro .block-right h2{padding:20px 5px 20px 10px;letter-spacing:2px;}
body.ko #block-intro .block-right h2 span{letter-spacing:0;}

/* --------------------------------------------------------------------- */
/* block-service */
#block-service{position:relative;}
#block-service::after{content:"";display:block;width:100%;height:350px;background:url(../img/back.jpg);position:absolute;top:460px;z-index:-1;}
#block-service .img{position:absolute;top:50px;right:0;}
#block-service .lead{margin-bottom:40px;}

#block-service .list-service{margin-bottom:50px;display:flex;justify-content:center;flex-wrap:wrap;align-items: stretch;}
#block-service .list-service li{width:314px;margin-right:29px;position:relative;background: #fff;
  box-shadow: 1px 1px 5px 0px rgba(32, 92, 159, 0.1);}
#block-service .list-service li:last-child{margin-right:0;}
#block-service .list-service li a{text-decoration:none;position:relative;width:100%;display:block;}
#block-service .list-service li .service-img{background:url(../img/back08.jpg);text-align:center;padding:18px 0;}
/* #block-service .list-service li .box{background:#fff;box-shadow:1px 1px 5px 0px rgba(32,92,159,0.1);} */
#block-service .list-service li .pop-wrap{display:table;width:100%;margin-bottom:10px;}
#block-service .list-service li .pop{font-size:20px;font-weight:bold;color:#143357;letter-spacing:2px;margin-bottom:10px;display:inline-block;position:relative;padding:0 30px;display:table-cell;vertical-align:middle;width:100%;line-height:1.5;}
#block-service .list-service li .pop::before{content:url(../img/icon_line01.png);display:inline-block;position:absolute;left:0;bottom:0;}
#block-service .list-service li .pop::after{content:url(../img/icon_line02.png);display:inline-block;position:absolute;right:0;bottom:0;}
#block-service .list-service li .pop span{color:#d52e47;}
#block-service .list-service li h3{font-size:20px;font-weight:bold;margin:25px 5px 10px;letter-spacing:2px;line-height:1.4;margin-bottom:15px;}
#block-service .list-service li h3 small{font-size:14px;display:block;margin-top:3px;}
#block-service .list-service li .txt{padding:0 25px 40px;text-align:left;letter-spacing:0.6px;}
#block-service .list-service li a::after{content:url(../img/icon_link.png);display:block;position:absolute;bottom:0;right:0;width:54px;height:54px;}

#block-service .list-service-4 li{width:25%;flex:1;margin-right:1%;}
#block-service .list-service-4 li:nth-child(4n){margin-right:0;}
#block-service .list-service-4 li .pop{font-size:18px;letter-spacing:0.5px;}
#block-service .list-service-4 li .service-img{padding-left:10px;padding-right:10px;}

body.zh-hant #block-service .list-service li .pop{font-size:16px;}
body.zh-hans #block-service .list-service li .pop{font-size:16px;}
body.en #block-service .list-service li .pop{font-size:16px;line-height:1.4;display:table-cell;vertical-align:middle;letter-spacing:0.7px;text-align:center;padding:0 15px;}
body.en #block-service .list-service li .box{margin-top:10px;}
body.en #block-service .list-service li h3{letter-spacing:1px;}

/* --------------------------------------------------------------------- */
/* block-access */
/* #block-access::before{content:"";display:block;margin:auto;width:800px;height:1px;background:#333;} */
#block-access .img{position:absolute;top:70px;right:0;}
#block-access .container{padding-bottom:50px;}

body.en #block-access .img{top:40px;}

#block-access .txt{margin-bottom:50px;}
#block-access .btn01::before{content:url(../img/icon_map.png);display:inline-block;margin-right:15px;margin-left:-10px;position:relative;bottom:-3px;z-index:1;vertical-align:-2px;}
#block-access #map{width:100%;height:370px;}

body.en #block-access .btn01{width:360px;line-height:1.4;max-width:90%;}
iframe {
  display: block;
}

/* --------------------------------------------------------------------- */
/* block-baghotel */
#block-baghotel{position:relative;height:820px;}
#block-baghotel .block-left{content:"";display:block;width:22%;height:100%;background:url(../img/about/ninenzaka.jpg) no-repeat center center;background-size:cover;float:left;}
#block-baghotel .block-right{content:"";display:block;width:22%;height:100%;background:url(../img/about/kodaiji20.jpg) no-repeat center center;background-size:cover;float:left;}
#block-baghotel .block-center{width:56%;float:left;}

#block-baghotel h2{margin:60px 0 40px;}
#block-baghotel .txt{line-height:2;margin-bottom:30px;font-size: 1.8rem;}
#block-baghotel .txt span{color:#205c9f;}
#block-baghotel .txt br.sp{display:none;}
#block-baghotel .list-branch{margin: 0 auto 40px;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  width: 500px;
  flex-wrap: wrap;}
#block-baghotel .list-branch li{width:100%;max-width:140px;height:140px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#222;font-weight:bold;padding:5px 0 0;line-height:1.5;letter-spacing:1.5px;margin:0 1%;vertical-align:top;position:relative;flex-direction:column;}
#block-baghotel .list-branch li::before{content:"";width:100%;height:0;padding-bottom:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;border-radius:100%;background-color: rgb(229, 211, 185);}
/* #block-baghotel .list-branch li.kyoto::before{background:url(../img/back06.jpg);}
#block-baghotel .list-branch li.shinosaka::before{background:url(../img/back07.jpg);}
#block-baghotel .list-branch li.osaka::before{background:url(../img/back06.jpg);}
#block-baghotel .list-branch li.kankuu::before{background:url(../img/back10.jpg);} */

body.en #block-baghotel .list-branch li.kankuu small{display:block;font-size:12px;letter-spacing:0.7px;}
/* --------------------------------------------------------------------- */
/* block-column */
#block-column{position:relative;}
#block-column h2 {
  font-weight: 700;
  font-size: 2rem;
}
#block-column p {
  max-width: 800px;
  margin: 30px auto;
  background: #fff;
  box-shadow: 1px 1px 5px 0px rgba(32, 92, 159, 0.1);
  padding: 30px;
  text-align: left;
}
/* --------------------------------------------------------------------- */
/* block-contact */
#block-contact .img{position:absolute;top:90px;right:0;}
#block-contact::after{display:none;}

body.en #block-contact .img{top:60px;}

@media screen and (max-width:1139px){
  #block-baghotel .block-left{width:17%;}
  #block-baghotel .block-right{width:17%;}
  #block-baghotel .block-center{width:66%;}
}

/* =================================================================================================== */
/* for tablet */
/* =================================================================================================== */
@media screen and (max-width:999px){
  /* mv */
  #mv{padding-bottom: 0px;}
  #mv .img-pc{width:100%;margin:auto;padding:0 0;}
  #mv h2{width:70%;margin:auto;left:50%;transform:translate(-50%,50%);transform:translate(-50%,50%);}
  #mv .mv-news{padding:15px 3%;font-size:12px;}
  #mv .mv-link{right:3%;top:12px;}

  #mv #slider{width:auto;}
  #mv #slider::before, #mv #slider::after{display:none;}
  #mv #slider .slide-item{position:relative;}
  #mv #slider .prev-arrow{left:0px;padding:15px;border-radius:3px;max-width:6%;background-color: #fff7bf;}
  #mv #slider .next-arrow{right:0px;padding:15px;border-radius:3px;max-width:6%;background-color: #fff7bf;}

  /* block-intro */
  #block-intro .container{padding:3% 3%;}
  #block-intro .block-right{width:100%;float:none;text-align:center;}
  #block-intro .block-left{display:none;}
  #block-intro .sp-img{display:block;margin-bottom:20px;}
  #block-intro .block-right h2{letter-spacing:3px;font-size:24px;}
  #block-intro .block-right h2 span{font-size:30px;}
  #block-intro .block-right h2 span.big{font-size:36px;}
  #block-intro .block-right .img{top:-10px;right:5px;}


  /* block-service */
  #block-service{width:100%;overflow-x:hidden;}
  #block-service::after{display:none;}
  #block-service .img{right:3%;}
  #block-service .list-service li{width:100%;margin-right:0;margin-bottom:3%;position:relative;}
  #block-service .list-service li .service-img{width:45%;float:left;padding:5% 25px;}
  #block-service .list-service li .box{overflow:hidden;}
  #block-service .list-service li .info{overflow:hidden;}
  #block-service .list-service li .pop-wrap{margin-bottom:0;}
  #block-service .list-service li .pop{display:inline-block;width:auto;}
  #block-service .list-service li .pop br{display:none;}
  #block-service .list-service li::after{content:"";display:block;width:150%;height:70%;background:url(../img/back01.jpg);position:absolute;top:25%;left:-20%;z-index:-1;}

  #block-service .list-service-4 li{flex:auto;margin-right:0;}

  body.en #block-service .list-service li .pop{display:inline-block;}
  body.en #block-service .list-service li .box{margin-top:0;}
  body.en #block-service .img{top:30px;}

  /* block-access */

  #block-access .img{right:3%;}
  #block-access::before{content:"";display:block;margin:auto;height:1px;background:#333;width:80%;}

  /* block-baghotel */
  #block-baghotel{height:auto;}
  #block-baghotel .block-left{width:100%;height:200px;}
  #block-baghotel .block-center{width:100%;padding:0 5%;}
  #block-baghotel .block-right{display:none;}
  #block-baghotel .txt{line-height:1.6;}
  #block-baghotel .txt02 br{display:none;}
  #block-baghotel .btn01{margin-bottom:70px;}

  /* block-contact */
  #block-contact .img{right:3%;}
}
/* =================================================================================================== */
/* for sp */
/* =================================================================================================== */
@media screen and (max-width: 619px){
  #top .top-ttl{margin-bottom:20px;}
  #top .top-ttl .sub{font-size:11px;}
  #top .top-ttl .main{font-size:28px;}

  /* mv */
  #mv .img-pc{display:none;}
  #mv .img-sp{display:block;}
  #mv h2{width:85%;}
  #mv .mv-news{margin-right:70px;padding:10px 3%;}
  #mv .mv-link{font-size:12px;padding:1px 15px;top:8px;}

  #mv #slider .prev-arrow{left:0px;padding: 8px 4px;
    max-width: 10%;}
  #mv #slider .next-arrow{right:0px;padding: 8px 4px;
    max-width: 10%;}

  /* block-intro */
  #block-intro .container{padding:3%;}
  #block-intro .block-right .img{display:none;}
  #block-intro .block-right{padding:5%;}
  #block-intro .block-right h2{letter-spacing:3px;margin:10px auto 30px;padding:15px 10px;font-size:20px;width:95%;}
  #block-intro .block-right h2 span{font-size:26px;line-height:1.5;}
  #block-intro .block-right h2 span.big{font-size:32px;line-height:1.1;}
  #block-intro .block-right .txt{font-size:14px;text-align:left;}
  #block-intro .block-right .txt br{display:none;}

  body.zh-hant #block-intro .block-right h2{line-height:1.4;padding:15px 0;white-space:nowrap;}
  body.zh-hans #block-intro .block-right h2{line-height:1.4;padding:15px 0;}
  body.en #block-intro .block-right h2{padding:15px 0;white-space:nowrap;letter-spacing:1.5px;}
  body.en #block-intro .block-right h2 span{font-size:20px;}
  body.zh-hant #block-service .list-service li .pop{padding:0 20px;letter-spacing:1px;}

  /* block-service */
  #block-service .img{max-width:25%;top:50px;}
  #block-service .lead br{display:none;}
  #block-service .list-service{margin-bottom:30px;}
  #block-service .list-service li{margin-bottom:30px;}
  #block-service .list-service li h3{margin-top:20px;}
  #block-service .list-service li .pop{font-size:18px;}
  #block-service .list-service li .service-img{width:100%;max-width:100%;float:none;padding:10px 5%;}
  #block-service .list-service li .service-img img{max-width:45%;}
  #block-service .list-service li .txt{padding:0 5% 30px;}
  #block-service .list-service li::after{height:76%;top:18%;}

  /* block-baghotel */
  #block-baghotel h2{max-width:65%;margin:50px auto 40px;}
  #block-baghotel .txt{margin-bottom:20px;}
  #block-baghotel .txt br.sp{display:block;}
  #block-baghotel .list-branch{flex-wrap:wrap;margin-bottom:20px;width: 100%;}
  #block-baghotel .list-branch li{font-size:15px;padding:0;width:40%;margin:0 2% 2%;max-width:120px;height:120px;}

  #block-baghotel .list-branch li.osaka::before{background:url(../img/back07.jpg);}
  #block-baghotel .list-branch li.kankuu::before{background:url(../img/back10.jpg);}

  body.en #block-baghotel .list-branch li{font-size:14px;}
  body.en #block-baghotel .list-branch li.shinosaka{letter-spacing:0.7px;}
  body.en #block-baghotel .list-branch li.kankuu{line-height:1.2;}
  body.en #block-baghotel .list-branch li.kankuu small{margin-left: -2px;white-space: normal;}

  /* block-access */
  #block-access .container{padding-bottom:30px;}
  #block-access .img{max-width:20%;top:45px;}
  #block-access .txt{margin-bottom:30px;}
  #block-access .txt br{display:none;}
  #block-access #map{width:94%;margin:0 auto 3%;}
  body.en #block-access .img{top:25px;}

  /* block-contact */
  #block-contact .img{max-width:20%;top:65px;}
  body.en #block-contact .list-contact .pop{}
  body.en #block-contact .img{top:35px;}
  body.en #block-contact .list-contact .pop{letter-spacing:0.7px;white-space:nowrap;font-size:14px;}
  body.en #block-contact .list-contact .pop::before{margin-right:10px;}
  body.en #block-contact .list-contact .pop::after{margin-left:10px;}
}

@media screen and (max-width: 520px){
  #block-intro .block-right br.sp{display:block;}
}

/* =================================================================================================== */
/* slider */
/* =================================================================================================== */
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}