@charset "UTF-8";


/*
Theme Name: nozaki tomato 01
Author: yuya toda
Description: by yuya toda
Version: 1.1
*/


@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');


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



body.home ,
body.page-template-normal_2{
  background-color: #ecebe9;
}



body.blog{
  background-color: #e7ddd7;*#e7ddd7 ピンク*/
}



.page-template-normal-page.kissa{
    background-color: #f5f5f5 ;/

}


body.single-post{
     background-color:  #ecebe9;
  
}


body.contact,
body.page-template-access-page{
        background-color: #e7ddd7;
}





html, body {    
    margin: 0;
    padding: 0;
    font-weight: 400;
    word-wrap: break-word;
    font-size: 16px;
    letter-spacing: 0.025em;  
    line-height: 1.7;
    color: #555;
   /* font-family: "HelveticaLTPro-Roman", Arial, "Hiragino Kaku Gothic ProN", "Yu Gothic",
    YuGothic, meiryo, 'メイリオ', sans-serif !important;*/
    

    font-family: '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',
    'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;


/*font-family:'游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro',
'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/

   /* font-family: EB Garamond, 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",
    HGS明朝E,メイリオ,Meiryo,serif;*/

 /*font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/





          }





p, ul, ol, table, dl, a {
    /*font-size: 12px;
    letter-spacing: 0.2em;      */
    color: #555;  
  }


p {
    margin: 0 0 15px;
}






h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin: 0 0 0px;
    font-size: 18px;
    letter-spacing: 0.12em;

}


.clearfix:after,  section:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: " ";
    font-size: 0;}



img, .wp-caption {
  
    max-width: 100%;    
    height: auto;
    vertical-align: bottom;
}

/*internet Expoler用の設定*/
a img {
    border: none;
}



a.noborder{
    text-decoration: none;    
}


a:hover {
    text-decoration: none;
     
}



.image-wrap-wrapper {
    overflow: hidden;
}


.image-wrap, .image-wrap-box {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
    overflow: hidden;
    /* filter: grayscale(100%); */
    /*border-radius: 3px;*/
}



.image-wrap:before {
    content: "";
    display: block;
    padding-top: 65%;
    transition: all .5s;
}



.page-template-menu-page .menu-main-inner{
    max-width: 650px;
    margin: 0 auto;
    padding:250px 20px 0px;

    color: #fff;
/* overflow: scroll;*/}



 .page-template-menu-page .menu-article-wrapper article p{

 color: #fff;

 }



.menu-header-wrapper{
    margin-bottom: 150px;
}


.menu-main-wrapper{
    margin-bottom: 300px;
}



.menu-header-wrapper h1 {   
    /*font-size: 17px;
    font-weight: 400;
    font-family: Helvetica, Hiragino Kaku Gothic Pro, Roboto, Droid Sans, sans-serif;*/


    font-size: 20px;
    line-height: 2;
    /* display: inline-block; */
    /* border-bottom: 1px solid rgb(224, 224, 224); */
   /* margin-bottom: 20px;*/
    
    


    letter-spacing: 4px;
    /* color: #444; */
    text-transform: uppercase;
    padding-bottom: 30px;







}








.page-template-menu-page .image-wrap{
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    overflow: hidden;
    /* filter: grayscale(100%); */
    /* border-radius: 3px; */
    position: fixed;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;

}





 

.div-center {
    margin: 0 auto;
}


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




.main-article{
   /* max-width: 650px;
    margin: 100px auto 0; */
}





/*//全画面///
*/



ul.cb-slideshow, ul.cb-slideshow li{
    margin:0;
    padding: 0;
    list-style: none; }





.cb-slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
   /* -webkit-filter: grayscale(100%);
    filter: grayscale(100%);*/
    /*animation: imageAnimation 32s linear infinite 0s,imageAnimation2 32s linear infinite 0s ;*/
     animation: imageAnimation 32s linear infinite 0s ;
}






@keyframes imageAnimation {
    0% { opacity: 0; animation-timing-function: ease-in; }
    8% { opacity: 1; animation-timing-function: ease-out; }
    27% { opacity: 1 }
    30% { opacity: 0 }
    100% { opacity: 0 }
}

/*@keyframes imageAnimation2 {
    0%  { transform: scale(1.0, 1.0); }
    8%  { transform: scale(1.0, 1.0); }
    27%  { transform: scale(1.1, 1.1); }
    30%  { transform: scale(1.2, 1.2); }
    100% { transform: scale(1.3, 1.3); }

}*/




