{"product_id":"toyokuni-iii-utagawa-woodblock-print-kabuki-actor-late-edo-to-meiji","title":"Utagawa Toyokuni III Woodblock Print Kabuki Actor Late Edo to Meiji","description":"\u003cp\u003e \u003c\/p\u003e\n\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 woodblock print appears to be utagawa toyokuni iii and likely from the Late Edo to Meiji period. The composition features kabuki actor portrait, making it an appealing work for collectors of ukiyo-e and traditional Japanese prints. There is age-related wear, and please review all photos carefully for details and condition.\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":52612778623263,"sku":"AC0052","price":90.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0957\/7778\/4095\/files\/57_e843ba58-2f22-425e-9f91-c90c01a48ae4.png?v=1781248887","url":"https:\/\/tosai-art.tokyo\/products\/toyokuni-iii-utagawa-woodblock-print-kabuki-actor-late-edo-to-meiji","provider":"Tosai Art Tokyo","version":"1.0","type":"link"}