﻿@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700);@font-face{font-family:"YuGothic M";src:local(Yu Gothic Medium)}@font-face{font-family:"icon";src:url('../fonts/icon.eot');src:url('../fonts/icon.eot?#iefix') format('embedded-opentype'),url('../fonts/icon.woff') format('woff'),url('../fonts/icon.ttf') format('truetype'),url('../fonts/icon.svg') format('svg')}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,textarea,input,select,select{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word}img{-webkit-tap-highlight-color:transparent;width:100%;height:auto}.fixed{position:fixed;width:100%;height:100%}body{font-family:"YuGothic M","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ", Meiryo, sans-serif;font-size:15px;font-size:1.5rem;color:#000;width:100%;height:100%;position:relative;line-height:1;background:#FFF;word-wrap:break-word;-webkit-text-size-adjust:100%}@media only screen and (max-width: 768px){.fixed{position:fixed;overflow-y:scroll}}@media print{body{-webkit-print-color-adjust:exact;min-width:980px}#pagetop,#pickup,#gnav_wrap,#navbtn,#canvas,#keep_box_wrap{display:none}#header_wrap{padding-top:1em;padding-bottom:1em}#header_wrap h1 a{margin:0 auto}}html{font-size:62.5% !important}#loader,#fade{position:fixed;width:100%;height:100%}#loader{z-index:5000001}#loader div{width:220px;height:160px;text-align:center;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}#fade{width:100%;height:100%;min-height:100%;background-color:#fff;top:0px;left:0px;z-index:5000000}main{display:block}main .shops{display:block;position:fixed;width:50%;height:100%;top:0;overflow:hidden}@media only screen and (max-width: 768px){main .shops{width:100%;height:50%}}main .shops .gra_layer{display:block;position:absolute;width:800%;height:800%;background:linear-gradient(to right bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 25%,#ffffff 75%,#ffffff 100%);left:100%;top:100%;z-index:4}main .shops .gra_layer.on{left:-600%;top:-600%;animation:gra_move 4s ease alternate}main .shops:before,main .shops:after{content:"";display:block;position:absolute;width:100%;height:100%}main .shops:before{max-width:700px;max-height:70%;-moz-transition:max-height .3s ease-in-out;-o-transition:max-height .3s ease-in-out;-webkit-transition:max-height .3s ease-in-out;transition:max-height .3s ease-in-out}main .shops:nth-child(1){left:0;background:#FAEFE7}@media only screen and (max-width: 768px){main .shops:nth-child(1){top:0}}main .shops:nth-child(1):before{bottom:0;right:0;background:url(../img/bg_hiroo.jpg) no-repeat bottom right;background-size:contain}main .shops:nth-child(1).load{background:#FFF}main .shops:nth-child(2){right:0;background:#A6AF9A}@media only screen and (max-width: 768px){main .shops:nth-child(2){top:50%}}main .shops:nth-child(2):before{bottom:0;left:0;background:url(../img/bg_ginza.jpg) no-repeat bottom left;background-size:contain}main .shops:nth-child(2).load{background:#FFF}main .shops:after{display:block;position:absolute;width:100%;height:100%;top:0;left:0;-moz-transition:ease-in-out .5s;-o-transition:ease-in-out .5s;-webkit-transition:ease-in-out .5s;transition:ease-in-out .5s;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;z-index:2}main .shops:nth-child(1):after{background:rgba(181,138,113,0.8)}main .shops:nth-child(2):after{background:rgba(145,152,120,0.8)}main .shops .shop_logo,main .shops .shop_new,main .shops .shop_nav,main .shops .shop_link{z-index:3}main .shops .shop_logo{position:absolute;top:100px;width:100%;text-align:center}@media only screen and (max-width: 768px){main .shops .shop_logo{top:10%}}main .shops .shop_logo img{width:230px;max-width:100%;margin:auto;filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1;-moz-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}main .shops .shop_logo img.active_layer{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;position:absolute;top:0;left:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}main .shops .shop_name{display:none;font-size:20px;font-size:2rem;color:#FFF;font-family:"Times New Roman",YuMincho,"游明朝","Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","HGS明朝E", "ＭＳ Ｐ明朝",'Noto Sans Japanese', serif;letter-spacing:0.5em;text-align:center;margin-top:1em;-moz-transition:color .5s ease-in-out;-o-transition:color .5s ease-in-out;-webkit-transition:color .5s ease-in-out;transition:color .5s ease-in-out}main .shops .shop_new:after{content:"";position:absolute;top:-55px;left:50%;margin-left:60px;text-align:center;background:url(../img/new_open.png) no-repeat center center;background-size:contain;width:103px;height:79px}@media only screen and (max-width: 768px){main .shops .shop_new:after{top:5%;margin-left:75px;width:102px}}main .shops .shop_nav{position:absolute;top:230px;left:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);font-family:"Times New Roman",YuMincho,"游明朝","Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","HGS明朝E", "ＭＳ Ｐ明朝",'Noto Sans Japanese', serif;-moz-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}main .shops .shop_nav h3{text-align:center;margin-bottom:15px}main .shops .shop_nav h3 a{font-size:20px;font-size:2rem;text-decoration:none;letter-spacing:0.5em;padding-left:0.5em;color:#FFF;-moz-transition:color .5s ease-in-out;-o-transition:color .5s ease-in-out;-webkit-transition:color .5s ease-in-out;transition:color .5s ease-in-out;display:inline-block;position:relative}main .shops .shop_nav ul li{text-align:center}main .shops .shop_nav ul li a{font-size:16px;font-size:1.6rem;line-height:1.3;padding:8% 0 0.1em;margin-bottom:8%;display:inline-block;color:#FFF;text-decoration:none;-moz-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;-webkit-transition:color .3s ease-in-out;transition:color .3s ease-in-out;position:relative}main .shops .shop_nav ul li a:after{content:"";position:absolute;height:1px;width:0;bottom:0;left:0;background-color:#FFF;-moz-transition:width .3s ease-in-out;-o-transition:width .3s ease-in-out;-webkit-transition:width .3s ease-in-out;transition:width .3s ease-in-out}main .shops .shop_nav ul li a:hover:after{background-color:#FFF;width:100%}main .shops .shop_link{display:none}main .shops:hover:before{max-height:68%}main .shops:hover:after{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}main .shops:hover .shop_logo img{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}main .shops:hover .shop_logo img.active_layer{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}main .shops:hover .shop_link{color:#000}main .shops:hover .shop_nav{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}@media only screen and (max-width: 768px){main .shops{width:100%;height:50%}main .shops:nth-child(1){top:0}main .shops:nth-child(2){top:50%}main .shops .shop_logo{top:10%}main .shops .shop_new:after{top:-45px;margin-left:75px;width:102px}main .shops .shop_nav{top:150px}main .shops .shop_nav ul li a{padding:0.3em 0 0.1em;margin-bottom:0.2em}}@media screen and (max-height: 768px){main .shops{cursor:pointer}main .shops:before{background-position:bottom right !important}main .shops .shop_index{position:absolute;top:50%;left:20px;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:3}main .shops .shop_logo{position:static;text-align:left}main .shops .shop_logo img.active_layer{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;position:absolute;top:0;left:0;-moz-transform:none;-ms-transform:none;-webkit-transform:none;transform:none}main .shops .shop_new:after{top:-20px;left:190px;margin-left:0;width:94.2px;height:47.4px}main .shops .shop_name{display:block}main .shops .shop_nav{display:none}main .shops:nth-child(1) .shop_name{color:#614D40}main .shops:hover .shop_name{color:#FFF}}@media screen and (max-height: 768px) and (max-width: 480px){main .shops:nth-child(1) .shop_logo img{width:184px}main .shops:nth-child(2) .shop_logo img{width:184px}}.android main .shops .shop_nav,.iphone main .shops .shop_nav,.ipad main .shops .shop_nav{display:none}.android main .shops .shop_link,.iphone main .shops .shop_link,.ipad main .shops .shop_link{display:block;position:absolute;bottom:10%;left:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);width:auto;text-align:center;font-size:17px;font-size:1.7rem;color:#666;padding-bottom:15px;border-bottom:1px solid #666}.android main .shops .shop_link:after,.iphone main .shops .shop_link:after,.ipad main .shops .shop_link:after{content:"";display:block;position:absolute;width:0;height:0;bottom:-1px;right:0;border-style:solid;border-width:8px 0 0 8px;border-color:transparent transparent transparent #666}.android main .shops:hover:before,.iphone main .shops:hover:before,.ipad main .shops:hover:before{max-height:70%}.android main .shops:hover:after,.iphone main .shops:hover:after,.ipad main .shops:hover:after{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}.android main .shops:hover .shop_logo img,.iphone main .shops:hover .shop_logo img,.ipad main .shops:hover .shop_logo img{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}.android main .shops:hover .shop_logo img.active_layer,.iphone main .shops:hover .shop_logo img.active_layer,.ipad main .shops:hover .shop_logo img.active_layer{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}@media screen and (max-height: 768px){.android main .shops .shop_link,.iphone main .shops .shop_link,.ipad main .shops .shop_link{display:none}}@keyframes gra_move{0%{left:-600%;top:-600%}100%{left:100%;top:100%}}.mt5{margin-top:5px !important}.mb5{margin-bottom:5px !important}.ml5{margin-left:5px !important}.mr5{margin-right:5px !important}.pt5{padding-top:5px !important}.pb5{padding-bottom:5px !important}.pl5{padding-left:5px !important}.pr5{padding-right:5px !important}.mt10{margin-top:10px !important}.mb10{margin-bottom:10px !important}.ml10{margin-left:10px !important}.mr10{margin-right:10px !important}.pt10{padding-top:10px !important}.pb10{padding-bottom:10px !important}.pl10{padding-left:10px !important}.pr10{padding-right:10px !important}.mt15{margin-top:15px !important}.mb15{margin-bottom:15px !important}.ml15{margin-left:15px !important}.mr15{margin-right:15px !important}.pt15{padding-top:15px !important}.pb15{padding-bottom:15px !important}.pl15{padding-left:15px !important}.pr15{padding-right:15px !important}.mt20{margin-top:20px !important}.mb20{margin-bottom:20px !important}.ml20{margin-left:20px !important}.mr20{margin-right:20px !important}.pt20{padding-top:20px !important}.pb20{padding-bottom:20px !important}.pl20{padding-left:20px !important}.pr20{padding-right:20px !important}.mt25{margin-top:25px !important}.mb25{margin-bottom:25px !important}.ml25{margin-left:25px !important}.mr25{margin-right:25px !important}.pt25{padding-top:25px !important}.pb25{padding-bottom:25px !important}.pl25{padding-left:25px !important}.pr25{padding-right:25px !important}.mt30{margin-top:30px !important}.mb30{margin-bottom:30px !important}.ml30{margin-left:30px !important}.mr30{margin-right:30px !important}.pt30{padding-top:30px !important}.pb30{padding-bottom:30px !important}.pl30{padding-left:30px !important}.pr30{padding-right:30px !important}.mt35{margin-top:35px !important}.mb35{margin-bottom:35px !important}.ml35{margin-left:35px !important}.mr35{margin-right:35px !important}.pt35{padding-top:35px !important}.pb35{padding-bottom:35px !important}.pl35{padding-left:35px !important}.pr35{padding-right:35px !important}.mt40{margin-top:40px !important}.mb40{margin-bottom:40px !important}.ml40{margin-left:40px !important}.mr40{margin-right:40px !important}.pt40{padding-top:40px !important}.pb40{padding-bottom:40px !important}.pl40{padding-left:40px !important}.pr40{padding-right:40px !important}.mt45{margin-top:45px !important}.mb45{margin-bottom:45px !important}.ml45{margin-left:45px !important}.mr45{margin-right:45px !important}.pt45{padding-top:45px !important}.pb45{padding-bottom:45px !important}.pl45{padding-left:45px !important}.pr45{padding-right:45px !important}.mt50{margin-top:50px !important}.mb50{margin-bottom:50px !important}.ml50{margin-left:50px !important}.mr50{margin-right:50px !important}.pt50{padding-top:50px !important}.pb50{padding-bottom:50px !important}.pl50{padding-left:50px !important}.pr50{padding-right:50px !important}.mt55{margin-top:55px !important}.mb55{margin-bottom:55px !important}.ml55{margin-left:55px !important}.mr55{margin-right:55px !important}.pt55{padding-top:55px !important}.pb55{padding-bottom:55px !important}.pl55{padding-left:55px !important}.pr55{padding-right:55px !important}.mt60{margin-top:60px !important}.mb60{margin-bottom:60px !important}.ml60{margin-left:60px !important}.mr60{margin-right:60px !important}.pt60{padding-top:60px !important}.pb60{padding-bottom:60px !important}.pl60{padding-left:60px !important}.pr60{padding-right:60px !important}.fz10{font-size:10px;font-size:1rem}.fz11{font-size:11px;font-size:1.1rem}.fz12{font-size:12px;font-size:1.2rem}.fz13{font-size:13px;font-size:1.3rem}.fz14{font-size:14px;font-size:1.4rem}.fz15{font-size:15px;font-size:1.5rem}.fz16{font-size:16px;font-size:1.6rem}.fz17{font-size:17px;font-size:1.7rem}.fz18{font-size:18px;font-size:1.8rem}.fz19{font-size:19px;font-size:1.9rem}.fz20{font-size:20px;font-size:2rem}.fz21{font-size:21px;font-size:2.1rem}.fz22{font-size:22px;font-size:2.2rem}.fz23{font-size:23px;font-size:2.3rem}.fz24{font-size:24px;font-size:2.4rem}.fz25{font-size:25px;font-size:2.5rem}.fz26{font-size:26px;font-size:2.6rem}.fz27{font-size:27px;font-size:2.7rem}.fz28{font-size:28px;font-size:2.8rem}.fz29{font-size:29px;font-size:2.9rem}.fz30{font-size:30px;font-size:3rem}