.cb-slideshow li:nth-child(1) span {
   background-image: url(images/top_pic/DSC_3511.jpg);
}

.cb-slideshow li:nth-child(2) span {
   background-image: url(images/top_pic/DSC_3526.jpg);
    animation-delay: 8s;
}

.cb-slideshow li:nth-child(3) span {
   background-image: url(images/top_pic/DSC_3378.jpg);
    animation-delay: 16s;
}

.cb-slideshow li:nth-child(4) span {
   background-image: url(images/top_pic/DSC_3506.jpg);
    animation-delay: 24s;
}




.main-top-slide {
   /* margin: 120px auto 0;*/
        margin: 0px auto 0;
   /* max-width: 1600px;*/
    padding-top: 0px;
    position: relative;
    height: 100vh;
      /*height: 630px;*/
     /*  height: 800px;*/

}






.single-title, .t-wrapper {
    position: absolute;
    top: 0;
    margin: auto;
   /* max-width: 1200px;*/
    right: 0;
    left: 0;
    text-align: center;
}


.home .t-wrapper {
    position: absolute;
    top: 46%;
    left: 50%;
    transform: translate(-50%, -50%);
}





.page-template-normal-page .t-wrapper{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.kissa.page-template-normal-page .t-wrapper{
    width: 80%;
}




.contact .t-wrapper{
    position: absolute;
    top: 65%;
    left: 60%;

   transform: translate(0%, 0%);

}





 
.home .toppage-logo-white img {
    width: 200px;
    /*opacity: 0.9;*/

}



.kissa .toppage-logo-white img {
    width: 450px;
}




.access .toppage-logo-white img {
    width: 370px;
}



.contact .toppage-logo-white img
 {
    width: 100px;
opacity: .7;}







/*/////*/


















.footer-inner {
   /* padding-bottom: 20px;*/
}








footer{
  /*  padding: 200px 10px 20px;*/
    /*max-width: 960px;*/
    
    /*bottom: 20px;*/
    width: 100%;
}




.page-template-menu-page footer{

    bottom: 10px;
    width: 100%;
    position: fixed;}



.home .footer-inner p,
.home .footer-info a,
.home footer .copyright p,

.page-template-menu-page .footer-inner p,
.page-template-menu-page .footer-info a,
.page-template-menu-page footer .copyright p

{
    color: #666666;
}

















/*画像*/
.alignnone {
    display: block;
    margin-top: 30px;
    margin-bottom: 30px; }


.aligncenter {
    display: block;
    margin-top: 30px;
    margin-bottom:30px;
    margin-left:auto;
    margin-right:auto; }

/*画像*/




.bold{
    font-weight: bold;
}





.breadcrumbs{
    padding-top:00px;
    max-width: 850px;
    margin: 0 auto;
   /* font-size: 12px;*/
  /*  color: #222;*/
  color: #666;
  /*  text-align: center;*/
}



.breadcrumbs .current-item {
    display: none;
}



.blog_date{
max-width: 850px;
    margin: 0 auto;
  /*  text-align: center;*/
   /*  padding-bottom: 10px;*/
     font-size: 13px;
     margin-top: 80px;
 font-family: Helvetica,Hiragino Kaku Gothic Pro,Roboto,Droid Sans,sans-serif;
     letter-spacing: 0.025em;



}


.black_box{
    /*display: inline-block;
    padding: 3px 10px 0 10px;
    background-color: #000;
    color: #fff;
    margin-top: 3px;
    font-size: 12px;*/


   /* text-decoration: none;*/
    /*display: inline-block;*/
   /* padding: 3px 5px 0px;*/
    /* margin-left: 15px; */
  /*  background-color: #fff;*/
    /*color: #000;*/
    /* position: absolute; */
    /* right: 0; */
    /* top: 50%; */
    /* transform: translateY(-50%); */
    /* -webkit-transform: translateY(-50%); */
    /*border: #666 solid 1px;*/
   /* margin-right: 5px;*/
  /*  margin-top: 5px;*/
    font-size: 0.9em;
}





.index h1 {
    max-width: 600px;
    margin: 0 auto;
    font-size: 18px;
      line-height: 2;
    padding: 0 0 30px;
        font-weight: 400;
   /* font-family: NotoSansJP, 'Noto Sans CJK JP', YakuHanJP, 'Yu Gothic', YuGothic,
    'Hiragino Sans', sans-serif;    */
    letter-spacing: 2px;
   /* color: #444;*/
    text-transform: uppercase;
}















.single .related-post h2, h2.blog-title{
    font-weight: normal;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 1.7;

    padding-top: 5px;
    padding-bottom: 0px;
    display: block;
    margin: 0 0 5px;

}





.flex-wrap {
    display: flex;
    flex-wrap: wrap;
}

.flex-center-wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.single .related-post .col-3 ,.index .col-3{
  /*  border-bottom: 1px dotted #ddd;*/
  /*  border-bottom: 1px solid rgba(0,0,0,.1);*/
    margin-bottom: 30px;
}




.single .related-post .col-3 {
    width: 49%;
    padding: 0;
    padding-bottom: 20px;
    margin-bottom: 7%;
}


.tax-works_category.index .col-3,
.post-type-archive-works.index .col-3 {
    margin-bottom: 15px;
}




.col-3:nth-child(2n+2) {
    margin-left: 2%;
}






.index .col-3 {
    width: 49%;
    padding: 0;
    padding-bottom: 20px;
    margin-bottom: 7%;
}



.col-2 {
    width: 50%;
    height: 100%;
    position: relative;
}



.bloglist a {
    text-decoration: none;
    font-size: 12px;
}



.tax-works_category.index .blog-title,
.post-type-archive-works.index .blog-title{
        padding-top: 3px;
            font-size: 15px;
            margin-bottom: 5px;
            text-align: right;

}


.post-type-archive-works.index .blog-category a{
       /* padding-right: 10px;*/
}


.tax-works_category.index .blog-category a:after,
.post-type-archive-works.index .blog-category a:after{
        content: " / ";
}




.tax-works_category .meta-data-custom,
.post-type-archive-works .meta-data-custom{
    text-align: right;
}






.single .bloglist .image-wrap {
    background-color: #ddd;
}


.single .post-single-nav {
    max-width: 1200px;
    margin: 40px auto;
}



.single .pagelink {
    padding: 10px;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
  /*  font-weight: bold;*/
    height: 100px;
    margin: auto;
}

.nextlink, .previouslink, .nav-blog-title {
    display: block;
}

.single .previous a, .single .next a {
    color: #fff;
}


.single .post-single-nav .image-wrap {
    background-color: #000;
    -webkit-filter: brightness(0.5);
    -moz-filter: brightness(0.5);
    -o-filter: brightness(0.5);
    -ms-filter: brightness(0.5);
    filter: brightness(0.5);
}




.single .nav-blog-title {
    text-align: center;
}


.single .nextlink {
    text-align: right;
}
.nextlink, .previouslink, .nav-blog-title {
    display: block;}


.single .post-single-nav .image-wrap:before {
    content: "";
    display: block;
    padding-top: 130px;
}


.index .bloglist .image-wrap:before{
    content: "";
    display: block;
        padding-top: 140%;
   
}


.tax-works_category.index .bloglist .image-wrap:before,
.post-type-archive-works.index .bloglist .image-wrap:before{
     padding-top:45%
}



.blog-date, .meta-data{
    font-size: 11px;
}


p.blog-date, p.meta-data{
    margin: 0;
}


.footer-adress{
    max-width: 330px;
    margin: 0 auto;
    padding-top: 70px;
}


.contents {
    padding: 0 2%;
    max-width: 1200px;
    margin: 300px auto 200px;
}



.index .contents {
     margin: 0px auto 200px;
    padding-top: 300px;
     max-width: 1200px;
}

.sub-header{
   margin: 100px auto 100px;
}



.index .bloglist{

    margin: 100px 0 100px;
}


.slider-div{
    margin: 100px auto 0px;
    max-width: 1200px;
}


.main-top-pic .image-wrap-wrapper .image-wrap{
 
   background-image: url(images/toh_logo_7.png);
    
}



.select-pic{
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 10px;
}


.select-pic-tate{
    max-width: 900px;
    margin: 0 auto 0;
    padding: 0 10px;
}





.select-pic-inner{
    padding-top: 100px;
    padding-bottom: 100px;
}



/*pagination*/



.pagination {
    margin: 100px 0 100px;
    text-align: center;
}

.pagination ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pagination li {
    float: left;
    width: auto;
    padding: 0;
}



.pagination li a, .pagination li > span {
    display: block;
    margin: 0 5px;
    padding: 6px 12px;
   /* border: solid 1px #000;*/
 /*   color: #666666;*/
    /*font-size: 13px;*/
    text-decoration: none;
}

.pagination-index li .dots {
    color: #666;
    background-color: transparent;
    border-color: transparent;
    text-decoration: none;
}



.pagination li span {
    /* background-color: #666666; */
    color: #666;
    /* font-weight: bold; */
    text-decoration: underline;
    /* border-bottom: 1px solid #666666; */
}

.pagination li a:hover {
    /*background-color: #000;
    color: #fff;
    transition: .5s;*/
}

/*pagination*/





.blog-logo{    
   max-width: 50px;
   margin: 50px auto 100px;
}


.page article h2, .page-template-about .main-article h2,
.home .main-article h2{
    font-weight: 300;
    word-wrap: break-word;
    font-size: 15px;
    letter-spacing: 0.025em;}


.page-template-normal_2 .access-info-wrap h2,
.single-post .access-info-wrap h2,
.single-post .single-content h2{
   /*margin: 0 auto;*/
   font-size: 17px;
   line-height: 2;
   /*font-weight: 400;*/
   /* padding: 15px 0 0px; */
   padding-bottom: 40px; 
   /*text-align: center;*/
   letter-spacing: 3px;
   /*text-transform: uppercase;*/
   /*color: #444; */
}


   




.wpcf7{
   /* text-align: center;*/
}







.m-info{
   /* background-color: #f9f9f9;*/
    padding: 15px 10px;
   /* border-radius: 4px;*/
    margin-bottom: 20px;

    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, .2);


}

