@media screen and (min-width:767px){.sp_il,.sp_bl,.sp_ib,.tb_il,.tb_bl,.tb_ib{display:none}}@media screen and (min-width:767px) and (max-width:1080px){.tb_hide{display:none}.tb_il{display:inline}.tb_bl{display:block}.tb_ib{display:inline-block}}@media screen and (max-width:767px){.sp_hide{display:none}.sp_il{display:inline}.sp_bl{display:block}.sp_ib{display:inline-block}}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.5}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,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}label{cursor:pointer}section#about{background:#fbf2e6;padding:150px 0 300px;position:relative}section#about .line{background:url(../images/pattern2.svg) repeat-x;background-size:auto 100%;width:100%;height:10vw;margin-top:100px;position:absolute;bottom:0}section#about >.inner{color:#19224d;max-width:1080px;margin:0 auto}section#about >.inner h2{text-align:center;font-family:Roboto,sans-serif;font-size:1.5rem;font-size:2rem;letter-spacing:1px}section#about >.inner.about{width:90%;margin-bottom:125px}section#about >.inner.about h2{margin-bottom:75px}section#about >.inner.about .flex{display:flex;justify-content:space-between}section#about >.inner.about .flex >div{width:30%;text-align:center}section#about >.inner.about .flex >div h3{font-size:1.25rem;display:inline-block;position:relative}section#about >.inner.about .flex >div h3 .t{position:relative;z-index:2}section#about >.inner.about .flex >div h3 .num{font-size:6rem;font-family:Damion;color:#ec6300;font-weight:400;line-height:1}section#about >.inner.about .flex >div p{font-size:.9rem;text-align:center;margin:12.5px 0}section#about >.inner.about .flex >div a{text-align:center;box-sizing:border-box;color:#fff;text-decoration:none;background:#fff;background:#b7d4c3;background:#ec6300;width:100%;margin-bottom:20px;padding:10px;display:block;border:1px solid #555;border-radius:4px;transition:background .2s,color .2s,border .2s,transform .2s,box-shadow .2s;box-shadow:0 3px 0 #ccc}section#about >.inner.about .flex >div a:hover{color:#19224d;background:#fff;transform:translateY(2px);box-shadow:none;border-color:#aaa}section#about >.inner.notice{width:90%}section#about >.inner.notice h2{margin-bottom:50px}section#about >.inner.notice .notice_list{display:flex;justify-content:space-between}section#about >.inner.notice .notice_list ul{width:47%;padding:0 0 0 17px}section#about >.inner.notice .notice_list ul li{width:100%;margin-bottom:10px;list-style-type:disc;list-style-position:inset}@media screen and (max-width:1080px){section#about >.inner{width:90%;margin:0 auto}section#about >.inner.about .flex >div h3{width:100%}section#about >.inner.about .flex >div h3 .num{left:0}section#about >.inner.notice .notice_list{display:block}section#about >.inner.notice .notice_list ul{width:100%;padding:0 0 0 17px;box-sizing:border-box}}@media screen and (max-width:767px){section#about{padding:75px 0 125px}section#about .line{height:13vw}section#about >.inner h2{font-size:1.5rem}section#about >.inner.about .flex{display:block}section#about >.inner.about .flex >div{width:100%;margin-bottom:40px}section#about >.inner.about .flex >div h3{width:auto;margin-bottom:0;display:inline-block;position:relative}section#about >.inner.about .flex >div h3 .t{display:inline-block}section#about >.inner.about .flex >div h3 .num{display:inline-block;font-size:3.5rem;line-height:1;left:-37px;bottom:-3px}section#about >.inner.about .flex >div a{margin-bottom:0}section#about >.inner.about .flex >div:nth-child(3) h3{margin-bottom:10px}section#about >.inner.about .flex >div:nth-child(3) p{display:none}}#back{text-align:center;font-size:1.5rem;box-sizing:border-box;width:$mw;margin:200px auto;border-radius:4px}#back a{font-family:Roboto,sans-serif;color:#fff;line-height:1;letter-spacing:5px;text-decoration:none;background:#333;width:75%;margin:0 auto;padding:30px 0;display:block;transition-duration:.4s;box-sizing:border-box}#back a:hover{background-color:#555}@media screen and (max-width:1080px){#back{width:90%;margin:50px auto 150px}}@media screen and (max-width:767px){#back{font-size:1.5rem;margin-bottom:50px}#back a{width:100%;padding:15px 0}}footer{text-align:center;padding:10vw 0}footer .flex .logo img{max-width:400px;transform:translateX(2vw)}footer .flex .title{text-align:center;padding-top:50px}footer .flex .title h1{font-family:Bebas Neue}footer .flex .title h1 img{width:40%;max-width:480px}@media screen and (max-width:1080px){footer .flex .title h1 img{width:60%}}@media screen and (max-width:767px){footer .flex .logo img{max-width:55%;transform:translateX(3vw)}footer .flex .title{padding-top:25px}footer .flex .title h1{font-size:2rem;letter-spacing:1px}}section#gallery{background-image:linear-gradient(180deg,#fff 0,#f8f9f9 100%);padding-bottom:100px}section#gallery ul{display:flex;justify-content:space-between}section#gallery ul li{width:22%}section#gallery ul li:nth-child(1){transform:translateY(0)}section#gallery ul li:nth-child(2){width:32%;transform:translateY(15vh)}section#gallery ul li:nth-child(2) img{margin-bottom:10px}section#gallery ul li:nth-child(3){transform:translateY(20vh)}section#gallery ul li:nth-child(4){transform:translateY(0)}section#gallery ul li a{transition:opacity .3s}section#gallery ul li a:hover{opacity:.8}section#gallery ul li img{width:100%;vertical-align:bottom}header .line{background:url(../images/pattern1.svg) repeat-x;background-size:5%;height:6vw}header h1,header .jp{text-align:center}header h1{padding:100px 0 50px}header h1 img{width:40%}header .jp{font-size:1.1rem;color:#777;line-height:1.75;letter-spacing:1px;transition-delay:.4s}@media screen and (max-width:1080px){header h1{min-width:0;flex:0 0 auto}header h1 img{width:59%}}@media screen and (max-width:767px){header{padding:0 0 50px}header .line{background-size:10%;height:50px}header h1{padding:50px 0 20px}header .jp{font-size:.8rem}}body.item header h1 img{width:32%}body.item#keyholder #detail .swiper-container.top .swiper-wrapper .swiper-slide img{width:65%}body.item #detail{margin:50px auto;display:flex;align-items:center;justify-content:space-between}body.item .photo{text-align:center;width:50%;position:relative}body.item .photo .swiper-container.top .swiper-wrapper .swiper-slide{width:100%;height:50vw;display:flex;align-items:center;justify-content:center}body.item .photo .swiper-container.top .swiper-wrapper .swiper-slide img{line-height:1;width:90%;vertical-align:bottom}body.item .photo .swiper-container.thumb{width:95%}body.item .photo .swiper-container.thumb .swiper-wrapper{display:flex;align-items:center;justify-content:center}body.item .photo .swiper-container.thumb .swiper-wrapper .swiper-slide{box-sizing:border-box}body.item .photo .swiper-container.thumb .swiper-wrapper .swiper-slide img{width:80%;padding:10px;border:1px solid #fff;border-radius:3px;transition:opacity .4s;box-sizing:border-box}body.item .photo .swiper-container.thumb .swiper-wrapper .swiper-slide:hover img{opacity:.5}body.item .photo .swiper-container.thumb .swiper-wrapper .swiper-slide.swiper-slide-thumb-active img{border:1px solid #ddd}body.item .info{color:#111;width:45%;padding:0 25px;flex:0 0 auto;transform:translateY(-50px);box-sizing:border-box}body.item .info .name{font-size:3rem;font-family:Roboto,sans-serif;font-weight:400;line-height:1;display:flex;flex-wrap:wrap;align-items:center}body.item .info .name div{font-size:3rem;font-weight:300;line-height:1;margin:0 10px 20px 0}body.item .info .name .jp_name{font-size:1.2rem;text-align:center}body.item .info .price{font-family:Roboto,sans-serif;font-weight:400;margin:10px 0 50px}body.item .info .price span{line-height:1}body.item .info .price span:first-child{font-size:1.5rem}body.item .info .price span:nth-child(2){font-size:2.5rem;margin:0 5px}body.item .info .spec{line-height:2}body.item .info p{font-size:1rem;line-height:1.7;letter-spacing:1px;margin-bottom:50px}body.item .info .notice{font-size:.9rem;line-height:1.7}@media screen and (max-width:1080px){body.item #detail{width:100%;height:auto;margin-top:7rem}body.item #detail .photo{width:55%;padding-bottom:3rem}body.item #detail .info{padding:0 25px}}@media screen and (max-width:767px){body.item header{padding-bottom:0}body.item header h1 img{width:75%}body.item header .title{text-align:right;width:75%}body.item header .title >div{font-size:1.25rem;margin:0 0 0 auto}body.item #detail{width:100%;margin-top:0;padding:0;display:block}body.item #detail .photo{width:100%;margin-bottom:50px}body.item #detail .photo .swiper-container.top .swiper-wrapper .swiper-slide{height:100vw}body.item #detail .info{width:100%}body.item #detail .info .name{text-align:center;font-size:2rem}body.item #detail .info .jp_name{text-align:center}body.item #detail .info .price{font-size:15px}body.item #detail .info .price span:first-child{font-size:1.25rem;margin:0}body.item #detail .info .price span:nth-child(2){font-size:2rem;margin:0 5px}body.item #detail .info .price span:nth-child(3){font-size:1.25rem;margin:0}body.item #detail .info .spec{margin-bottom:0}}section.list{padding:10vw 0}section.list ul{width:90%;max-width:1080px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;justify-content:space-between}section.list ul li{text-align:center;width:28%;margin-bottom:50px;position:relative}section.list ul li .img{display:flex;align-items:center;justify-content:center}section.list ul li .img a{transition:filter .5s}section.list ul li .img a:hover{opacity:.75}section.list ul li .img img{width:100%;margin:0 auto;display:block}section.list ul li h3{color:#19224d;font-weight:400;margin:0}section.list ul li h3 .name{font-size:2.5rem;font-family:Damion}section.list ul li h3 .jp{font-size:1.1rem}section.list ul li .price{text-align:center;font-size:1.5rem;font-family:Roboto,sans-serif;font-weight:100}@media screen and (max-width:1080px){section.list ul{width:90%}}@media screen and (max-width:767px){section.list{padding:50px 0}section.list ul{width:84%;margin:0 auto}section.list ul li{width:100%;display:flex;align-items:center;justify-content:space-between}section.list ul li .img{height:auto}section.list ul li .c{width:37%;flex:0 0 auto}section.list ul li h3{text-align:center;line-height:1}section.list ul li h3 .name{font-size:2rem}section.list ul li h3 .jp{font-size:.8rem;margin:5px 0 10px}}#share{text-align:center;background:#fff;padding:100px 0}#share .list{display:flex;align-items:center;justify-content:center}#share .list a{text-decoration:none;width:50px;height:50px;margin:0 5px;display:flex;align-items:center;justify-content:center;border-radius:50px;transition:opacity .2s}#share .list a:hover{opacity:.75}#share .list a i{color:#fff;font-size:1rem}#share .list a.twitter{background:#1da1f2}#share .list a.facebook{background:#3b5998}#share .list a.line{background:#00b900}#share .list a.line img{line-height:1;width:60%}body,html{font-size:13.5px}body{font-family:sans-serif}img{vertical-align:bottom}