P/* WebFonts_CURIOSITY
 ========================================================================== */


@font-face {
        font-family: 'CURIOSITYGOTH-100';  
        src: url('../fonts/curiositygoth-100thin-webfont.woff2') format('woff2'),
        url('../fonts/curiositygoth-100thin-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;

      }

@font-face {
          font-family: 'CURIOSITYGOTH-200';  
        src: url('../fonts/curiositygoth-200ultralight-webfont.woff2') format('woff2'),
        url('../fonts/curiositygoth-200ultralight-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;

      }
@font-face {
         font-family: 'CURIOSITYGOTH-300';   
        src: url('../fonts/curiositygoth-300extralight-webfont.woff2') format('woff2'),
        url('../fonts/curiositygoth-300extralight-webfont.woff') format('woff');
        font-weight: normal;padding-left: 
        font-style: normal;

      }  
          
@font-face {
         font-family: 'CURIOSITYGOTH-400';   
        src: url('../fonts/curiositygoth-400light-webfont.woff2') format('woff2'),
        url('../fonts/curiositygoth-400light-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;

      }


@font-face {
         font-family: 'CURIOSITYGOTH-500';   
        src: url('../fonts/curiositygoth-500regular-webfont.woff2') format('woff2'),
        url('../fonts/curiositygoth-500regular-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;

      }



body {
 font-family: "CURIOSITYGOTH-400", "Gotham", "Gill Sans", "Gill Sans MT", "CenturyGothic", Helvetica, Arial, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
 font-size: 1.1em;
	color: #333;
  line-height: 1.35rem;
  overflow-x: hidden;
letter-spacing: 0.03em;

}




body.post-type-archive-publications div.uk-panel-teaser img{
  height: 80%;
   box-shadow: 0 0 6px #ddd;
}


body.tax-genre div.uk-panel-teaser img{
    height: 80%;
     box-shadow: 0 0 6px #ddd;
}



body.single-publications div.tag-pg a{
  color: #999;
}

body.single-publications div.tag-pg a:hover{
  color: #666;
}



/* Single custom
 ========================================================================== */

p.p-brand{
  margin-bottom: 0rem;
  margin-top: 0rem;
  font-size: 1.1rem;
  line-height: 1rem;
}

p.p-location{
  margin-top: 1rem;
}

p.p-year{
  margin-top: 0.25rem;
}

p.p-project{
  margin-bottom: 0rem;
  margin-top: 0rem;
  font-size: 1.1rem;
  line-height: 1rem;
}

p.p-date{
  margin-top: 0.75rem !important;
 margin-bottom: 1rem;
   font-size: 1.1rem;
  line-height: 1rem;
}

p.p-main{
  margin-top: 0rem;
}


div.news-cl-pa p.p-project{
    font-size: 1.1rem;
}

p.text-staff span{
    
}



/* JA TXT
 ========================================================================== */

 body.ja{
    font-feature-settings: "palt";

 } 

body.ja div.content div.about-cl-pa{
  font-family: 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'Noto Sans JP', sans-serif !important;
  font-weight: 400;
 font-size: 0.92rem;
  line-height: 1.75rem;
  letter-spacing: 0.1em;
}



body.ja div.content p.text-staff span{
  font-family: 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'Noto Sans JP', sans-serif !important;
  font-weight: 400;
 font-size: 0.92rem;
  line-height: 1.75rem;
  letter-spacing: 0.1em;
}


body.ja div.content figure.wp-block-table{
  font-family: 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'Noto Sans JP', sans-serif !important;
  font-weight: 400;
  font-size: 0.92rem;
  line-height: 1.75rem;
  letter-spacing: 0.1em;
}


body.ja p.p-main{
  font-family: 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'Noto Sans JP', sans-serif !important;
  font-weight: 400;
  font-size: 0.92rem;
  line-height: 1.75rem;
  letter-spacing: 0.11em;
}

body.ja div.about-cl-pa p{
  font-family: 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'Noto Sans JP', sans-serif !important;
  font-weight: 400;
  font-size: 0.92rem;
  line-height: 1.75rem;
  letter-spacing: 0.11em;
}

body.ja p.news-list-para{
  font-family: 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'Noto Sans JP', sans-serif !important;
  font-weight: 400;
}





/* ABOUT
 ========================================================================== */

div.about-cl-pa p a{
text-decoration: underline;
}

div.about-cl-pa p a:hover{
text-decoration: none;
}


/* Top custom
 ========================================================================== */
p.p-caption{
  margin-top: 1rem;
}

p.p-caption a{

  color: #999;
  font-size: 1.1rem;
  line-height: 1rem;
  transition: 0.5s;
}

p.p-caption a:hover{
  color: #333;
  text-decoration-line: none;
}



/* Top Loading
 ========================================================================== */


div.lp-screen{
background-color:rgba(255, 255, 255, 1) !important;
display: flex;
}

div.lp-screen span{
  width:calc(100vw - 3rem) !important;
  top:inherit!important;
  left:inherit!important;
  transform: inherit!important;
  position: static !important;
  justify-content: flex-start !important;
  flex-direction: column !important;
  -webkit-animation: fadeout 1.5s ease-out 2s 1;

}

div.lp-screen span img{
  width:100% !important;
  margin:1.5rem;

}



span.lp-close-screen{
  font-family:'CURIOSITYGOTH-200' !important;
  font-size: 4rem !important;
  opacity: 0 !important;
  line-height: 6rem;
  width: 6rem !important;
  height: 6rem !important;

}

span.lp-close-screen:hover{
  opacity: 0.15 !important;
}
span.lp-close-screen:active{
  opacity: 0.2 !important;
}




/* sp content
 ========================================================================== */

div.sp-content{
  display: none;
}





/* logo
 ========================================================================== */




div.logo-blk{
  height: 50px !important;
}

/* Staff_link
 ========================================================================== */





/* _tag
 ========================================================================== */

div.tag-pg{

  display: flex;
  flex-basis: 25%;
  justify-content:flex-end;
  flex-flow: column;
  position: relative; 
  top: -12em;
  height: 12em;

}


ul.taglist{
  margin-bottom: 10px;
}



div.tag-pg a.a-link{
  color: #999;
  margin-bottom: 10px;
}

div.tag-pg a.a-link:hover{
color: #666;

}

div.pg-prv-nxt-pub{
  margin-top: 10px;
}





/* COLUMN WIDTH
 ========================================================================== */

div.about-cl-pa{
  display: flex;
  flex-direction: row;
  justify-content: flex-end;  
width: calc(100vw - 80px);
max-width: 1600px;
  
}

.about-cl{
    width: calc(  ((((100vw - (( (100vw - 40px) / 4 ) + 80px )) - 210px) / 4 ) * 2 ) + 70px );
    max-width: 560px;
}



  
div.news-cl-pa{
  display: flex;
  flex-direction: row;
  justify-content:flex-end;
  width: calc(100vw - 80px);
  max-width: 1600px;
  
}

div.news-cl-pa p{
  font-size: 0.9rem;
  line-height: 1.5;
  color: #333;
  margin-top: 1rem;
}



div.news-cl-pa >:last-child {
  margin-left: auto;
}

div.news-cl-text{
  padding-right: 00px;
}



.news-cl{
    width: calc(  ((((100vw - (( (100vw - 40px) / 4 ) + 80px )) - 210px) / 4 ) * 3 ) + 140px );
    max-width: 875px;
}


  
div.staff-cl-pa{
  display: flex;
  flex-direction: row;
  width: calc(100vw - 80px);
  max-width: 1600px;
  
}

div.staff-cl-text{
  padding-right : 90px;
}

div.staff-cl-pa p.text-staff{
  margin-bottom: 1rem;
    
}
.staff-img{
  display: flex;
  justify-content: center;
  height: auto;
  align-items: flex-start;

}
  .staff-img img{
    width: auto;

    max-height: 840px;
    margin-bottom: 4rem;
  }




.img-pub{

}

  .img-pub img{
    max-width: 500px;
    max-height: 100%;
    margin-bottom: 4rem;
  }








td {
vertical-align: top;
}










/* newspage_CURIOSITY
 ========================================================================== */

span.readmore a{
  color: #333!important;
}


hr.news-div{
  margin-bottom: 2rem;
}

div.news-unit{
  margin-bottom: 40px;
}


div.news-th-title{
margin-bottom: 0.75em;
}

div.news-txt-blk p.news-list-para{
  margin-bottom: 0.5em;
}

div.news-txt-blk{
  font-size: 1rem;
  flex-basis: 87%;
}

div.news-txt-blk div{
  align-items: center;
}


div.news-thl-blk{
  margin-right: 1.5rem;
  flex-basis: 45%;
  text-align: center;
}


  .news-img img{
    max-height: 230px;
    object-fit: contain;
    text-align: center;
  }


  .news-img img a{
        text-align: center;
      }




/* WP_THEME_CURIOSITY
 ========================================================================== */

p.wp-block-tag-cloud a{ 
  color: #333;
  font-size: 1em !important;
}

a.tag-cloud-link{
  display: block;
}


div.uk-text-lead > a{
  color: #333;
  font-size: 1em !important;

}






/* WP_PAGENAVI
 ========================================================================== */

div.wp-pagenavi {
  font-size: 1em;
}

div.wp-pagenavi a{
margin-right: 1.5em;
color: #999;
text-transform: uppercase;
}

div.wp-pagenavi span{
margin-right: 1.5em;
color: #999;
text-transform: uppercase;
}

div.wp-pagenavi a:hover{
  color: #000 !important;
}

span.pages{
  margin-right: 3em;
}



/* CULUMN_CURIOSITY
 ========================================================================== */


body.single-staff div.min-w{

  margin-bottom: 1rem;
}


div.min-w{
  min-width: 200px;
  margin-bottom: 1rem;
}


div.custom-f-blk{
  display: flex;
  flex-flow: row;
  align-items: flex-start;
}


div.article_body div.custom-f-blk div.custom-f:not(:first-child){
    margin-right: 0px !important; 
    margin-left: 6.05% !important; 
}







/* arrow_CURIOSITY
 ========================================================================== */

span.li-arrow svg{
  vertical-align: middle;
}






/* Fontspec_CURIOSITY
 ========================================================================== */



p.uk-article-meta{
        font-family: "CURIOSITYGOTH-500";
}




/* coverlogo_CURIOSITY
 ========================================================================== */

div#coverlogo img{
  width: 90vw;

}



div.fadeout {
  -webkit-animation: fadeout 2s 1 liner 0s both;
}
@-webkit-keyframes fadeout {
  0% {
    opacity :1;
  }

  100% {
    opacity:0;
  }
}









/* logo_CURIOSITY
 ========================================================================== */
a.uk-logo-sp{
display: none;  
}

a.uk-logo img{
  width: 50vw;


}





/* Linkhover_CURIOSITY
 ========================================================================== */


.uk-panel a p{
  font-size: 1.0rem;
  line-height: 1.1;
  font-family: "CURIOSITYGOTH-400";
  letter-spacing: 0.02em;
}


.uk-panel a {
  color: #999;
  text-transform: uppercase;
  transition: 0.1s ease-in-out;
  transition-property: color, background-color;
}


}

.uk-panel a:hover{
    color: #333;
    text-decoration:none;
}


.uk-panel img:hover{
  filter: brightness(115%);
  transition: 0.3s ease-in-out;
}





/* P_CURIOSITY
 ========================================================================== */

div#leadblk{
  hyphens: none;
}




/* bg_CURIOSITY
 ========================================================================== */


/* color BG
html {
  background: #EDEDED;
}

body {
  background: linear-gradient(#FFF 10%, #EDEDED);
}
*/


body {
    animation: fadeIn 1.0s ease 0s 1 normal;
    -webkit-animation: fadeIn 1.0s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}




/* subnuv_CURIOSITY
 ========================================================================== */


ul#global{

}