.m-info ul, .m-info ol {
    padding-left: 30px;
}



.single-post .access-info-wrap ul{
    margin-bottom: 50px;
  /*  margin-top: 50px;*/
}


/*youtubeのビデオ*/
.ytvideo{
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 30px; }

.ytvideo iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
}






/*-------------------------
  ブログカード https://toomolife.com/knowhow13/
-------------------------*/
.blog-card {
   /* background: #fbfaf8;*/
    border:1px solid rgba(0,0,0,.1);
    word-wrap:break-word;
    max-width:100%;
    border-radius:2px;
    margin:  10px 0px;
    padding: 12px;
   


  /* sp用 ※4 */
}
.blog-card:hover {
 /* background: #fee;*/
}
.blog-card a {
  text-decoration: none;
}
.blog-card-title {
    color: #666666;
    display: block;
}

.blog-card-thumbnail {
    float:left;
    padding:10px;
}

.blog-card-thumbnail img {
    display: block;
    padding: 0;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.blog-card-content {
    line-height:120%;
}
.blog-card-title {
    padding:10px 10px 5px 0;
    /*font-size:120%;*/
  font-weight: 600;
  line-height: 1.5em;
  font-size: 12px;
}

.blog-card-excerpt {
    color:#666666;
    margin:0 10px 10px;
  line-height: 1.5em;
  font-size:12px;
}
.blog-card .clear {
  clear: both;
}






/*ハンバーガーメニュー*/
/*参考　https://codepen.io/deeman/pen/oNNxMrV*/


/*////*/





.w-container{
position: relative;

}


.home .w-container-inner{
   /* position: fixed;*/
    width: 100%;
}







#nav-toggle {
    display: none;
   /* position: absolute;*/
    position: fixed;
    right: 80px;
    top: 80px;
    width: 30px;
    height: 36px;
    cursor: pointer;
    z-index: 3000;
}

