@charset "utf-8";
/* CSS Document */

/*ファミリーフォントの設定*/
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

body {
    font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/*TOP画像の設定*/
#img {
	margin-top: 85px;
	margin-bottom:30px;
}

/*インフォの設定*/
#info {
	width:350px;
	margin-left:auto;
	margin-right:auto;
}

#info h1 {
	color:#39F;
	text-align:center;
	margin-bottom:-5px;
}

#info dl {
	font-size:13px;
}
 
#info dl dt{
	width: 100px;
    margin: 0;
    padding: 0;
    float: left;
    clear: left;
	margin-left:20px;
}
 
#info dl dd{
	 margin: 0 0 0 90px;
    padding: 0;
    padding-left: 10px;
	padding-bottom:10px;
	margin-right:5px;
}

/*フッターの設定*/

#footer{
	font-size: 9px;
}

ul.footer-navi li {
	display:inline;
	text-align:center;
	z-index:100
}

#fnavi3 {
text-align:center;
padding-bottom:0px;
}

#fnavi3 li {
display:inline;
padding-left:5px;
padding-right:5px;
border-left:1px solid #000000;
}

#fnavi3 li.first {
border-left:none;
}

#fnavi4 p {
	text-align: center;
	padding-left:20px;
}

/*テキストふわっと見せるやつ*/
.fuwatAnime {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.5s;
 -ms-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-name: fuwatAnime;
 -ms-animation-name: fuwatAnime;
 animation-name: fuwatAnime;
 visibility: visible !important;
}
@-webkit-keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}


.fuwat h2{
	margin-top:200px;
	text-align:center;
	color: #279EDD;	
}

#oneoff {
	margin-top:200px;
	text-align:center;
	color: #279EDD;	
}

/*ショップリストの設定*/

#shop-navi {
	margin-top:50px;
	margin-bottom:90px;
	padding-top:50px;
	padding-bottom:30px;
}

#shop1 {
	margin-top:100px;
	margin-bottom:100px;
	padding-top:130px;
	padding-bottom:130px;
	text-align:center;
	font-size: 10px;
}

#shop-list #shop1 p a {
	color:#000;
}

#shop2 {
	margin-top:100px;
	margin-bottom:100px;
	padding-top:130px;
	padding-bottom:130px;
	text-align:center;
	font-size: 10px;
}

#shop3 {
	margin-top:100px;
	margin-bottom:100px;
	padding-top:120px;
	padding-bottom:120px;
	text-align:center;
	font-size: 10px;
}

#shop4 {
	margin-top:100px;
	margin-bottom:100px;
	padding-top:130px;
	padding-bottom:100px;
	text-align:center;
	font-size: 10px;
}

#shop5 {
	margin-top:100px;
	margin-bottom:100px;
	padding-top:60px;
	padding-bottom:100px;
	text-align:center;
	font-size: 10px;
}


#shop6 {
	margin-top:100px;
	margin-bottom:100px;
	padding-top:60px;
	padding-bottom:100px;
	text-align:center;
	font-size: 10px;
}

#shop-navi2  {
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}

#shop-navi2 ul {
	list-style-type: none;
	padding-left: 0;
	overflow:hidden;
	text-align: center;
}

#shop-navi2 ul li {
	
	padding-left:10px;
	text-align:center;
	display: inline;
}

#shop-navi2 ul li a {
	text-decoration:none;
	color: #000;
}

#shop-navi .fuwat #shop-navi2 a{
	color: #000;
}

#recruit1 {
	margin-top:100px;
	margin-bottom:100px;
	padding-top:130px;
	padding-bottom:130px;
	text-align:center;
	font-size: 12px;
}

#recruit2 {
	margin-top:100px;
	margin-bottom:100px;
	padding-top:130px;
	padding-bottom:130px;
	text-align:center;
	font-size: 12px;
}