@media print{  body {  margin:0; padding:0;   background-color:#fff;   overflow: visible !important;  width:650px;  } img { float:right; margin:10px; } iframe { margin:0 0 10px 0; } #pageheader  { display:none; } #contents3 { width:650px; } #contents3 #contents3mask { width:650px; }  #contents3 #contents3i { width:650px; } #contents3 div#bannerarea { display:none; } #pagefooter #pagefooteri  ul#textmenu1 { display:none; }}@media screen{  .quicksand300 {  font-family: "Quicksand", sans-serif;  font-optical-sizing: auto;  font-weight:300;  font-style: normal; } .urbanist300 {  font-family: "Urbanist", sans-serif;  font-optical-sizing: auto;  font-weight:300;  font-style: normal; } body {  font-size:12px;  line-height:1.9em;  margin:0px;  text-align:center;   padding:10px 0px 20px 0px;   color:#e0dfde;     min-height:100vh;  background:linear-gradient(#1e1714,#2a231f);  //background:url(/_images/bg1.png) repeat-x #3d342e; } html {   height:100%;  overflow-y:scroll;  margin-bottom:1px; } /*body{ overflow:-moz-scrollbars-vertical;}*/ html:first-child body{ min-height:100%;padding-bottom:1px; } /*for opera & safari*/  a { color:inherit; text-decoration:none; font-size:inherit; } a:hover { text-decoration:none; color:#e0b303; }  h1 { font-size:30px; margin:20px 0 4px 0; line-height:1em; font-weight:normal;    font-family: "Urbanist", sans-serif; letter-spacing:0.05em; } /*h1 span { display:block; font-size:10px; font-weight:bold; }*/ h2 { font-size:100%; margin:0 0 10px 0; } h2 span.h2icon { color:#ffa200; } h2 span { margin:0 0 5px 0; font-weight:normal; font-weight:600; } h2 a { font-size:12px; font-weight:normal; } h2 span { font-weight:normal; } h3 { font-size:12px; margin:0 0 5px 0; font-weight:normal;  } span.newicon { background-color:#f00; color:#fff; font-weight:bold; font-family:arial; font-size:10px; padding:0px 2px;  } p { margin:0 0 10px 0; } .small { font-size:80%; } .v0 { display:none; } .v1 { display:block; } .clear { clear:both; } .clearl { clear:left; } .clearr { clear:right; } hr { display:none; } .red { color:#ff0000; } .green { color:#00cc00; } .gray { color:#cccccc; } .orange { color:#ffa200; } .note { font-size:80%; } .note * { font-size:100%; } div.intro { margin:0 0 7px 0; } div.center { text-align:center; } div.right { text-align:right; } div.left { text-align:left; }  h1 { margin:-15px 0 42px 0; text-align:center; } label { cursor:pointer; } div.nojavascript { background:#c00; color:#fff; padding:5px; }div.nojavascript span.notice { background:#ff0; color:#222; padding:1px 10px; margin:0 10px; }  /*CONTENTS*/ div.contents1 { width:90%; text-align:left; margin:10px auto 0 auto; color:#c9c8c8; }  div.leftbox { margin:0 0 15px 0; display:flex; width:100%; }  /*COMMON*/  .sitetitle { display:flex; line-height:1em; width:200px; flex-shrink:0; order:1; }  /*MAINMENU*/  ul#menu1 { width:400px; margin:30px 30px 0 0; padding:0; line-height:1em; text-align:left; list-style-type:none;    display: flex;   flex-wrap: nowrap;   justify-content: space-between;   flex-shrink:0; order:3; margin-left:auto;   }  ul#menu1 li { display:inline-block; margin:0px; padding:0;    flex: 0 0 auto;   white-space: nowrap;     }  ul#menu1 li a {   display:inline-block;    font-size:150%;     font-family: "Urbanist", sans-serif;   font-optical-sizing: auto;   font-weight:300;   font-style: normal;   letter-spacing:0.1em;   }  ul#menu1 li a::first-letter { color:#ffba00; }  ul#menu2 { width:350px; margin:30px 2px 0 0px; padding:0; line-height:1em; text-align:right; list-style-type:none;    display: flex;   flex-wrap: nowrap;   justify-content: space-between;   flex-shrink:0; order:4; margin-left:0px;   }  ul#menu2 li { display:inline-block; margin:0 0 0 0px ;    flex: 0 0 auto;   white-space: nowrap;     }  ul#menu2 li a {   display:inline-block;    font-size:100%;     font-family: "Urbanist", sans-serif;   font-optical-sizing: auto;   font-weight:300;   font-style: normal;   letter-spacing:0.1em;   }  ul#menu2 li a::first-letter { color:#ffba00; }  @media only screen and ( width < 1120px ) {   div.leftbox { display:block; }   .sitetitle { width:30vw; min-width:300px; float:none; margin:15px auto; }   ul#menu1 { float:none; margin:30px auto 0 auto; width:50vw; min-width:400px; text-align:center;     flex-wrap: nowrap;    justify-content: space-between;    flex-shrink:none; order:none;    }   ul#menu2 { float:none; margin:2em auto 2em auto; width:45vw; min-width:350px; text-align:center;     flex-wrap: nowrap;    justify-content: space-between;    flex-shrink:none; order:none;    }  }    div.cr { margin:7px 0 2em 2px; width:100%; height:12px; no-repeat; font-size:0.6em; line-height:1.5em; text-align:left; }  div.cr a.rcrafz { font-weight:normal !important; }  div.rightbox {    width:100%;    padding:0px 0;    margin:0px 0 0px 0;    background:linear-gradient(#0f0b0a,#2a231f);   //background:url(/_images/bg2.png) repeat-x;   /*border:1px solid #f00;*/  }  div.rightbox div.contentsbox { clear:both; margin:0 auto; width:90%; text-align:left;    padding:60px 0 0px 0;    /*border:1px solid #00f; */  }    /*TOP*/  //div.rightbox div.contentsbox div#toptilebox { padding-bottom:0px; }  //div.rightbox div.contentsbox a.toptile { display:block; float:left; float:left; margin:0 7px 7px 0; z-index:3; border:1px solid #251e1b; aspect-ratio:1; width:128px;  }  //div.rightbox div.contentsbox a.toptile img.toptile { z-index:4; aspect-ratio:1; width:100%; object-fit:cover; }  //div.rightbox div.contentsbox a.toptile:hover { border:1px solid #e0b303; }  //img.loading16 { position:absolute; margin:55px 0 0 55px; z-index:2; }  //div.rightbox div#toptilebox { width:100%; margin:0 0 00px 0; }  /*TOP*/  div.rightbox div.contentsbox div#toptilebox { display:flex; flex-wrap:wrap; gap:10px; width:100%; }  div.rightbox div.contentsbox a.toptile { aspect-ratio:1; object-fit: cover; border:1px solid #251e1b; }  div.rightbox div.contentsbox a.toptile { width: calc((100% - 13px * 6) / 7); }  @media only screen and ( min-width: 1400px ) {   div.rightbox div.contentsbox a.toptile {     width: calc((100% - 13px * 6) / 7);     display: block; /* 💡 1〜28枚目を再表示 */   }   div.rightbox div.contentsbox a.toptile:nth-child(n + 29) {    display: none;   }  }  @media only screen and ( min-width: 1120px ) and ( max-width: 1399px ) {   div.rightbox div.contentsbox a.toptile {     width: calc((100% - 13px * 5) / 6);     display: block; /* 💡 1〜30枚目を再表示 */   }   div.rightbox div.contentsbox a.toptile:nth-child(n + 25) {    display: none;   }  }    @media only screen and ( min-width: 900px ) and ( max-width: 1119px ) {   div.rightbox div.contentsbox a.toptile {     width: calc((100% - 13px * 4) / 5);     display: block; /* 💡 1〜25枚目を再表示 */   }   div.rightbox div.contentsbox a.toptile:nth-child(n + 26) {    display: none;   }  }  @media only screen and ( min-width: 700px ) and ( max-width: 899px ) {   div.rightbox div.contentsbox a.toptile {     width: calc((100% - 13px * 3) / 4);     display: block; /* 💡 1〜25枚目を再表示 */   }   div.rightbox div.contentsbox a.toptile:nth-child(n + 25) {    display: none;   }  }    @media only screen and ( max-width: 699px ) {   div.rightbox div.contentsbox a.toptile {     width: calc((100% - 13px * 2) / 3);     display: block; /* 💡 1〜24枚目を再表示 */   }   div.rightbox div.contentsbox a.toptile:nth-child(n + 16) {    display: none;   }  }  div.rightbox div.contentsbox a.toptile img.toptile { z-index:4; aspect-ratio:1; width:100%; object-fit:cover; }  div.rightbox div.contentsbox a.toptile:hover { border:1px solid #e0b303; }  //img.loading16 { position:absolute; margin:55px 0 0 55px; z-index:2; }    div.news { line-height:1.2em; margin:10px 0 0 2px; font-size:90%; }  div.news span.newsicon { display:block; float:left; margin:0 10px 0 0; width:42px; height:12px; background:url(/_images/newsicon.png); }  div.news a { color:#ffba00; }  div.news a:hover { text-decoration:underline; }     //div.pnavi { position:absolute; margin:-20px 0 0 650px; width: 300px; text-align:right; }  //a.mmenu0 { color:#e0dfde; }  //a.mmenu1 { color:#e0b303; }  //a.mmenu0:hover { color:#e0b303; }  div.contents_japanese { width:47%; float:right; line-height:1.6em; margin:0 0px 0 0; }  div.contents_english { width:47%; float:left; line-height:1.6em; }  @media only screen and ( max-width: 699px ) {   div.contents_japanese { width:100%; float:none; margin:0 0 80px 0; }   div.contents_english { width:100%; float:none; margin:0; }  }  div.contents_mainimg { width:100%; margin:0 0 40px 0; }  div.contents_mainimg img { width:100%; }  /*GALLERY*/  #galleryphotolink { display:block; z-index:1; margin:0px 0 0 0; padding:5%; aspect-ratio:1; }  //div.galleryphotobg { width:100%; background:url(/_images/galleryaphotobg.png); margin:15px 0 0 0; padding:12px 0 30px 0; }  //div.galleryphotobg { width:100%; margin:15px 0 0 0; padding:12px 0 30px 0; background:#000; display:flex; justify-content: center; align-items:center; aspect-ratio:1; }  div.galleryphotobg { width:100%; margin:15px 0 0 0; padding:0 0 0 0; background:#000; display:block; aspect-ratio:1;    position:relative;   width: 100%;    }  div.galleryphotobg iframe {   width: 100%;   height: 100%;   border: none;  }  img#galleryphotolink { flex:1; z-index:2; }  img#galleryphoto { margin:0 auto; width:100%; height:100%; object-fit:contain; }  img#loading { position:absolute; margin:180px 0 0 480px; z-index:3; }  #galleryphoto.fadein {   opacity: 0;   transition: opacity 0.5s ease;  }    #galleryphoto.fadein.loaded {   opacity: 1;  }  /*GALLERYのナビゲーション*/  .galleryNav {   position: absolute;   top: 50%;   transform: translateY(-50%);   border: 0;   background: none;   cursor: pointer;   font-size: 2em;   padding: 10px 10px;   z-index: 10;   color:#fff;  }    .galleryNav.prev {   left: 0;  }    .galleryNav.next {   right: 0;  }    .galleryNav:hover {   opacity: 0.6;  }  //div.imagesize { font-size:80%; width: 60px; float:right; text-align:center; position:absolute; margin:-40px 0 0  894px; }  //div.imagesize a { width:15px; height:15px; padding:0; margin:0 0 2px 2px;  line-height:1.6em; border:1px solid #c7910b; display:block; text-align:center; float:left; }  //div.imagesize a:hover { border:1px solid #ffba00; background:#ffba00; color:#000}  //div.imagesize span { width:15px; height:15px; padding:0; margin:0 0 2px 2px; line-height:1.6em; border:1px solid #ffba00; background:#ffba00; display:block; text-align:center; color:#000; float:left; }    /*PHOTOMENU*/  /*div.photomenubox { float:left; margin:0px 0 0 0px; width:55px; z-index:4; position:absolute; }*/  div.photomenubox { margin:0px 0 0em 0px; z-index:4; width: 100%; }  /*div#photomenu { }*/  div#photomenu a { width:40px; height:40px; border:1px solid #000; display:block; margin:0 4px 4px 0; float:left; cursor:pointer; }  div#photomenu a img { width:100%; height:100%; object-fit:cover; z-index:0; }  div#photomenu a span.videomark { font-size:12px; color:#0f0; position:absolute; z-index:1; margin:-4px 0 0 -10px; }  div#photomenu a:hover { border:1px solid #e0b303; }  div#photomenu a.active1 { border:1px solid #e0b303; }  div#photomenu a.active0 { border:1px solid #000; }  /*CONTACT*/  body#contact div.intro { line-height:1.5em; }  body#contact div.errormessagebox { font-size:80%; background:#f00; color:#fff; line-height:1.5em; padding:1px 5px; margin:5px 0 5px 0 }  body#contact div.errormessage { display:inline; margin:0px 10px 0 0 }  body#contact .linetable { width:100%; margin:10px 0 0 0; }  body#contact .linetable th { vertical-align: top;  text-align: left; border:0px solid #ccc; border-collapse: collapse; background:#ddd; font-size:85%; padding:0 5px; line-height:1.6em; color:#fff; }  body#contact .linetable td { padding:1px 3px; color:#fff; }  body#contact .linetable td { vertical-align: top;  text-align: left; border:0px solid #ccc; border-collapse: collapse;  }  body#contact .linetable td { font-weight: normal; }  body#contact .linetable .td1 { background-color:#47403c; color:#fff; font-size:85%; width:20%; text-align:right; padding:0 10px;  vertical-align:middle; }  body#contact .linetable .td2 { background-color:#fff; color:#fff; padding:0; }  body#contact .linetable .td2a { background-color:#514b47; color:#fff; padding:2px 5px; }  body#contact .linetable .td3 { background-color:#47403c; color:#fff; }  body#contact .linetable td.categorytd { padding:6px 8px 8px 8px; }  body#contact input.text { height:30px; border:0; font-size:12px; line-height:1.6em; margin:0; padding:5px; width:100%;   -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;  }  body#contact input.button { font-size:100%; }  body#contact textarea.textarea { border:0; font-size:12px; line-height:1.5em; margin:0; padding:5px; width:100%;   -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;  }  body#contact a.ccc { color:#ccf; text-decoration:underline; }    /*GALLERY*/  body#works h2 { border-bottom:1px solid #68635f; }    /*PROFILE*/  body#profile span.org { font-size:0.8em; color:#aaa; }  body#profile span.org a { color:#aaa; }  body#profile span.org a:hover { color:#e0b303; } div#testobj { position:fixed; bottom:2.5em; left:1em;  z-index:100; } div#testobj div { font-size:1em; width:100%; text-align:center; background:#c00;color:#fff;line-height:1.7em; z-index:100; padding:0.3em 1em; }}* { font-family: 'ＭＳ Ｐゴシック','sans-serif','Lucida Grande','Arial','Osaka';  }