#nav-toggle div {
    position: relative;
}

#nav-toggle span {
    display: block;
    position: absolute;
    /*height: 4px;*/
    height: 1.1px;
    width: 100%;
    background: #464646;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    border-radius: 4px;
}


.home #nav-toggle span,
.kissa #nav-toggle span{
   
    background: #fff;

   
}



.home .fixed #nav-toggle span,
.kissa .fixed #nav-toggle span{
  background: #333;
}




#nav-toggle span:nth-child(1) {
    top: 0;
}

#nav-toggle span:nth-child(2) {
    top: 8px;
}

#nav-toggle span:nth-child(3) {
    top: 16px;
}
















.pl-place__background {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    content: '';
    width: 100%;
    height: 100%;
}



#top-head .inner{
    position: relative;
}



.inner{
max-width: 100%;
    margin: 0 auto;
}


#top-head a img {
  width: 90px;
　　float: left;
    padding-left: 0px;
    margin-left: 80px;
    margin-top: 80px;
    
}






   




#top-head {
   /* background-color: #fff;*/
    top: -90px;
    position: absolute;
    width: 100%;
    margin: 90px auto 0;
    /*padding: 5px 0 0;*/
    line-height: 1;
    z-index: 999;
    height: 100px;
}


.home #top-head,
.page-template-menu-page #top-head{
    background-color: transparent;
}


#top-head  {
    margin-top: 0;
    top: 0;
    position: fixed;
    height: 70px;  
}