div.subnavs{
  display: flex;
  flex-direction: row;
  align-items: center;
}

div.subnavs ul{
  margin-left: 1.2rem;
}

/* 
ul.subnav li.eng{
  width: 5rem;
  margin-right: .5rem;

}
ul.subnav li.jpn{
  width: 7rem;
  margin-right: .5rem;

}

ul.subnav li.bar{
  margin: 0 0.4rem 0 0.2rem;
}

ul.subnav li.bar span{
  font-size: 1rem;
  opacity: .5;

}

*/


div.subnavs ul#menu-lang li{
  margin-left: 1rem;
}



ul.subnav li.sns{
  width: 1.2rem;
    margin-right: .5rem;
}

ul.subnav li.contact{
  width: 1.5rem;
      margin-left: .25  rem;
}

ul.subnav li.icon a:hover{
opacity: .8;
}





div #sitelogo{padding-left: 80px;}




/* offcanvas_CURIOSITY
 ========================================================================== */



div.sp-nav-box{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.uk-offcanvas-bar{
  background-color: #fff;
}


.uk-nav-parent-icon > .uk-parent > a::after{
  color: #000 !important;
}


div.uk-offcanvas-bar{
  width: 300px;
  padding-right:10px;
}


ul.uk-nav-default li a{
  color: #333!important;
}


button.uk-offcanvas-close.uk-close {
  color: #999!important;
}


div.uk-offcanvas-bar ul li a{
  padding: 0.4rem 0;
  font-size: 1.3rem;
font-family: "CURIOSITYGOTH-300";
}



div.suboff{
  padding-bottom: 2rem !important;
}

div.suboff ul.subnav{
  margin-bottom: 20px;
}

div.suboff ul.subnav li.bar span{
color: #333;
opacity: 1;

}


div.suboff ul.subnav li.sns{
  width: 1.6rem;
    margin-right: 1.5rem;
}

div.suboff ul.subnav li.contact{
  width: 2rem;
      margin-left: .5rem;
}

div.suboff ul.subnav li.eng{
  width: 6rem;
  margin-right: .5rem;

}
div.suboff ul.subnav li.jpn{
  width: 7rem;
  margin-right: .5rem;

}



/* iconnav_CURIOSITY
 ========================================================================== */



ul.movepage.uk-iconnav li a{
color: #333;  
}




/* tag-list_CURIOSITY
 ========================================================================== */



ul.taglist.uk-list li a:hover{
color: #666;

}





/* sticky_CURIOSITY
 ========================================================================== */

div#menuicon{
  background-color: rgba(255,255,255,  0.5);
    position:fixed;
    padding:10px; 
  right:15px;
  bottom:15px;
}




