@charset "UTF-8";
/* CSS Document */


       .single-page a.{
            font-size: 20px;
            text-align: center;
            margin-top: 170px;
            color: white;
            letter-spacing: 0.12em;
            text-decoration: none;
            display: block;
            border-radius: 10px;
            border: 0px solid #fff;
            padding: 20px;
            width: 8em;
            margin:0 auto;
        }
        .component-header{
            background: #ab925f;
            min-height: 100px;
        }
        .component-header #navi .nav-wrap{

        }
        .component-header #navi .nav-wrap a{
            margin-top: 20px;
        }
       /* .component-header h2{
            font-family: 'Marcellus', serif;
            font-weight: 400;
            letter-spacing: 0.12em;
            position: absolute;
            top:10px;
            left: 40px;
            font-size: 19px;
            color: black;
}
        .component-header a.namelogo{
            color: black;
            text-decoration: none;
            

}*/
.single-page{
    position: relative;
}
.single-page a.namelogo-ab{
    font-family: 'Marcellus', serif;
    font-weight: 400;
    letter-spacing: 0.12em;
    position: absolute;
    top:20px;
    left: 40px;
    text-decoration: none;
    color: white;
    font-size: 19px;
}

        .component-footer{
            background: #000;

        }
        @media screen and (max-width:820px) {
             .component-header h2{
                position: absolute;
                top:10px;
                left: 30px;
                font-size: 17px;
                color: white;
            
}
        }        
        
        /*Footer*/
.footer-section{
    
}
.footer-section .footer-text{
    color: gray;;
    text-align: center;
    width: 100%;
    padding-bottom: 25px;
    
    
}
.footer-section .footer-text p{
    text-align: center;
    font-family: 'Shippori Mincho', serif;
    font-weight: 400;
    letter-spacing: 0.12em;
    font-size: 13px;
    color: gray;
}
.footer-text h2,.footer-text h5{
    font-family: 'Marcellus', serif;
    font-weight: 400;
    letter-spacing: 0.12em;
}
.footer-text h2{
    font-size: 24px;
    mix-blend-mode:difference;
    color: gray;
}
.footer-text h5{
    font-size: 11px;
    color: gray;
}
.footer-section p a{
    color: gray;
    text-decoration: none;
    letter-spacing: 0.15em;
    font-family: 'Shippori Mincho', serif;
    font-weight: 400;
}
a.google-map-link{
    color: azure;
    text-decoration: none;
    letter-spacing: 0.15em;
    font-family: 'Marcellus', serif;
    font-weight: 400; 
}


      .footer-section img.image-kigo{
          mix-blend-mode: difference;
          margin: 45px 0;
      }
    @media screen and (max-width:820px){
        .footer-section .footer-text{
            bottom: 20px;
            padding-bottom: 15px;
        }
        .footer-text h2{
            font-size: 22px;
        }
        .footer-section .footer-text p{
            font-size: 12px;
        }    
    }

        .single-page .single-content{
            padding: 0 166px;
            background: #f5f5f5;
            padding-bottom: 100px;
            padding-top:100px;
        }
        /*.single-page-restaurant .single-content{
            padding: 0 10px;
            background: #f5f5f5;
            padding-bottom: 100px;
            padding-top:100px;
        }*/
         .single-page .single-content h1,.single-page .single-content h2,.single-page .single-content h3, .single-page .single-content p, .single-page .single-content a,.single-page .single-content h4{
             font-family: 'Shippori Mincho', serif;
             font-weight: 500;
             letter-spacing: 0.05em;
        }
        .single-page .single-content p{
            font-size: 17px;
            line-height: 29px;
        }
        .single-page .single-content h2{
             font-family: 'Shippori Mincho', serif;
             font-weight: 500;
            letter-spacing: 0.01em;
            font-size: 33px;
            line-height: 45px;
            margin-bottom: 20px;
            padding-left: 20px;
        }
        .single-page .single-content h3{
            font-weight: 500 ;
            font-size: 22px;
            line-height: 33px;
            margin-bottom: 30px;
            
        }
        .single-page .single-content a{
            text-decoration: none;
            color: black;
        }
        .single-page .single-content #breadcrumb{
             font-family: 'Shippori Mincho', serif;
             font-weight: 500;
            letter-spacing: 0.12em;
        }
        .single-page .single-content .column{
            padding: 0 30px;
            margin-bottom: 60px;
            border-left: 0px solid rgba(0,0,0,0.2);
        }
        .single-page .single-content .column p{
            padding: 20px 0;
        }
        .single-page .single-content .sub-block{
            padding-left: 50px;

        }
        .single-page .single-content .sub-block .column{
            border-left: 1px solid rgba(0,0,0,0.1);
        }

        .single-page .single-content .column a{
            border-bottom:0px solid #000;
            padding-bottom: 3px;
            opacity: 0.5;
            margin-left: 20px;
        }
        .single-page .single-content .column span.opacity{
            opacity: 0.5;
            padding-right: 10px;
            color: #85afd8;
            color: #cea78a;
            color: #ab925f;
            font-size: 11px;
            font-weight: bold;
            
            
        }
        .single-page .single-content .column span.detail{
            padding-left: 2em;
            display: block;
        }
        .p-inner{
            
        }

        @media screen and (max-width:820px){
            .single-page .single-content{
            padding: 0 16px;
            padding-bottom: 30px;
            padding-top:50px;

        }
        .single-page .single-content h2{
            font-size: 28px;
            line-height: 39px;
            margin-bottom: 20px;
        }
        .single-page .single-content p{
            font-size: 14px;
            line-height: 25px;
        }


            .single-page .single-content h3{
            font-weight: 500 ;
            font-size: 18px;
            line-height: 22px;
            margin-bottom: 20px;
            
        }
             .single-page .single-content .sub-block{
            padding-left: 30px;
        }

            .single-page .single-content .column{
            padding: 0 20px;
                margin-bottom: 30px;
                
        }
             .single-page .single-content .column p{
            padding: 10px 0;
        }


        }