#top-head.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
   /* padding-top: 10px;*/
    height: 70px;
   /* background: rgba(236, 235, 233, .9);*/
   /* background: #fafafa;*/
    /*transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;x
    -moz-transition: top 0.65s ease-in;*/
}


.page-template-menu-page #top-head.fixed{
    background-color: transparent;
}








 .kissa .logo,
 .home .logo
  {
     display: none; 
}

 .kissa #top-head.fixed .logo,
 .home #top-head.fixed .logo {
     display: block; 
}


.contact .logo{
  /*  display:none;*/
}

.contact #top-head.fixed .logo{
    display:block;
}


.kissa #top-head.fixed .logo_1,
.home #top-head.fixed .logo_1,
.contact #top-head.fixed .logo_1{
    display:none;
}












.page-template-normal-page .single_header {
  
    /*position: absolute;
    top: 360px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;*/
}



.tax-works_category #top-head,
.blog.index #top-head,
.single-works #top-head,
.post-type-archive-works #top-head,
.page-template-normal-page #top-head{
    background-color: transparent;
}






.page-template-normal_2 .single_header h1,
.page-template-normal-page .single_header h1,
.access .single_header h1 {
   margin: 0 auto;
   font-size: 18px;
   line-height: 2;
   font-weight: 400;
   /* padding: 15px 0 0px; */
   padding-bottom: 30px; 
   text-align: center;
   letter-spacing: 4px;
   text-transform: uppercase;
   /*color: #444; */
}


 


  
 











.page-template-normal-page .single-wrapper {
    max-width: 550px;
    margin-top: 300px;
}


.page-template-normal_2 .single-wrapper{
    max-width: 868px;
    margin-top: 300px;
}


.kissa.page-template-normal-page .single-wrapper {
    max-width: 850px;
    margin-top: 300px;
}





.access .single-wrapper {
    max-width: 860px;
}

.page-template-normal_2 .single-content,
.page-template-normal-page .single-content {
   /* max-width: 600px;*/
    padding-top: 100px; 
    padding: 100px 10px 0;
}

.page-template-normal_2 .single-content {
   /* max-width: 600px;*/
    padding-top: 100px; 
    padding: 100px 0px 0;
}







.access .single-content {
   /* max-width: 600px;*/
     padding-top: 100px; 
    padding: 50px 10px 0;
}



.page-template-normal-page .image-wrap:before{
    content: "";
    display: block;
    padding-top: 100vh;
    transition: all .5s;
}


.page-template-normal_2 .image-wrap:before,
.contact.page-template-normal-page .image-wrap:before{
    content: "";
    display: block;
    padding-top: 150%;
    transition: all .5s;
}










.top-pic-and-title{
    position: relative;
    margin: 0px auto 90px;
}


.page-template-normal_2 .container,
.contact .container{
        margin-top: 200px;
}


.page-template-normal_2 .top-pic-and-title,
.contact .top-pic-and-title{
    position: relative;
    max-width: 868px;
    margin: 0px auto 90px;
}




#global-nav{
   /* float: right;
    padding-top: 20px;
    padding-right: 30px;*/
}





.sigle .main-article, .sigle .single_header {
    padding: 0 10px 0;
}



.single .single_header hr{
    max-width: 850px;
    margin: 0 auto 0px;
}

.single .single-top {
    padding-top: 200px;
}


.page-template-normal_2 .single-top,
.contact .single-top{
    padding-left: 20px;
    padding-right: 20px;

}


.access.page .single-top {
    padding-top: 200px;
}







.single .single_header h1 {
    max-width: 850px;
    margin: 0 auto;
    font-size: 15px;
    padding: 5px 0 70px;
  /*  text-align: center;*/
    color: #666;
}

.single.single-works .single_header h1 {
    max-width: 1000px;
    margin: 0 auto;
    font-size: 17px;
    padding: 0px 0 1px;
   letter-spacing: .06em;
}


.single-works .single_header{
    font-family: Helvetica, Hiragino Kaku Gothic Pro, Roboto, Droid Sans, sans-serif;


}

.single .single-wrapper {
    max-width: 850px;
}


.single-works .single-wrapper{
    /*padding-top: 850px;*/
     max-width: 1000px;
}

.single-works .single-top-pic{
    max-width: 1000px;
    margin: 0 auto;
    padding-bottom: 10px;
}

.single-works .single-top-pic .image-wrap:before{
    padding-top: 45%;
}