/* menu_CURIOSITY
 ========================================================================== */


nav{
text-align: left;
}
nav ul{
margin: 0 ;
padding: 0 ;
}


nav ul.uk-navbar-nav li{
list-style: none;
display: inline-block;
padding-left: 70px;
width: calc(  ((100vw - (( (100vw - 40px) / 4 ) + 80px )) - 210px) / 4 );
max-width: 245px;

}

nav ul.uk-navbar-nav li:first-child{
padding-left: 00px;
}

nav ul.uk-navbar-dropdown-nav li{
padding-left: 0px;
}




div.uk-navbar-dropdown ul li{
  margin-bottom: .1rem;
}




nav ul li a{
text-decoration: none;
color: #333;
}
nav ul li.current a{
color: #F33135;
}
nav ul li a:hover{
color: #808080;
}





nav ul.subnav li{
padding-right: .3rem;
}


ul.subnav li.bar{
padding-right: 0;
}



div#dropdown-box{
  top: -11.25rem !important; 
}

div#dropdown-box ul{
  height: 10.2rem;
  display: flex;
  flex-flow: column;
  justify-content:flex-end;
}




/*

div#WORKS {

  position: absolute;
  top: -11.2rem !important; 

}

div#NEWS {
  position: absolute;
  top: -7.2rem !important; 
}

div#PUBLICATIONS {
  position: absolute;
  top: -7.2rem !important; 
}


div#ABOUT {
  position: absolute;
  top: -7.2rem !important; 
}


*/




