/* =================================================================================================== */
/* about */
/* =================================================================================================== */
body.about .sub-ttl::after{margin-top:25px;}

body.about .block-lead{background:url(../img/about/back.jpg) no-repeat center center;background-size:cover;}
body.about .block-lead .container{padding-top:30px;padding-bottom:30px;}
body.about .block-lead .box-lead{background:url(../img/about/back.png) repeat;width:94%;margin:auto;padding:50px 70px;}
body.about .block-lead .catch{background:url(../img/back08.jpg) repeat;margin-bottom:30px;font-size:16px;overflow:hidden;padding:25px 0;}
body.about .block-lead .catch dt{clear:both;width:500px;font-weight:bold;float:left;text-align:right;}
body.about .block-lead .catch dd{color:#205c9f;float:left;margin-left:8px;}
body.about .block-lead .txt span{color:#205c9f;}

/* 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;}
#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-baghotel */
#block-baghotel{position:relative;height:750px;
  /* margin-top: 100px; */
}
#block-baghotel .block-left{content:"";display:block;width:22%;height:100%;background:url(../img/baghotel_img01.jpg) no-repeat center center;background-size:cover;float:left;}
#block-baghotel .block-right{content:"";display:block;width:22%;height:100%;background:url(../img/baghotel_img02.jpg) no-repeat center center;background-size:cover;float:left;}
#block-baghotel .block-center{width:56%;float:left;padding-top: 60px;}

#block-baghotel h2{margin:60px 0 40px;}
#block-baghotel .txt{line-height:2;margin-bottom:30px;}
#block-baghotel .txt span{color:#205c9f;}
#block-baghotel .txt br.sp{display:none;}
#block-baghotel .list-branch{margin:0 0 40px;white-space:nowrap;display:flex;justify-content:center;max-width: 500px;
  margin: 0 auto;}
#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;}


body.en.about .block-lead .catch dt {float: none;width: 100%;text-align: center;margin-top:5px;}
body.en.about .block-lead .catch dd {float: none;width: 100%;text-align: center;margin-left:0;}