.single-works .breadcrumbs {
    padding-top: 00px;
     padding-bottom: 5px;
    max-width: 1000px;
    margin: 0 auto;
    /* font-size: 12px; */
    /* color: #222; */
    color: #666;
    /* text-align: center; */
        text-transform: capitalize;

}

.works-info {
    text-align: right;
    padding-right: 60px;
    font-family: Helvetica, Hiragino Kaku Gothic Pro, Roboto, Droid Sans, sans-serif;
}


.single article p {
    margin: 0 0 35px;
}



.single-works .single-bottom hr {
    max-width: 1500px;
    margin: 100px auto 100px;
}




.single .related-post {
    margin: 0 auto;
    max-width: 1200px;
    padding: 5% 0 1%;
}

.single-bottom{
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 10px 0;
}


.single .related-post .image-wrap:before {
    content: "";
    display: block;
    /*padding-top: 140%;*/
      padding-top: 45%;
    transition: all .5s;
}




.tax-works_category .index-title,
.post-type-archive-works .index-title{
    margin: 0px auto 200px;
    padding-top: 300px;
    max-width: 1200px;


}



.tax-works_category.index .bloglist,
.post-type-archive-works.index .bloglist{
    margin: 100px auto 100px;
    max-width: 1300px;
    padding-left: 20px;
    padding-right: 20px;

}



dl.m-dl {
    padding: 26px 20px 1px;
    padding-bottom: 0;
    margin: 10px 0 10px;
    border: 1px solid rgba(0, 0, 0, .1);
    max-width: 650px;
    /* font-size: 14px; */
}


dl.m-dl>dt {
    display: inline-block;
    background: #fff;
    padding: 0 10px;
    font-weight: normal;
    position: relative;
    top: -38px;
    /* font-size: inherit; */
    /* letter-spacing: 1px; */
}

dl.m-dl>dd {
    margin-left: 0px;
    position: relative;
    top: -25px;
}


.button {
    display: inline-block;
    cursor: pointer;
    border-style: solid;
    border-width: 1.1px;
    border-radius: 0;
    padding: 13px 55px;
    text-align: center;
    text-rendering: optimizeLegibility;
    text-transform: uppercase;
    color: #666666;
    background-color: transparent;
    border-color: rgba(0, 0, 0, .1);
   
}


.button:hover{
    /*background-color: rgba(0, 0, 0, .1);
     transition: ease-in .2s;*/
}

.button-underline-with-angle {
    display: inline-block;
    cursor: pointer;
    /* letter-spacing: .091em; */
    line-height: 1em;
    padding: .8em 0;
    margin: 2em 3em;
    text-align: center;
    color: #666666;
    background-color: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    
}









.m-dl li a{
    text-decoration: none;
}

a.button-underline-with-angle,
a.button{
    text-decoration: none;
}


a.button-with-angle:hover{
    opacity: 0.7;
    transition: all .5s;
}


a.button:hover{
    opacity: 0.7;
    transition: all .5s;
}

ul.toda-latest-post-ul li a:hover{
    /*background-color: rgba(236,235,233,0.7);
    transition: background-color .5s ease-out;*/
     opacity: 0.7;
    transition: all .5s;
}

    




dl.m-dl ul, dl.m-dl ol {
    margin: 20px auto;
}

ul.web-logo-font {
    margin: 5px 0;
    padding: 0;
    list-style: none;
    color: #000;
}

ul.web-logo-font li {
    margin: 0 15px;
    padding: 0;
}

.web-logo-font li a {
    color: #333333;
    font-size: 16px;
    transition: ease-in .2s;
    text-decoration: none;
}


.name-border{

    text-decoration: underline;}


.single article p.name-border{
    margin-bottom: 5px;
    font-weight: 700;
}


a.button-with-angle{
    text-decoration: none;
}


.button-with-angle:after {
    content: "\f105";
    font-family: FontAwesome;
    margin-left: 1.3em;
    color: #666666;
}


a.color-white{
    color: #fff;
}



.s-main {
    font-size: 20px;
    line-height: 2;
    display: inline-block;
    border-bottom: 1px solid rgb(224, 224, 224);
    margin-bottom: 20px;
    /*font-family: NotoSansJP, 'Noto Sans CJK JP', YakuHanJP, 'Yu Gothic',
     YuGothic, 'Hiragino Sans', sans-serif;*/
    letter-spacing: 2px;
   /* color: #444;*/
    text-transform: uppercase;
}


.hr-line {
    /*max-width: 30px;
    margin: 0 auto 0px;
        border-top: 1px solid #666;*/
        height: 0;
    max-width: 30px;
    margin: 0 auto 0;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .4);
}



