{"product_id":"miyagawa-shuntei-japanese-woodblock-print-children-tea-ceremony-meiji-ukiyo-e","title":"Miyagawa Shuntei Japanese Woodblock Print Children Tea Ceremony Meiji Ukiyo-e","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 woodblock print by Miyagawa Shuntei is titled “Tea Ceremony” and dates to Meiji 29 (1896). It belongs to the series “Children’s Customs” and depicts children gathered indoors in a quiet tea ceremony scene, rendered in a refined late Meiji style. Condition shows staining, toning, and tears, with additional age-related wear consistent with the sheet’s age. Please review the photos carefully for the exact 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":52612771610911,"sku":"AC0010","price":70.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0957\/7778\/4095\/files\/57_e9508c15-7bc4-4a41-ae95-686d0040c70c.png?v=1781248716","url":"https:\/\/tosai-art.tokyo\/products\/miyagawa-shuntei-japanese-woodblock-print-children-tea-ceremony-meiji-ukiyo-e","provider":"Tosai Art Tokyo","version":"1.0","type":"link"}