body.about .block-about .map{margin-bottom:30px;text-align:center;}
body.about .block-about .nav-link{white-space:nowrap;font-size:0;display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;}
body.about .block-about .nav-link > li{display:inline-block;vertical-align:top;width:23.5%;border-radius:4px;white-space:nowrap;background-color: #c4a043;}
body.about .block-about .nav-link > li:last-child{margin-right:0;}
/* body.about .block-about .nav-link > li.kyoto{background:url(../img/back06.jpg);}
body.about .block-about .nav-link > li.shinosaka{background:url(../img/back07.jpg);}
body.about .block-about .nav-link > li.osaka{background:url(../img/back06.jpg);}
body.about .block-about .nav-link > li.kanku{background:url(../img/back07.jpg);} */
body.about .block-about .nav-link a{color:#fff;font-weight:bold;font-size:18px;letter-spacing:2px;text-decoration:none;padding:15px 20px;display:block;position:relative;display:table-cell;width:300px;vertical-align:middle;line-height:1.3;}
body.about .block-about .nav-link a::after{content:"";display:block;background:url(../img/icon_arrow10.png);width:19px;height:12px;position:absolute;top:50%;right:25px;margin-top:-6px;}
body.about .block-about .nav-link > li:hover{opacity:0.7;transition:.2s;}
body.about .block-about .nav-link > li small{display:block;line-height:1.4;}

body.about .block-about .box-about{background:#fff;margin-top:50px;box-shadow:1px 1px 6px 2px rgba(32,92,159,0.1);padding:40px;overflow:hidden;}
body.about .block-about #kyoto{margin-top:30px;}
body.about .block-about .box-about .left-block{width:470px;float:left;}
body.about .block-about .box-about .right-block{width:419px;float:right;}
body.about .block-about .box-about h2{margin:0 auto 20px;font-size: 20px;font-weight: bold;}
body.about .block-about .box-about table.table-about{border:1px solid #ddd;width:100%;margin-bottom:30px;text-align:left;}
body.about .block-about .box-about table.table-about tr{border-bottom:1px solid #ddd;}
body.about .block-about .box-about table.table-about tr:last-child{border-bottom:0;}
body.about .block-about .box-about table.table-about th{background:#eee;padding:15px 30px;font-size:16px;vertical-align:middle;}
body.about .block-about .box-about table.table-about td{padding:15px 30px;vertical-align:middle;}
body.about .block-about .box-about table.table-about a{text-decoration:none;color:#333!important;cursor:text;}

body.en.about .block-about .box-about table.table-about{line-height:1.5;}

body.about .block-about .box-about .bottom-link{margin-bottom:-10px;max-width:500px;}
body.about .block-about .box-about .bottom-link ul{display:flex;width:100%;}
body.about .block-about .box-about .bottom-link li.li-left{width:55%;margin-right:2%;}
body.about .block-about .box-about .bottom-link li.li-right{width:43%;}
body.about .block-about .box-about .bottom-link a{width:100%;max-width:100%;}
body.about .block-about .box-about .bottom-link a.left::after{-webkit-transform: translateX(92%) translateY(-25%) rotate(-45deg);transform: translateX(92%) translateY(-25%) rotate(-45deg);}
body.about .block-about .box-about .bottom-link a.left:hover::after{-webkit-transform: translateX(4%) translateY(-25%) rotate(-45deg);transform: translateX(4%) translateY(-25%) rotate(-45deg);}
body.about .block-about .box-about .bottom-link a.right::after{-webkit-transform: translateX(104%) translateY(-25%) rotate(-45deg);transform: translateX(104%) translateY(-25%) rotate(-45deg);}
body.about .block-about .box-about .bottom-link a.right:hover::after{-webkit-transform: translateX(4%) translateY(-25%) rotate(-45deg);transform: translateX(4%) translateY(-25%) rotate(-45deg);}
body.about .block-about .box-about .bottom-link a.external span::after{content:"";display:inline-block;width:15px;height:14px;background:url(../img/about/icon_external.png) no-repeat;margin-left:5px;margin-right:-10px;vertical-align:-1px;}
@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){
  body.about .block-lead .box-lead{width:100%;}
  body.about .block-lead .catch dt{float:none;width:100%;text-align:center;}
  body.about .block-lead .catch dd{float:none;margin-left:0;text-align:center;}

  body.about .block-about .nav-link > li a{font-size:16px;letter-spacing:1px;padding:15px 5px 15px;}
  body.about .block-about .nav-link a::after{top:auto;right:auto;bottom:15px;left:50%;margin-left:-10px;margin-top:0;}

  body.about .block-about .box-about .left-block{width:100%;float:none;}
  body.about .block-about .box-about .right-block{width:100%;float:none;}
  body.about .block-about .box-about .bottom-link{margin:0 auto 20px;}

  body.about .block-about .box-about .right-block{height:0;padding-bottom:50%;overflow:hidden;position:relative;}
  body.about .block-about .box-about .right-block .img{width:100%;position:absolute;left:0;top:-25%;}
  body.about .block-about .box-about .right-block .img img{width:100%;height:auto;}
    /* block-baghotel */
    #block-baghotel{height:auto;}
    #block-baghotel .block-left{width:100%;height:200px;}
    #block-baghotel .block-center{width:100%;padding:60px 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;}
}

/* =================================================================================================== */
/* for sp */
/* =================================================================================================== */
@media screen and (max-width: 619px){
  body.about .block-lead .catch dt{float:none;width:100%;text-align:center;}
  body.about .block-lead .catch dd{float:none;margin-left:0;text-align:center;}

  body.about .block-lead .container{padding:3%;}
  body.about .block-lead .box-lead{padding:8%;}
  body.about .block-lead .sub-ttl{max-width:85%;margin:0 auto 20px;}
  body.about .block-lead .catch{margin-bottom:20px;padding:8% 5%;}
  body.about .block-lead .catch{font-size:14px;}
  body.about .block-lead .txt{text-align:left;}
  body.about .block-lead .txt br{display:none;}
  body.about .block-lead .catch dt{text-align:left;}
  body.about .block-lead .catch dd{text-align:left;}

  body.about .block-about .nav-link{white-space:normal;margin-bottom:-2%;overflow:hidden;gap: 5px;}
  body.about .block-about .nav-link > li{width:49%;display:block;float:left;margin-bottom:2%;}
  body.about .block-about .nav-link > li:nth-child(even){margin-right:0;}
  body.about .block-about .nav-link > li a{line-height:1.4;text-align:center;padding-left:0;padding-right:0;font-size:14px;}
  body.about .block-about .nav-link > li br{display:none;}

  body.about .block-about .box-about{padding:30px 5%;}
  body.about .block-about .box-about h2{max-width:55%;margin:5px auto 20px;}
  body.about .block-about .box-about .right-block{margin-left:-12%;margin-bottom:-30px;width:120%;padding-bottom:55%;}
  body.about .block-about .box-about table.table-about th{padding:10px 15px;vertical-align:middle;font-size:14px;white-space:nowrap;}
  body.about .block-about .box-about table.table-about td{padding:10px 15px;vertical-align:middle;}

  body.en.about .block-about .box-about table.table-about th{white-space:normal;}
  body.about .block-about .nav-link > li small{display:block;letter-spacing:0.5px;font-size:10px;}

  body.about .block-about .box-about .bottom-link ul{display:block;}
  body.about .block-about .box-about .bottom-link ul li{width:85%!important;margin:auto!important;}
  body.about .block-about .box-about .bottom-link ul li + li{margin-top:10px!important;}

    /* block-baghotel */
    #block-baghotel{margin-top: 0;}
    /* #block-baghotel .block-left {height: 60px;} */
    #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;}
    #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;}
}