@charset "utf-8";.textdirection-vertical{-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;-webkit-text-orientation:upright;-ms-text-orientation:upright;text-orientation:upright;-ms-text-combine-horizontal:digits;text-combine-upright:digits}.area-mainimage{width:100%;min-width:960px;position:relative;height:950px}.area-mainimage>*{position:absolute;height:100%;top:0}.area-mainimage>.area-left{left:0}.area-mainimage>header{width:220px;left:50%;margin-left:-110px;background:#280000 url(//salonmiyako.com/wp-content/themes/wpbs-child/css/top/../../images/top/icon_scroll.png) no-repeat center bottom 40px;color:#fff}.area-mainimage>header h1{margin-top:33px;font-family:"Source Serif Pro","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ 明朝","ＭＳ Ｐ明朝","HG明朝E",serif;font-size:14px;line-height:18px;font-weight:700;letter-spacing:.5px}.area-mainimage>header h1>img{margin-top:4px;display:inline-block}.area-mainimage>header h2{font-family:"Source Serif Pro","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ 明朝","ＭＳ Ｐ明朝","HG明朝E",serif;font-size:10px;margin-left:106px;margin-top:6px;letter-spacing:1.75px;-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;height:162px}.area-mainimage>header:after{position:absolute;content:"";width:6px;height:6px;background:#fff;bottom:90px;left:50%;margin-left:-3px;border-radius:100%;opacity:0;-webkit-animation:move-led 2s ease infinite;animation:move-led 2s ease infinite}@-webkit-keyframes move-led{0%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);opacity:0}40%{opacity:1}80%{-webkit-transform:translate(0,20px);-ms-transform:translate(0,20px);transform:translate(0,20px);opacity:0}100%{opacity:0}}@keyframes move-led{0%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);opacity:0}40%{opacity:1}80%{-webkit-transform:translate(0,20px);-ms-transform:translate(0,20px);transform:translate(0,20px);opacity:0}100%{opacity:0}}.area-mainimage header ul{margin-top:20px;padding-right:10px}.area-mainimage header li{width:40px;float:right;padding-top:20px;position:relative;font-family:"Source Serif Pro","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ 明朝","ＭＳ Ｐ明朝","HG明朝E",serif;font-weight:700;font-size:16px;line-height:18px}.area-mainimage header li:before{content:"・";position:absolute;width:100%;top:0;left:0;text-align:center}.area-mainimage header li>a{color:#fff;text-decoration:none;-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}.area-mainimage header li a:hover{filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7}.area-mainimage>.area-right{right:0}.area-mainimage .images{position:relative}.area-mainimage .images>li{position:absolute;top:0;left:0;opacity:1}.area-mainimage .images>li:nth-of-type(4n+1){opacity:1;-webkit-animation:fade-in-out 32s linear -32s infinite;animation:fade-in-out 32s linear -32s infinite}.area-mainimage .images>li:nth-of-type(4n+2){-webkit-animation:fade-in-out 32s linear -24s infinite;animation:fade-in-out 32s linear -24s infinite}.area-mainimage .images>li:nth-of-type(4n+3){-webkit-animation:fade-in-out 32s linear -16s infinite;animation:fade-in-out 32s linear -16s infinite}.area-mainimage .images>li:nth-of-type(4n+4){-webkit-animation:fade-in-out 32s linear -8s infinite;animation:fade-in-out 32s linear -8s infinite}@-webkit-keyframes fade-in-out{0%{opacity:1}20%{opacity:1}25%{opacity:0}95%{opacity:0}100%{opacity:1}}@keyframes fade-in-out{0%{opacity:1}20%{opacity:1}25%{opacity:0}95%{opacity:0}100%{opacity:1}}.images.scaling>li:nth-of-type(1) img{-webkit-animation:imgscaling 32s linear -32s infinite;animation:imgscaling 32s linear -32s infinite}.images.scaling>li:nth-of-type(2) img{-webkit-animation:imgscaling 32s linear -24s infinite;animation:imgscaling 32s linear -24s infinite}.images.scaling>li:nth-of-type(3) img{-webkit-animation:imgscaling 32s linear -16s infinite;animation:imgscaling 32s linear -16s infinite}.images.scaling>li:nth-of-type(4) img{-webkit-animation:imgscaling 32s linear -8s infinite;animation:imgscaling 32s linear -8s infinite}@-webkit-keyframes imgscaling{0%{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}25%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}95%{-webkit-transform:scale(1.24);-ms-transform:scale(1.24);transform:scale(1.24)}100%{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}}@keyframes imgscaling{0%{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}25%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}95%{-webkit-transform:scale(1.24);-ms-transform:scale(1.24);transform:scale(1.24)}100%{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}}.panel-menu{-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;-webkit-text-orientation:upright;-ms-text-orientation:upright;text-orientation:upright;-ms-text-combine-horizontal:digits;text-combine-upright:digits;height:450px}.no-upright{-webkit-text-orientation:mixed;-ms-text-orientation:mixed;text-orientation:mixed}.panel-menu{position:absolute;top:0;margin:40px 40px 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.panel-menu p{font-family:"Source Serif Pro","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ 明朝","ＭＳ Ｐ明朝","HG明朝E",serif;font-size:16px;line-height:30px;margin-right:35px}.panel-menu .btn-link>a{display:block;width:50px;height:220px;font-family:"Source Serif Pro","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ 明朝","ＭＳ Ｐ明朝","HG明朝E",serif;font-size:16px;font-weight:700;padding-top:15px;padding-right:17px;margin-top:1px;margin-right:22px;color:#fff;-webkit-box-shadow:4px 4px #d9d9d9;box-shadow:4px 4px #d9d9d9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-text-orientation:upright;-ms-text-orientation:upright;text-orientation:upright;position:relative;text-decoration:none;-webkit-transition:background .5s ease;transition:background .5s ease}.panel-menu .btn-link>a:before{content:"";position:absolute;width:27px;height:1px;border-bottom:1px solid #fff;left:50%;bottom:20px;margin-left:-13.5px}.panel-menu .btn-link>a:after{content:"";position:absolute;width:10px;height:10px;border-top:1px solid #fff;left:50%;margin-left:1px;bottom:15px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.area-oatsurae{text-align:left;background:url(//salonmiyako.com/wp-content/themes/wpbs-child/css/top/../../images/top/bg_oatsurae.jpg)}.area-oatsurae>div,.area-oazukari>div{width:960px;height:450px;margin:0 auto;position:relative;background:#fff}.area-oatsurae .panel-menu{right:480px}.area-oatsurae .panel-menu+img{position:absolute;top:0;left:480px}.area-oatsurae .btn-link>a{background:rgba(235,120,120,1)}.area-oatsurae .btn-link>a:hover{background:rgba(235,120,120,.7)}.area-oazukari{text-align:left;background:url(//salonmiyako.com/wp-content/themes/wpbs-child/css/top/../../images/top/bg_oazukari.jpg)}.area-oazukari .panel-menu{right:0}.area-oazukari .panel-menu+img{position:absolute;top:0;right:480px}.area-oazukari .btn-link>a{height:280px;background:rgba(175,150,0,1);background:#af9600}.area-oazukari .btn-link>a:hover{background:rgba(175,150,0,.7)}.area-pottery,.area-jcafe{width:50%;height:450px;min-width:480px;float:left}.area-sale .saleitem{position:relative;width:220px;height:140px;background:rgba(255,255,255,1);margin:-70px auto 0;top:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background .5s ease;transition:background .5s ease}.area-sale .saleitem:hover{background:rgba(255,255,255,.7)}.area-sale .saleitem:before{content:"";position:absolute;width:27px;height:1px;border-bottom:1px solid #000;left:50%;bottom:20px;margin-left:-13.5px}.area-sale .saleitem:after{content:"";position:absolute;width:10px;height:10px;border-top:1px solid #000;left:50%;margin-left:1px;bottom:15px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.area-sale .saleitem p{position:absolute;top:18px;width:100%;font-family:"Source Serif Pro","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ 明朝","ＭＳ Ｐ明朝","HG明朝E",serif;font-size:14px;line-height:18px}.area-sale .saleitem h2>a{display:block;position:absolute;width:220px;height:140px}.area-sale .saleitem h2>a>img{position:absolute;top:66px;left:50%;margin-left:-48px}.area-pottery{background:url(//salonmiyako.com/wp-content/themes/wpbs-child/css/top/../../images/top/bg_pottery.jpg) no-repeat center}.area-jcafe{background:url(//salonmiyako.com/wp-content/themes/wpbs-child/css/top/../../images/top/bg_jcafe.jpg) no-repeat center}.area-particular{height:730px;background:url(//salonmiyako.com/wp-content/themes/wpbs-child/css/top/../../images/top/bg_particular.jpg) no-repeat center}.area-particular>div{width:960px;height:630px;margin:0 auto;position:relative;margin-top:50px}.area-particular>div>div{width:480px;height:630px;padding:0 40px;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.area-particular p{font-family:"Source Serif Pro","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ 明朝","ＭＳ Ｐ明朝","HG明朝E",serif;font-size:16px;line-height:26px;text-align:left}.area-particular>div>img{position:absolute;top:0;left:480px}.area-particular h2{padding-bottom:18px;border-bottom:1px solid #ccc}.area-particular article:nth-of-type(1){padding-top:45px}.area-particular article>p{margin-top:14px}.area-particular article:nth-of-type(2){padding-top:57px}.area-particular article:nth-of-type(3){padding-top:61px}.area-particular article:nth-of-type(3)>h2{padding-bottom:17px}.maincontents h2{font-family:"Source Serif Pro","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ 明朝","ＭＳ Ｐ明朝","HG明朝E",serif;font-size:24px;line-height:30px}.facebookBtn{margin:25px 0 0}