.single .single-bottom hr {
    margin: 100px auto 100px;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .4);
}

.hr-line-long {
    /*max-width: 30px;
    margin: 0 auto 0px;
        border-top: 1px solid #666;*/
        height: 0;
    /*max-width: 30px;*/
    margin: 100 auto 100;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .4);
}







.hr-line-white {
    /*max-width: 30px;
    margin: 0 auto 0px;
        border-top: 1px solid #666;*/
        height: 0;
    max-width: 30px;
    margin: 0 auto 0;
    border: 0;
    border-bottom: 1px solid #fff;
}





.single-works .container{
    padding-left: 10px;
    padding-right: 10px;
}


.copyright p{
   letter-spacing: 2px;
}


.h-border {
    /* margin: 20px auto 20px; */
    /* letter-spacing: 2px; */
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);}



h2.h-border-white {
    /* margin: 20px auto 20px; */
    /* letter-spacing: 2px; */
    padding-bottom: 10px;
    border-bottom: 1px solid #fff;}


h2.h-border-black {
   
    padding-bottom: 10px;
    border-bottom: 1px solid #999;}




.single-post .container {
padding-left: 10px;
    padding-right: 10px;
}


.cap-1{
text-transform:capitalize;
}




/*google map*/

.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}







/*以下ハンバーガーメニュー*******/

ul#menu-menu-1{
    list-style: none;
   /* color: #fff;*/
    /* display: flex;*/
}



.page-template-normal-page ul#menu-menu-1{
    
    color: #000;   

}




.w-header-nuv ul li {
   
    padding-left: 25px;
    text-align: left;
    color: #fff;
}


.w-header-nuv ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 13px;
   /* font-family: Helvetica,Hiragino Kaku Gothic Pro,Roboto,Droid Sans,sans-serif;*/
    letter-spacing: 1px;
}





.single .w-header-nuv ul li a

{
 /* color: #666;*/
}


.page-template-normal-page .w-header-nuv ul li a
{
  /*color: #fff;*/
}


.page-template-normal-page #top-head.fixed .w-header-nuv ul li a
{
  color: #222;
}





.index .w-header-nuv ul li a{
    /*color: #666;*/
          /*  font-weight: 300;*/
}



.w-header-nuv {
    /*position: fixed;
    top: 30px;
    right: 20px;   
    z-index: 200;*/
}




/*//階層メニューcss//*/
/*https://plusers.jp/blog/wordpress-submenu*/



.w-header-nuv li {
    position: relative;
  }
 
  .w-header-nuv .sub-menu {
    /*position: absolute;
    top: 10px;
    left: -12px;
    overflow: hidden;
    width: 250px;
    height: 0;
    transition: .8s;
    transform: translateY(-8%);
    opacity: 0;*/
  }


 
  .w-header-nuv li:hover .sub-menu {
    /*height: auto;
    transform: translateY(0);
    opacity: 1;*/
  }
 
  .w-header-nuv .sub-menu li {
   /* display: block;
    margin-left: 0;
    padding: 0;
    text-align: left;
        padding-top: 24px;*/
  }
 
  .w-header-nuv .menu-item-has-children:nth-last-child(1) .sub-menu,
  .w-header-nuv .menu-item-has-children:nth-last-child(2) .sub-menu {
    right: 0;
    left: auto;
  }
 
  .w-header-nuv .sub-menu li a {
    /*padding: 20px 20px 20px 10px;*/
  }


/*//階層メニューcss//*/




 #nav-toggle {
        display: block;    }
   

    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 8px;
       /* -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);*/
        -webkit-transform: rotate(25deg);
        -moz-transform: rotate(25deg);
        transform: rotate(25deg);
    }


    .open #nav-toggle span:nth-child(2) {
        /*width: 0;*/
        /*left: 50%;*/
        opacity: 0;    }

    .open #nav-toggle span:nth-child(3) {
        top: 8px;
        -webkit-transform: rotate(-25deg);
        -moz-transform: rotate(-25deg);
        transform: rotate(-25deg)     
    }




.open #nav-toggle span{
    background: #464646;
}



.w-header-nuv{
    display: none;
}


.open #global-nav {
    display: block;
    height: 100vh;
    background-color: rgba(236,235,233,0.9);
    z-index: 1000;
    animation: show 0.2s linear 0s;
    /*overflow: hidden;*/
    padding: 0;
    position: absolute;
    overflow: scroll;
    width: 600px;
            right: 0;
            top: 0;
            
}


