img { 　backface-visibility: hidden; -webkit-backface-visibility: hidden; } .sannichi a{ padding-left:10px; font-size:19px; color:#FF0000; font-weight: bold; text-decoration:underline;} .sannichi a:hover{ padding-left:10px; font-size:19px; color:#ff8787; font-weight: bold; text-decoration:underline;} .all_free{ padding:3px; width:160px; text-align:center; background-color:#ff0000; border:#900 2px solid; font-size:18px; color:#FFF; margin:0px 0px 4px 10px; font-weight: bold;} .sannichi2 a{ padding-left:10px; font-size:19px; color:#0042ff; font-weight: bold; text-decoration:underline;} .sannichi2 a:hover{ padding-left:10px; font-size:19px; color:#275efd; font-weight: bold; text-decoration:underline;} .expl a{ color:#0000ff; text-decoration:underline;} .cg_freespace_01{ line-height: 1.4em;} .tyuui{font-size: 10px; width: 660px; height: 120px; margin: 0 0 10px 0;} .fc-red{color: #ff0000;} #tyuui{font-size: 12px; width: 660px; height: 120px;} .fc-red{color: #ff0000;} /* ------------------------------------- * SmartPhoto.js * ------------------------------------- */ @keyframes smartphoto{from{opacity:0}to{opacity:1}}@keyframes smartphoto-img-wrap{from{opacity:0}to{opacity:1}}@keyframes smartphoto-inner{from{transform:translate(0, 100px)}to{transform:translate(0, 0)}}@keyframes smartphoto-loader{0%{opacity:.4;transform:rotate(0deg)}50%{opacity:1;transform:rotate(180deg)}100%{opacity:.4;transform:rotate(360deg)}}@keyframes smartphoto-appear{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}@keyframes smartphoto-hide{0%{display:block;opacity:1}99%{display:block;opacity:0}100%{display:none;opacity:0}}.smartphoto{position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;overflow:hidden;background-color:#000;opacity:1;font-family:sans-serif;cursor:pointer;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out;transition:all 0.3s ease-out;animation-name:smartphoto;animation-duration:.3s;animation-timing-function:ease-out}.smartphoto[aria-hidden="true"]{display:none}.smartphoto-close{opacity:0}.smartphoto-count{display:inline-block;color:#FFF;font-size:16px}.smartphoto-header{display:block;box-sizing:border-box;position:fixed;z-index:102;top:0;left:0;width:100%;height:50px;padding:15px;background-color:rgba(0,0,0,0.2)}.smartphoto-content{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.smartphoto-dismiss{display:block;position:absolute;top:100px;right:10px;width:20px;height:20px;padding:0;border:none;background-color:transparent;background-image:url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiI+PHRpdGxlPmljb248L3RpdGxlPjxwYXRoIGQ9Ik0xNTc2LjQyLDE0MDYuNzYsMjc4NCwxOTkuMTlhNTYuODYsNTYuODYsMCwwLDAsMC04MC4xOGwtNzguOTItNzguOTJhNTYuODYsNTYuODYsMCwwLDAtODAuMTgsMEwxNDE3LjMyLDEyNDcuNjYsMjA5Ljc1LDQwLjA5YTU2Ljg2LDU2Ljg2LDAsMCwwLTgwLjE4LDBMNTAuNjUsMTE5YTU2Ljg2LDU2Ljg2LDAsMCwwLDAsODAuMThMMTI1OC4yMywxNDA2Ljc2LDUwLjY1LDI2MTQuMzRhNTYuODYsNTYuODYsMCwwLDAsMCw4MC4xOGw3OC45Miw3OC45MmE1Ni44Niw1Ni44NiwwLDAsMCw4MC4xOCwwTDE0MTcuMzIsMTU2NS44NiwyNjI0LjksMjc3My40NGE1Ni44Niw1Ni44NiwwLDAsMCw4MC4xOCwwbDc4LjkyLTc4LjkyYTU2Ljg2LDU2Ljg2LDAsMCwwLDAtODAuMThaIi8+PC9zdmc+);text-shadow:0 1px 0 #FFF;color:#FFF;font-size:30px;text-decoration:none;cursor:pointer;line-height:1}.smartphoto-body{position:relative;z-index:102;width:100%;height:100%;margin:0 auto}.smartphoto-inner{position:relative;width:100%;height:100%;vertical-align:top}.smartphoto-img{display:none;max-width:none;width:auto;height:auto;cursor:zoom-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:transform 0.3s ease-out;-webkit-user-drag:none}.smartphoto-img.active{display:block}.smartphoto-img-onmove{cursor:grab;cursor:-webkit-grab;transition:none}.smartphoto-img-elasticmove{transition:transform 0.3s ease-out}.smartphoto-img-wrap{display:inline-block;opacity:1;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out;animation-name:smartphoto-img-wrap;animation-duration:.3s;animation-timing-function:ease-out}.smartphoto-img-left{transform:translateX(150%) !important}.smartphoto-img-right{transform:translateX(-150%) !important}.smartphoto-arrows{list-style-type:none;margin:0;padding:0;position:relative;z-index:1002;top:50%;left:0;opacity:1;animation-name:smartphoto-appear;animation-duration:.3s;animation-timing-function:ease-out}.smartphoto-arrows[aria-hidden="true"]{animation-name:smartphoto-hide;display:none}.smartphoto-arrows li{display:block;position:absolute;top:50%;width:30px;height:30px;animation-duration:.3s;animation-timing-function:ease-out;animation-name:smartphoto-appear}.smartphoto-arrows li:focus{outline:none}.smartphoto-arrows [aria-hidden="true"]{animation-name:smartphoto-hide;display:none}.smartphoto-arrows a{display:block;width:100%;height:100%;text-decoration:none}.smartphoto-arrow-right{right:0;background-image:url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiAiPjx0aXRsZT5pY29uPC90aXRsZT48cGF0aCBkPSJNMTgzNy44OCwxNDE3LjMyLDY0My41OSwyMjNhNzIuMjEsNzIuMjEsMCwwLDEsMC0xMDEuODJMNzQzLjgyLDIxYTcyLjIxLDcyLjIxLDAsMCwxLDEwMS44MiwwTDIwOTAuODMsMTI2Ni4xOWwxMDAuMjMsMTAwLjIzYTcyLjIxLDcyLjIxLDAsMCwxLDAsMTAxLjgyTDg0NS42NCwyODEzLjY1YTcyLjIxLDcyLjIxLDAsMCwxLTEwMS44MiwwTDY0My41OSwyNzEzLjQyYTcyLjIxLDcyLjIxLDAsMCwxLDAtMTAxLjgyWiIvPjwvc3ZnPg==)}.smartphoto-arrow-left{left:0;background-image:url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiI+PHRpdGxlPmljb248L3RpdGxlPjxwYXRoIGQ9Ik05OTYuNzcsMTQxNy4zMiwyMTkxLjA2LDIyM2E3Mi4yMSw3Mi4yMSwwLDAsMCwwLTEwMS44MkwyMDkwLjgzLDIxQTcyLjIxLDcyLjIxLDAsMCwwLDE5ODksMjFMNzQzLjgyLDEyNjYuMTksNjQzLjU5LDEzNjYuNDJhNzIuMjEsNzIuMjEsMCwwLDAsMCwxMDEuODJMMTk4OSwyODEzLjY1YTcyLjIxLDcyLjIxLDAsMCwwLDEwMS44MiwwbDEwMC4yMy0xMDAuMjNhNzIuMjEsNzIuMjEsMCwwLDAsMC0xMDEuODJaIi8+PC9zdmc+)}.smartphoto-nav{position:absolute;bottom:0px;left:0;width:100%;opacity:1;animation-name:smartphoto-appear;animation-duration:.3s;animation-timing-function:ease-out}.smartphoto-nav[aria-hidden="true"]{animation-name:smartphoto-hide;display:none}.smartphoto-nav ul{display:block;overflow-x:auto;list-style:none;margin:0;padding:0;text-align:center;white-space:nowrap;-webkit-overflow-scrolling:touch}.smartphoto-nav li{display:inline-block;overflow:hidden;width:50px;height:50px}.smartphoto-nav a{display:block;width:100%;height:100%;background-color:#FFF;background-position:center center;background-size:cover;opacity:.5}.smartphoto-nav a:focus{opacity:.8}.smartphoto-nav a.current{opacity:1}.smartphoto-nav img{width:auto;height:100%}.smartphoto-list{list-style-type:none;position:absolute;z-index:101;top:0;left:0;margin:0;padding:0;white-space:nowrap}.smartphoto-list li{display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.3s ease-out}.smartphoto-list li:focus{outline:none}.smartphoto-list-onmove{transition:all 0.3s ease-out}.smartphoto-caption{overflow:hidden;box-sizing:border-box;position:absolute;top:35px;left:0;width:100%;height:50px;padding:0 50px;color:#FFF;font-size:12px;text-align:center;line-height:50px;white-space:nowrap;text-overflow:ellipsis}.smartphoto-caption:focus{outline:none}.smartphoto-loader-wrap{display:block;position:relative;z-index:103;width:0;height:0;transform:translate(50vw, 50vh)}.smartphoto-loader{position:absolute;z-index:101;top:0;left:0;width:30px;height:30px;margin-top:-25px;margin-left:-25px;border:8px solid #17CDDD;border-right-color:transparent;border-radius:50%;animation:smartphoto-loader .5s infinite linear}.smartphoto-img-clone{position:fixed;z-index:100;top:0;left:0;transition:all .3s ease-out}.smartphoto-sr-only{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0, 0, 0, 0)} .kodawari_wrap{border: solid 1px #404042; padding: 2px;} .kodawari{border: solid 3px #C1920E; padding: 10px; color: #404042; font-size: 15px;} .kodawari_h1{text-align: center; font-size: 16px; position: relative; padding: 0.25em 1em; border-top: solid 2px #404042; border-bottom: solid 2px #404042; color: #FF0000;} .kodawari_h1:before, .kodawari_h1:after {content: ''; position: absolute; top: -7px; width: 2px; height: -webkit-calc(100% + 14px); height: calc(100% + 14px); background-color: black;} .kodawari_h1:before {left: 7px;} .kodawari_h1:after {right: 7px;} .kodawari_wrap a{color: #FF0000;} .now_view{ width:100%; position: relative; } .view_text{ position: absolute; border: 1px #999 dotted; box-shadow:1px 1px 2px #FFF; border-radius: 10px; padding: 1em 2em; color: red; background: #000; right: 0; } .quality_class{width: 660px; margin: 0 0 10px 0;} .quality_class_h3{font-size: 18px; line-height: 1.5; margin-bottom: 20px; border: #000 1px solid; border-width: 0 0 0 5px; padding: 0 0 0 5px;} .quality_class_txtbox{box-sizing: border-box; width: 100%; font-size: 16px; padding: 0 10px; margin-bottom: 20px;} .quality_element_table_warp{} .quality_element_table{width: 100%; border: 1px solid #BBBBBB; /*color: #757575;*/ border-collapse: collapse; padding: 0 10px;} .quality_element_table td{box-sizing: border-box; border: 1px solid #BBBBBB; padding: 15px 10px; vertical-align: middle;} .quality_element_table tr{box-sizing: border-box; border: 1px solid #BBBBBB;} .quality_element_td_l{width: 20%;} .quality_element_td_r{width: 80%;} .quality_class_table_warp{} .quality_class_table{width: 100%; border: 1px solid #BBBBBB; /*color: #757575;*/ border-collapse: collapse;} .quality_class_table td{box-sizing: border-box; border: 1px solid #BBBBBB; padding: 15px 10px; vertical-align: middle;} .quality_class_table tr{box-sizing: border-box; border: 1px solid #BBBBBB;} .quality_class_td_l{width: 15%;} .quality_class_td_r{width: 85%;} .guide_table_warp{padding: 0 10px; margin-top: 20px;} .guide_table{width: 60%; border: 1px solid #BBBBBB; border-collapse: collapse; font-size: 12px;} .guide_table td{box-sizing: border-box; border: 1px solid #BBBBBB; padding: 15px 5px; vertical-align: middle;} .guide_table tr{box-sizing: border-box; border: 1px solid #BBBBBB;} .guide_td_l{width: 30%;} .guide_td_r{width: 30%;} /* ------------------------------------- * 商品詳細説明画像の横並び * ------------------------------------- */ .description_img_box{ display: flex; overflow-x: scroll; width: 100%; } .description_img_box div{ width: 30%; margin: 5px; flex-shrink: 0; } /* ------------------------------------- * リンク_アイコン * ------------------------------------- */ .link_wrap{width: 100%;} .link_wrap img{ width: 14px; vertical-align: baseline;} .f22_box-text span{font-size: 16px; color: #3987C7;} .f22_box-text i{margin-left: 6.5px; color: #3987C7;} .external_link_label{margin-left: 6.5px;} .a_visi:visited{color: #0000ff;} /* ------------------------------------- * 注釈 * ------------------------------------- */ .notes_no { font-size: 8px; } .notes { color: #666; } /* ------------------------------------- * YouTube 埋め込み * ------------------------------------- */ .video { position: relative; width:100%; height:0; padding-top: 56.25%; } .video iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }