@charset "utf-8";

/*top04*/
.top04 ul.slide li{background:url(../layout/trainer_noimage.jpg) no-repeat left top;min-height:500px;margin-top:0;}
.top04 ul.slide li.hanada{background-image:url(../layout/hanada.jpg);}
.top04 ul.slide li.hashikawa{background-image:url(../layout/hashikawa.jpg);}
.top04 ul.slide li:first-child span.prev{display:none;}
.top04 ul.slide li:last-child span.next{display:none;}
.top04 h2.box{}
.pos{display:block;font-weight:bold;padding:0;font-family:"游明朝",YuMincho,"Hiragino Mincho ProN W3","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;}
.top04 h3{margin:5px 0 25px 0;display:table;line-height:1.5;}
.top04 h3 em{background-color:#3B312F;color:#fff;font-size:21px;display:table-cell;padding:0 25px;}
.top04 h3 i{background-color:#dc9;color:#fff;font-size:18px;display:table-cell;vertical-align:middle;padding:0 15px;font-family:'Oswald', sans-serif;}
.top04 h3 span{color:#000;display:block;}
.top04 p{line-height:1.8;font-family:"游明朝",YuMincho,"Hiragino Mincho ProN W3","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;font-weight:bold;font-size:16px;}
.cursol{margin:30px 0 0 0;}
.description{width:50%;float:right;}
span.prev:hover,span.next:hover{cursor:pointer;}
span.prev{background:url(../layout/prev.gif) no-repeat left center;padding-left:1.5em;float:left;}
span.next{background:url(../layout/next.gif) no-repeat right center;padding-right:1.5em;float:right;}

.top04 ul.slide{margin:30px auto;position:relative;padding:50px 50px;}
.top04 ul.slide:before{content:'';display:block;position:absolute;width:100%;height:100%;top:0;left:0px;background-color:#fff;z-index:0;}
.top04 ul.slide li{display:none;position:relative;z-index:1;}
.top04 ul.slide li.active{display:block;}
.top04 ul.slide li.head:after{content:'店　長';display:table;position:absolute;top:400px;left:-5px;padding:2px 20px 2px 50px;color:#000;background:#dc9;font-family:"游明朝",YuMincho,"Hiragino Mincho ProN W3","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;font-weight:500;font-size:18px;box-shadow:5px 5px 0px rgba(0,0,0,0.3);}


li.ac-prev{
    animation:ac-prev ease-in-out 1s 1 normal;
    -webkit-animation:ac-prev ease-in-out 1s 1 normal;
    -moz-animation:ac-prev ease-in-out 1s 1 normal;
}
@keyframes ac-prev{
    0%   { transform:translate(-10px, 0%);  opacity:0;}
    100% { transform:translate(0%, 0%); opacity:1;}
}
@-webkit-keyframes ac-prev{
    0%   { -webkit-transform:translate(-10px, 0%);  opacity:0;}
    100% { -webkit-transform:translate(0%, 0%); opacity:1;}
}
@-moz-keyframes ac-prev{
    0%   { -moz-transform:translate(-10px, 0%);  opacity:0;}
    100% { -moz-transform:translate(0%, 0%); opacity:1;}
}

li.ac-next{
    animation:ac-next ease-in-out 1s 1 normal;
    -webkit-animation:ac-next ease-in-out 1s 1 normal;
    -moz-animation:ac-next ease-in-out 1s 1 normal;
}
@keyframes ac-next{
    0%   { transform:translate(10px, 0%);  opacity:0;}
    100% { transform:translate(0%, 0%); opacity:1;}
}
@-webkit-keyframes ac-next{
    0%   { -webkit-transform:translate(10px, 0%);  opacity:0;}
    100% { -webkit-transform:translate(0%, 0%); opacity:1;}
}
@-moz-keyframes ac-next{
    0%   { -moz-transform:translate(10px, 0%);  opacity:0;}
    100% { -moz-transform:translate(0%, 0%); opacity:1;}
}