.global-nav-inner {
   /* max-width: 500px;*/
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 1000px;
}


.w-header-nuv ul{
    list-style: none;

}


.w-header-nuv ul li,
.w-header-nuv ul li a {    
    color: #464646;
}

.w-header-nuv ul.menu li{
    padding-top: 30px;
}

.w-header-nuv ul.sub-menu li{
    padding-top: 15px;
}


.w-header-nuv ul.sub-menu li::before{
content: '-';    
    margin: 0 30px 20px 10px;
    font-family: Helvetica, Hiragino Kaku Gothic Pro, Roboto, Droid Sans, sans-serif;
    
    
    }


.w-header-nuv ul li a {
    text-decoration: none;
}



.open .logo{
  /*  display: block;*/
}




/*jQueryで最初にトップページを開いたときに画面全体やロゴをフェードさせる*/
/*https://vier-kt.com/11/*/


/*.start {
    background: #FFF;
      
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9000;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;

     background-image: url(images/top_pic/DSC_1133.jpg);
}*/

/*.start p {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: none;
    z-index: 9999;
    width: 70px;
    opacity: 0.7;
}*/





/*jQueryで最初にトップページを開いたときに画面全体やロゴをフェードさせる*/
/*https://vier-kt.com/11/*/



.main-content{
   /* max-width: 600px;*/
    padding-top: 250px;
    padding-left: 10px;
    padding-right: 10px;
}



.sub-contents h2{
    margin-bottom: 80px;
}

.main-content h2{
    margin-bottom: 120px;
}

.main-content .toda-latest-post h2{
    margin-bottom: 90px;
}



.w450{
    max-width: 450px;
    margin: 0 auto;
}


.w650{
    max-width: 650px;
    margin: 0 auto;
}

.home-pic{
    max-width: 900px;
    margin: 0 auto;
}

.access .home-pic{
    max-width: 860px;
    margin: 0 auto;
}



.access .home-pic{
   margin-bottom: 100px;
}

.home-pic .col-2{
       /* padding: 0 10px;*/
}

.home-pic .image-wrap:before{
        padding-top: 150%;
}


.works-col{
    margin-top: 30px;
}



.works-col .col-2{


}

.works-detail{
    padding-left: 80px;
}



.home-info-wrap{
    max-width: 900px;
    margin: 0 auto;
    align-items: flex-end;
}

.flex-wrap.home-info-wrap{
    /*padding-left: 10px;
    padding-right: 10px;*/
}


.home-info-detail{
    padding-right: 30px;
}

.home-info-adress{
    padding-left: 50px;
}


.access-info-wrap{
    margin: 0 auto;
    align-items: flex-end;
}


.m-flex-start{
    align-items: flex-start;
}


.red{
    color: rgb(255, 0, 0);
}


.toda-latest-post{
    max-width: 850px;
    margin: 0 auto;
}


.toda-latest-post-ul{
    margin: 0;
    padding-left: 0;
    list-style-type: none;
}



.toda-latest-post-title{
 margin-left: 52px;
}

.toda-latest-post-title:after {
    content: "\f105";
    font-family: FontAwesome;
    margin-left: 1.3em;
    /*color: #666666;*/
}








ul.toda-latest-post-ul li a{
    text-decoration: none;
    padding: 14px 0;
    display: flex;

}



table.kissa-menu-price{
  width: 100%;
}

table.kissa-menu-price th{
  position: relative;
  text-align: center;
  width: 50%;
  font-weight: normal;
}

table.kissa-menu-price th:after{
/*  display: block;
  content: "";
  width: 30px;
  height: 2px;
  background-color: #333;
  position: absolute;
  top:calc(50% - 1px);
  right:-15px;*/
}

table.kissa-menu-price td{
  text-align: center;
  padding:3px 0 3px 30px;
  width: 50%;
}




.wpcf7 input,.wpcf7 textarea{
    border: none;}



.wpcf7-submit{
    padding: 0;
    border: 0;
    border-radius: 0;
    width: 242px;
    height: 54px;
    font-size: 1.2rem;
    letter-spacing: .28em;
    color: #fff;
    cursor: pointer;
    transition: background-color .5s ease-out;
    background-color: rgba(0, 0, 0, .3);
}


.under-line{
    text-decoration: underline;
}



.kissa .access-info-left,
.page-template-normal_2 .access-info-left,
.single-post .access-info-left{
    padding-right: 30px;
}



.kissa .access-info-right,
.page-template-normal_2 .access-info-right,
.single-post .access-info-right{
    padding-left: 30px;
}