{"product_id":"kunitoshi-utagawa-japanese-woodblock-print-triptych-ueno-tokyo-meiji","title":"Utagawa Kunitoshi Japanese Woodblock Print Triptych Ueno Tokyo Meiji","description":"\u003cstyle type=\"text\/css\"\u003e\n\n\n\/* add by Kodama\n------------------------------------------*\/\n\/* * {\n\t outline: 1px solid magenta;\n} *\/\n.content-main {\n  max-width: 1200px;\n  margin: 0 auto;\n  }\n#item-name {\n  margin-top: 26px;\n  height: 95px;\n  background-color: #ef9ca7;\n  line-height: 100px;\n  }\n#item-name \u003e span {\n  font-size: 28px;\n  color: #fff;\n  font-weight: bold;\n  padding-left: 30px;\n  display: inline-block;\n  }\n.middle-flex {\n  margin-top: 50px;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: row nowrap;\n          flex-flow: row nowrap;\n  -webkit-box-align: stretch;\n      -ms-flex-align: stretch;\n          align-items: stretch;\n  }\n#left {\n  width: 55%;\n  }\n\n.img-details {\n  width: 500px;\n  height: 500px;\n  border: #e8e8e8 solid 1px;\n  margin-left: 50px;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  }\n.img-details \u003e img {\n  max-width: 100%;\n  max-height: 100%;\n  }\n#right {\n  width: 45%;\n  margin: 15px 0 0 0;\n  }\nh1::after {\n  width: 100%;\n  background: #ded4d6;\n  height: 8px;\n  position: absolute;\n  bottom: -4px;\n  left: 0;\n  content: '';\n  }\n.document-details {\n  margin-left: 20px;\n  }\n.document-details \u003e h1 {\n  color: #ee9ca7;\n  font-size: 30px;\n  padding-bottom: 10px;\n  position: relative;\n  }\n.small-img {\n  margin-top: 30px;\n  width: 590px;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: row wrap;\n          flex-flow: row wrap; \/* modifyed by takata *\/\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  }\n.small-img .goods-image {\n  width: 110px;\n  height: 110px;\n  border: #e8e8e8 solid 1px;\n  cursor: pointer;\n  }\n.small-img .goods-image \u003e img {\n  width: 100%;\n  height: 100%;\n  }\n\n\/* add by Kodama\n------------------------------------------*\/\ntable.spec {\n  border-collapse: collapse;\n  margin-top:30px;\n  width: 100%;\n  }\ntable.spec tr {\n  height: 60px;\n  border-top: 1px solid #b7b7b7;\n  border-bottom: none;\n  }\ntable.spec tr:last-child {\n  border-bottom: #b7b7b7 solid 1px;\n  }\ntable.spec th {\n  padding-left: 15px;\n  background-color: #f7f7f7;\n  font-size: 18px;\n  font-weight: bold;\n  }\ntable.spec td {\n  padding-left: 15px;\n  font-size: 18px;\n  }\n.br::after {\n\tcontent: \"\\A\" ;\n\twhite-space: pre ;\n}\n.br:empty {\n  display: none;\n}\n.attention {\n  margin-top: 100px;\n  }\n.md2 {\n  font-size: 30px;\n  font-weight: bold;\n  color: #ee9ca7;\n  border-bottom: 8px solid #ded4d6;\n  padding: 0 0 0 10px;\n  margin-bottom: 10px;\n  }\ndiv.inner {\n  padding: 20px 10px 60px 10px;\n  font-size: 18px;\n  color: #707070;\n  }\n\n\/* ✅ Description box (追加)\n------------------------------------------*\/\n.description-box{\n  border: none;\n  padding: 15px;\n  font-size: 18px;\n  color: #707070;\n  line-height: 1.6;\n  white-space: pre-wrap; \/* 改行をそのまま表示 *\/\n  background: #fff;\n  margin-top: 20px;\n}\n\n\/* image switching style\n------------------------------------------*\/\n\/* colors and borders *\/\n.pic_gallery { overflow: hidden; } \/* floatしている要素は通常のフローから外れて親要素の高さがなくなるが、overflow:visible以外を指定すれば親要素に高さを持たせることが出来る *\/\n\n\/* 上で高さを持たせたので、その高さをいくつにすればいいかを算出 *\/\n.pic_gallery:has(.pic_set:nth-of-type(21) .pic_sm img:not([src=\"\"])) {\n    padding-bottom: calc(74.21% + calc((18% + 2%) * 5) - 100%);\n}\n\n.pic_gallery:has(.pic_set:nth-of-type(21) .pic_sm img[src=\"\"]) {\n    padding-bottom: calc(74.21% + calc((18% + 2%) * 4) - 100%);\n}\n\n.pic_gallery:has(.pic_set:nth-of-type(16) .pic_sm img[src=\"\"]) {\n    padding-bottom: calc(74.21% + calc((18% + 2%) * 3) - 100%);\n}\n\n.pic_gallery:has(.pic_set:nth-of-type(11) .pic_sm img[src=\"\"]) {\n    padding-bottom: calc(74.21% + calc((18% + 2%) * 2) - 100%);\n}\n\n.pic_gallery:has(.pic_set:nth-of-type(6) .pic_sm img[src=\"\"]) {\n    padding-bottom: calc(74.21% + calc((18% + 4%) * 1) - 100%);\n}\n\n.pic_gallery .pic_sm div { border: 1px solid #ddd; cursor: pointer;} \/* thumbnail cell border *\/\n.pic_gallery .pic_set:has( .pic_sm div \u003e img[src=\"\"] ) { display: none;}\n.pic_gallery .pic_lg div { border: 1px solid #ddd; } \/* main photo cell border *\/\n\n\/* sizing, matting, and margins (all values interact and vary by aspect ratio and image count) *\/\n.pic_gallery { width:100%; max-width:500px; } \/* change this % in media queries *\/\n.pic_gallery .pic_gal_5x4 { width:100%; padding-top:100%; } \/* 要素の高さを％指定するとCSSの性質で、要素の幅の値を参照する性質がある\n                                                               この性質を利用して、幅100%に対して高さ100%を指定する事で基準とする高さが幅依存で決まり\n                                                               この高さに対して各要素高さ何％かを指定する事で、レスポンシブ対応で要素のサイズを決定している *\/\n\n.pic_gallery .pic_gal_5x4 .pic_gal_cells { width: 100%; height: 100%; } \/* sets padding around entire gallery *\/\n.pic_gallery .pic_gal_5x4 .pic_sm { width:18%; height:18%; margin:1%; }\n.pic_gallery .pic_gal_5x4 .pic_lg { width:98.95%; height:74.21%; margin:0.52%; }\n.pic_gallery .pic_gal_5x4 .pic_sm img { max-width:100%; max-height:100%; } \/* sets margin around thumbnail *\/\n.pic_gallery .pic_gal_5x4 .pic_lg img { max-width:100%; max-height:100%; } \/* sets margin around large photo *\/\n\n\/* structural *\/\n.pic_gallery, .pic_gallery * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }\n.pic_gallery, .pic_gallery .pic_gal { position:relative; margin:auto; }\n.pic_gallery .pic_gal_cells { position:absolute; left:0; top:0; bottom:0; right:0; margin:auto; }\n.pic_gallery img { position:absolute; width:auto; height:auto; left:0; top:0; bottom:0; right:0; margin:auto; }\n.pic_gallery .pic_sm { position:relative; overflow:hidden; float:left; display:block; }\n.pic_gallery .pic_lg { position:absolute; overflow:hidden; display:none; left:0%; top:0%; z-index:1; }\n.pic_gallery .pic_sm div, .pic_gallery .pic_lg div { position:absolute; left:0%; top:0%; right:0%; bottom:0%; }\n.pic_gallery .pic_lg { display:none; }\n.pic_gallery .pic_lg.pic_main { position:relative; display:block; float:left; z-index:0; } \/* turn on default large photo *\/\n.pic_gallery .pic_set:hover .pic_sm div { opacity:1; border:1px solid #ddd; }\n.pic_gallery .pic_main { visibility:hidden; }\n.pic_gallery input { position:absolute; top:0; left:0; visibility:hidden; }\n.pic_gallery input:checked + label + div.pic_lg { display:block }\n.pic_gallery input:checked + label { opacity:1; }\n  \n\/* Same as first example *\/\nimg:before {  \n  content: \" \";\n  display: block;\n  position: absolute;\n  top: -10px;\n  left: 0;\n  height: calc(100% + 10px);\n  width: 100%;\n  background-color: #f8f8f8;\n}\nimg:after {  \n  content:  \"Tosai Art Tokyo\" attr(alt);\n  display: block;\n  text-align: center;\n  font-size: 60%;\n  color: #bbb;\n  position: absolute;\n  top: 52%;\n  left: 50%;\n  -webkit-transform: translate(-50%, -50%);\n      -ms-transform: translate(-50%, -50%);\n          transform: translate(-50%, -50%);\n}\n\n\/* responsive style\n------------------------------------------*\/\n@media screen and (max-width:1199px) {\n.main-top img {\n  width: 100%;\n  height: auto;\n  }\n.attention {\n  width: 100%;\n  }\n}\n\n@media screen and (max-width:1050px) {\n.middle-flex {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: column wrap;\n          flex-flow: column wrap;\n  }\n  #left {\n  width: 100%;\n  max-width:500px;\n  margin: 0 auto;\n  }\n  #right {\n  width: 590px;\n  margin: 50px auto 0;\n  }\n\n}\n\n@media screen and (max-width:630px) {\n.img-details {\n  width: 300px;\n  height: 300px;\n  margin: 0 auto;\n  }\n.small-img {\n  width: 100%;\n  height: auto;\n  }\n.small-img .goods-image {\n  max-width: 96px;\n  max-height: 96px;\n  margin-top: 10px;\n  }\n#right {\n  width: 100%;\n  margin: 50px auto 0;\n  }\n.document-details {\n  margin-left: 0;\n  }\n.document-details \u003e h1 {\n  padding: 0 0 0 10px;\n  }\ntable.spec {\n  margin-top:35px;\n  }\n}\n  \n@media screen and (max-width:500px) {\n#left {\n  \/* min-height: 150vw; *\/\n  }\nimg:after {  \n  content:  \"Tosai Art Tokyo\" attr(alt);\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"content-main\"\u003e\n\u003cdiv class=\"main-top\"\u003eThis Japanese ukiyo-e woodblock print triptych is by Kunitoshi Utagawa, also signed Kunitoshi Baiju, and dates to Meiji 14 (1881). Titled “Tokyo Ueno Koenchi Dai Nikai Naikoku Kangyo Hakurankai Kaijo Ichiran no Zu,” it shows a panoramic view of the Second National Industrial Exhibition grounds in Ueno Park, Tokyo, with exhibition buildings, walkways, crowds, and surrounding landscape spread across the three sheets. The design presents a lively Meiji-era public scene with strong visual depth and detail. This is a three-sheet set, and each sheet measures approximately 24.5 x 36.8 cm. The exact printing date is unknown. Condition shows stains and soiling. Please review the photos for details.\u003c\/div\u003e\n\u003c!-- end .attention --\u003e\n\u003c\/div\u003e\n\u003c!-- end .content-main --\u003e","brand":"Tosai Art Tokyo","offers":[{"title":"Default Title","offer_id":52612771479839,"sku":"AC0026","price":110.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0957\/7778\/4095\/files\/57_e1be14e9-dd8e-42cc-91e5-268bcab68746.png?v=1781248708","url":"https:\/\/tosai-art.tokyo\/products\/kunitoshi-utagawa-japanese-woodblock-print-triptych-ueno-tokyo-meiji","provider":"Tosai Art Tokyo","version":"1.0","type":"link"}