.sp_il,.sp_bl,.sp_ib{display:none}@media screen and (max-width:640px){.sp_il{display:inline}.sp_bl{display:block}.sp_ib{display:inline-block}.sp_hide{display:none}}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after{content:none}q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}li{list-style-type:none}ul,li{margin:0;padding:0}html,body{font-size:13px}body{font-family:YuGothic,Yu Gothic,sans-serif}header{color:#333;text-align:center;margin:0 auto;padding-bottom:50px;width:100%;position:relative}header h1{width:75%;margin:0 auto;padding-top:25px;text-align:center}header h1 a{display:block}header h1 img{width:100%}header >div{text-align:center;font-family:Bowlby One,cursive;font-size:2rem;max-width:1024px;margin:50px auto;position:relative;z-index:10;box-sizing:border-box}header >div span{display:block}header >div .jp{font-size:1rem;letter-spacing:1px;margin-top:8px}footer{text-align:center;background:#fff;padding:100px 0 0;margin-top:50px}footer #share{margin-bottom:50px}footer #share h2{font-size:1rem;letter-spacing:2px;margin-bottom:20px}footer #share a{font-size:1.5rem;display:inline-block;color:#fff;width:50px;height:50px;border-radius:50px;line-height:50px;margin:0 5px;vertical-align:top}footer #share a#twitter{background:#1da1f2}footer #share a#fb{background:#3b5998}footer #share a#line{background:#00b900}footer #share a#line img{width:60%}footer #f_logo{vertical-align:middle;align-items:center;justify-content:center;margin-bottom:50px}footer #f_logo img{width:220px}footer #f_logo p{font-family:Roboto,sans-serif;font-size:1.2rem;letter-spacing:1px;vertical-align:middle;margin-top:10px}footer #f_logo #copyrights{color:#888;margin-top:2rem;font-size:.7rem}@media screen and (max-width:1024px){header{padding-bottom:0}header >div{width:100%}}@media screen and (max-width:640px){header{padding:0}header h1{width:95%;padding-top:12.5px}header >div{margin-top:20px;font-size:1.5rem;width:100%}footer{padding-top:50px}footer #f_logo{font-size:1rem;width:85%;margin:25px auto;justify-content:center}footer #f_logo img{width:70%}footer #f_logo p{font-size:1rem}}@-webkit-keyframes logo_drop{0%{transform:translateY(-500px) scale(.5)}70%{transform:translateY(110px)}100%{transform:translateY(100px)}}@keyframes logo_drop{0%{transform:translateY(-500px) scale(.5)}70%{transform:translateY(110px)}100%{transform:translateY(100px)}}header h1{width:75%}header >div{margin:50px auto}body{background:#ffd900}#detail{background:#fff;width:1024px;margin:50px auto;display:flex;justify-content:space-between;border:4px solid #333;box-sizing:border-box}#detail .photo{width:57%;position:relative;background:#ffd900;background-image:linear-gradient(-45deg,#ffd900 25%,#333 25%,#333 50%,#ffd900 50%,#ffd900 75%,#333 75%,#333);background-size:6px 6px;text-align:center}#detail .photo ul#slide{margin:0;padding:0;position:static}#detail .photo ul#slide li{width:100%;display:block}#detail .photo ul#slide li img{width:100%;line-height:1;vertical-align:bottom}#detail .photo ul#thumb{text-align:left;padding:0;font-size:0}#detail .photo ul#thumb li{display:inline-block;width:14.285%;overflow:hidden;transition-duration:.2s}#detail .photo ul#thumb li img{cursor:pointer;width:100%;vertical-align:bottom}#detail .photo ul#thumb li:hover{opacity:.9}#detail .info{color:#333;flex:1;padding:50px 25px;box-sizing:border-box}#detail .info .special{font-size:35px;color:#fff;background:#333;display:inline-block;padding:5px 10px;margin-bottom:10px}#detail .info .name{font-size:3rem;font-family:Bowlby One,cursive;font-style:italic;line-height:1}#detail .info .name span{font-weight:300;font-size:2rem;margin-left:2rem}#detail .info .jp_name{margin-top:1rem}#detail .info .price{font-family:Oswald,sans-serif;font-size:2.5rem;margin:2rem 0;font-weight:200;letter-spacing:1px}#detail .info .price span{line-height:1;font-weight:700;vertical-align:bottom}#detail .info .price span:first-child{font-size:1.5rem}#detail .info .price span:last-child{font-size:1.5rem;margin-left:5px}#detail .info .spec{margin-bottom:3rem;line-height:2}#detail .info p{letter-spacing:1px;line-height:1.7;margin-bottom:50px}#detail .info .notice{line-height:1.7;font-size:.9rem}#back{text-align:center;font-family:Roboto,sans-serif;width:1024px;font-size:2rem;margin:0 auto 100px;box-sizing:border-box;border-radius:4px}#back a{font-family:Bowlby One,cursive;color:#fff;color:#ffd900;background-color:#333;letter-spacing:1px;text-decoration:none;line-height:1;display:block;padding:15px 0 10px;width:100%;transition-duration:.4s;border:5px solid #333;box-sizing:border-box}#back a:hover{color:#333;background-color:#ffd900}.owl-pagination{margin-top:2rem}.owl-pagination div{display:inline-block;margin:0 .4rem;width:$pn_w;height:$pn_w;border-radius:$pn_w;background-color:#ddd}.owl-pagination div.active{background-color:#555}.owl-buttons .owl-prev,.owl-buttons .owl-next{display:inline-block;width:40px;height:80px;position:absolute;top:260px;margin:auto;opacity:.5}.owl-buttons .owl-prev img,.owl-buttons .owl-next img{width:10px;position:relative;top:30px}.owl-buttons .owl-prev:hover,.owl-buttons .owl-next:hover{opacity:1}.owl-buttons .owl-prev{left:0;transform:scaleX(-1)}.owl-buttons .owl-next{right:0}@media screen and (max-width:1024px){#detail{width:90%;height:auto;margin-top:7rem;flex-direction:column}#detail .photo{width:100%;padding-bottom:3rem}#back{width:90%}}@media screen and (max-width:960px){#detail{width:100%;margin-top:0}#detail .info .name{font-size:1.6rem}#detail .info .name span{font-size:75%}.owl-buttons{height:34px;position:absolute;width:94%;left:3%}.owl-buttons .owl-prev,.owl-buttons .owl-next{bottom:0;top:0}}@media screen and (max-width:640px){header{padding:1.5rem 0;margin-bottom:0}header h1{width:70%}header >div{width:96%;font-size:1rem;margin:25px auto 0}header >div.jp{margin-top:0}#detail{width:100%;margin-top:0;padding:50px 0 0;border:none}#detail .photo{background:#fff;margin:0}#detail .photo ul#slide{width:94%;margin:0 auto 25px}#detail .photo ul#slide li{width:100%;line-height:1;vertical-align:bottom;box-sizing:border-box}#detail .photo ul#thumb{text-align:center}#detail .info .name{text-align:center;font-size:2rem}#detail .info .jp_name{text-align:center}#detail .info .price{text-align:center;font-size:15px}#detail .info .price span:first-child{font-size:1.25rem;margin:0}#detail .info .price span:nth-child(2){font-size:2rem;margin:0 5px}#detail .info .price span:nth-child(3){font-size:1.25rem;margin:0}#detail .info .spec{margin-bottom:0}#back{font-size:1.5rem}}