﻿.wait{opacity:0}.play.fadeIn{animation:fadeIn 1s ease 0s 1 normal;-webkit-animation:fadeIn 1s ease 0s 1 normal}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.play.bounceIn{animation:bounceIn 1s ease 0s 1 normal}@keyframes bounceIn{0%{opacity:0;transform:scale(0, 0)}70%{opacity:0.7;transform:scale(1.1, 1.1)}80%{opacity:0.8;transform:scale(0.9, 0.9)}100%{opacity:1;transform:scale(1, 1)}}.play.bounce{animation:bounce 1.5s ease 0s 1 normal;animation-iteration-count:infinite}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}50%{transform:translateY(-1rem)}}.play.slideLeft{animation:slideLeft 1s ease 0s 1 normal;-webkit-animation:slideLeft 1s ease 0s 1 normal}@keyframes slideLeft{0%{opacity:0;transform:translateX(3rem)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes slideLeft{0%{opacity:0;-webkit-transform:translateX(3rem)}100%{opacity:1;-webkit-transform:translateX(0)}}.play.slideRight{animation:slideRight 1s ease 0s 1 normal;-webkit-animation:slideRight 1s ease 0s 1 normal}@keyframes slideRight{0%{opacity:0;transform:translateX(-3rem)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(-3rem)}100%{opacity:1;-webkit-transform:translateX(0)}}.play.slideUp{animation:slideUp 1s ease 0s 1 normal;-webkit-animation:slideUp 1s ease 0s 1 normal}@keyframes slideUp{0%{opacity:0;transform:translateY(3rem)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(3rem)}100%{opacity:1;-webkit-transform:translateY(0)}}.play.slideDown{animation:slideDown 1s ease 0s 1 normal;-webkit-animation:slideDown 1s ease 0s 1 normal}@keyframes slideDown{0%{opacity:0;transform:translateY(-3rem)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes slideDown{0%{opacity:0;-webkit-transform:translateY(-3rem)}100%{opacity:1;-webkit-transform:translateY(0)}}.play.slideUpRight{animation:slideUpRight 1s ease 0s 1 normal;-webkit-animation:slideUpRight 1s ease 0s 1 normal}@keyframes slideUpRight{0%{opacity:0;transform:translate(-3rem, 3rem)}100%{opacity:1;transform:translate(0, 0)}}@-webkit-keyframes slideUpRight{0%{opacity:0;-webkit-transform:translate(-3rem, 3rem)}100%{opacity:1;-webkit-transform:translate(0, 0)}}.play.slideUpLeft{animation:slideUpLeft 1s ease 0s 1 normal;-webkit-animation:slideUpLeft 1s ease 0s 1 normal}@keyframes slideUpLeft{0%{opacity:0;transform:translate(3rem, 3rem)}100%{opacity:1;transform:translate(0, 0)}}@-webkit-keyframes slideUpLeft{0%{opacity:0;-webkit-transform:translate(3rem, 3rem)}100%{opacity:1;-webkit-transform:translate(0, 0)}}body{color:#231815;font-family:"游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" ,Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , sans-serif;line-height:1;text-align:left;background:#FFF}a:hover img{opacity:0.64;transition:0.5s}div:after,ul:after,dl:after,article:after,.ac:after{content:"";display:block;clear:both}img{max-width:100%;height:auto}*{box-sizing:border-box}.screen{width:100%;height:100%;overflow:hidden;background:#192c58;position:fixed;top:0;left:0;z-index:96}.header{position:relative}.header .headerContent .menu{width:2.5rem;height:2.5rem;background:url("../img/menu.png") center/contain no-repeat;position:fixed;z-index:99}.header .headerContent .menu.open{background:url("../img/_menu.png") center/contain no-repeat}.header .headerContent nav{display:none;width:18em;color:#fff;background:rgba(25,44,88,0.95);position:fixed;z-index:98}.header .headerContent nav ul li a{display:block;padding:1rem;font-size:1.25rem;font-family:"游明朝","Yu Mincho",YuMincho, "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;letter-spacing:0.1em;text-align:center;text-decoration:none}.header .headerContent nav ul li a:hover{opacity:0.64}.header .headerContent .fb{z-index:97}.header .store{z-index:97}footer{padding:6em 0 0}footer .copyright{margin-bottom:1.5rem;color:#192c58;text-align:center}footer .logo img{width:6rem;margin:0 auto}.banner{margin:3em 0}.banner ul{letter-spacing:-0.4em;text-align:center}.banner ul li{display:inline-block;width:140px;letter-spacing:normal;margin:0 0.5em}.slide01{position:relative}.slide01 .image{width:100%;position:relative;overflow-x:hidden}.slide01 .image ul{width:100%;height:100%;position:absolute;top:0;left:0}.slide01 .image ul li{float:left;background-position:center;background-repeat:no-repeat;background-size:cover}#index{height:100%}#index .header{height:100%}#index .header .h1 img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}#index .header .arw{position:absolute;left:0;right:0;bottom:1.5rem;margin:0 auto;animation:scrollAnime 0.75s ease 0s infinite normal}@keyframes scrollAnime{0%{transform:translateY(-0.5rem)}75%{transform:translateY(0)}100%{transform:translateY(-0.5rem)}}#index .header .mainImage{display:none;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;left:0;z-index:99}#index .a{position:relative}#index .a .catch img{width:15%;margin:0 auto 6rem}#index .a .bg{padding-top:28%;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}#index .a .bg p{position:absolute;right:1rem;bottom:1rem;color:#FFF;font-size:1.25rem;font-family:"游明朝","Yu Mincho",YuMincho, "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;letter-spacing:0.1em;text-align:right}#index .a .box{padding:6em 0}#index #product{position:relative}#index #product>div table th{font-weight:normal;text-align:center;vertical-align:bottom}#index #product>div table th .category{display:block;font-size:1.25rem}#index #product>div table th .name{display:block;margin:1.5rem 0;font-size:2rem}#index #product>div table th .nameS{display:block;margin:1.5rem 0;font-size:1.5rem}#index #product>div table th .material{display:block;margin:-0.375em 0;line-height:1.75}#index #product>div table th .txt{display:block;margin:-0.375em auto;font-size:0.8rem;line-height:1.75;text-align:left}#index #product>div table th img{margin:1.5em auto}#index #product>div table th .package{margin:0 auto}#index #product>div table td{vertical-align:top}#index #product .num .number{display:block;width:3rem;margin-top:1rem;border:1px solid #FFF;font-size:2rem;font-family:"游明朝","Yu Mincho",YuMincho, "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;text-align:center;line-height:3rem;vertical-align:top}#index #product .white{position:relative;padding-bottom:4.5rem}#index #product .blue{padding:4.5rem 0;background:#192c58;color:#FFF}#index #product .beige{padding:4.5rem 0;background:url(../img/bg5.jpg) center/auto repeat}#index #product .beige .number{border:1px solid #192c58;color:#192c58}#index #about{position:relative;padding:4.5rem 0 0}#index #about .left address{margin:-0.375em 0;line-height:1.75}#index #about .right p{margin:-0.375em 0;line-height:1.75}