/*hotel*/
       .single-page a.tel-link{
          border-bottom: 0px solid #ccc;
          padding: 0 0 3px 0;
          font-size: 15px;
          text-decoration: none;
          color: #000;
          letter-spacing: 0.15em;
      }
       .single-page a.tel-link{
          letter-spacing: 0.2em;
          font-size: 17px;
      }
       .single-page a.tel-link span{
                font-family: 'Marcellus', serif;
                font-weight: 400;

      }

.hotel-heading{
    font-size: 18px;
    margin-top: 10px;
    padding: 13px 20px 13px;
    border-bottom: 1px solid #cea78a;
    color: #fff;
    background: #ab925f;
    display: inline-block;
    border-radius: 3px;
}
.hotel-heading span{
    font-size: 14px;
    padding-left: 20px;
    letter-spacing: 0.2em;
    color: #fff;
    background: #ab925f;
    display: inline-block;
    border-radius: 10px;
    font-family: 'Marcellus', serif;
    font-weight: 400;
}
.hotel-wrap-box{
    border-bottom: 0px solid #ccc;
    padding: 15px;
    display: flex;
    justify-content: flex-start;
    margin:15px 0 35px;
}
.hotel-wrap-box div{
    width: 100%;
}
.hotel-wrap-box img{
    width: 5
    100%;
}
@media screen and (max-width:820px){
    
    .hotel-wrap-box{
    padding: 15px;
    display: block;
    justify-content: flex-start;
    margin:15px 0 35px;
}

}
        
        /*table*/

.table-01 {
    /*width: ;*/
    border: 2px #666 solid;
    border: 1px #666 solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 5px 0 35px 10px;
    width: 50%;
    width: 90%;
    /*max-width: 350px;*/
    }
.table-btm {
    margin: -15px 0 35px;
    }
.table-01 tr th {
    padding: 5px;
    border: 2px #666 solid;
    border: 1px #666 solid;
    border-width: 0 0 1px 1px;
    background: transparent;
    text-align: left;
    font-size: 16px;
    color: #333;
	line-height: 2.0;
	white-space: nowrap;
    }
 .table-01 tr td {
    padding: 10px 8px;
    border: 2px #666 solid;
     border: 1px #666 solid;
    border-width: 0 0 1px 1px;
     /*border-width: 0 0 0px 0px;*/
    text-align: left;
    font-size: 16px;
    color: #333;    
    line-height: 1.3em;
    letter-spacing: 0.1em;
    
     background: transparent;
             font-family: 'Shippori Mincho', serif;
             font-weight: 500;
    }
        .table-01 td{
            
        }
        .table-01 .bg{
            
        }
        .table-01 .price,.table-01 .head{
            text-align: left;
        }
        .table-01 .top{
            text-align: left;
            font-size: 15px;
        }

@media screen and (max-width: 820px) {
    .table-01 {
    margin: 20px 0 35px;
    width: 98%;
    /*max-width: 350px;*/
    }
    
          .table-01 tr td {
                padding: 5px 6px;
                font-size: 16px;
                line-height: 1.3em;
                }

}

/*contact*/

.form-inner input,.form-inner textarea{
    background-color: #EAEAEA;
    border:1px solid #666;
    max-width: 90%;
    resize: none;
}
.form-inner span.title{
    display: block;
}
.form-inner p.submit input{
    padding: 20px;
    border:0px solid #666;
    color: white;
    background:#666;
    font-weight: 700;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    letter-spacing: 0.15em;
    width: 8em;
}

.single-content .contact-column a.tel{
    border: 0px solid #ccc !important;
}


      /**--------------------------------------------------**/
/*ukiyo*/
      
      /*! 
MAIN STYLE
*/
section.content-ukiyo {
  position: relative;
  width: 100%;
    z-index: 2;
}
/*#container-ukiyo,#container-ukiyo2 {
  position: relative;
  z-index: 2;
}*/
.ukiyo {
  margin-top: 12.5em;
    margin-top: 2.5em;
}

.img-position-r {
  margin-left: auto;
  margin-right: 0%;
}
.img-size-1 {
    margin-left: 10%;
  /*width: 33.3333%;*/
    width: 50%;
  height: 75vh;
    height: 100vh;
}

.img-size-2 {
  width: 50%;
  height: 100vh;
}
@media screen and (max-width: 800px) {
  .img-position-l {
    margin-left: 0;
  }

  .img-position-r {
    margin-right: 0;
  }


  .img-size-1 {
    width: 75%;
    height: 75vh;
      height: 85vh;
  }

  .img-size-2 {
    width: 75%;
    height: 100vh;
      height: 70vh;
  }
    .img-size-full{
    height: 75vh;
    }
}
    img.ukiyo{
         pointer-events: none;
          }