/* card_CURIOSITY
 ========================================================================== */


div.uk-card-default{

box-shadow:none;
background: none;
}


div.uk-card-default div.uk-card-header{
  border-bottom: none;
}



/* panel_CURIOSITY
 ========================================================================== */


div.uk-panel p{

  margin-bottom: 00px;
  margin-top: 00px;
}

div.uk-panel div.th-title{
  min-height: 40px;
  margin-bottom: 10px;
}

div.th-title p.p-profession{
    margin-bottom: 10px;
    margin-top: 0px;
}

div.uk-panel-teaser{
  margin-bottom: 5px;
    position:relative;
  height:0;
  padding-bottom:100%;/* 幅に対する縦のサイズ */
  overflow:hidden;
  background-color:#fdfdfd;
  border: 1px solid;
  border-color: #dfdfdf;
}

div.uk-panel-teaser img{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:auto;
  height:100%;
  max-width:148%;/* 横向き16:9の画像が表示エリア一杯になるように指定 */
  max-height:initial;

}

body.post-type-archive-staff div.uk-panel-teaser img{
  height:110%;}


div.uk-panel a:hover{
  text-decoration: none;
}





/* Links
 ========================================================================== */

a,
.uk-link {
  color: #333;
  text-decoration: none;
  cursor: pointer;
}
a:hover,
.uk-link:hover,
.uk-link-toggle:hover .uk-link,
.uk-link-toggle:focus .uk-link {
  color: #666;
  text-decoration: underline;
}





ul.taglist a,
.uk-link {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}
ul.taglist a:hover,
.uk-link:hover,
.uk-link-toggle:hover .uk-link,
.uk-link-toggle:focus .uk-link {
  color: #666;
  text-decoration: underline;
}








/* Links
 ========================================================================== */
/*
 * Remove the outline on focused links when they are also active or hovered

a:active,
a:hover {
  outline: none;
}

 * Style
 */
a.uk-navbar-toggle .uk-icon .uk-navbar-toggle-icon

{  color: #333;}




/* BOGO custom
 ========================================================================== */

ul.bogo-language-switcher{
  display: flex;
  flex-direction: row;
}

ul.bogo-language-switcher li{
  margin-left: 1rem;
  text-transform:uppercase;
}


ul.bogo-language-switcher li a{
  color: #999;
  text-decoration:none;
}


ul.bogo-language-switcher li a:hover{
  color: #808080;
  text-decoration:none;
}