@charset "UTF-8";
/* CSS Document */
	
body{
	margin:0px;
	background-color:#fff;
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	color:#222;
    background-image: url("images/bg.jpg");
    background-repeat: repeat;
    background-size: cover;
	height:100%;
}

html{
	height:100%;
}

img { border-style:none;
	vertical-align: bottom;}

a img { border-style:none;}

a:hover img { border-style:none; }

*{
margin: 0;
padding: 0;
}

ol, ul {
	list-style: none;
}

.cf:before,
.cf:after {
  content: "";
  display: table;}
.cf:after {
  clear: both;}
.cf {
  *zoom: 1;}



#contents_wrapper{
	width:100%;
	margin:0 auto;
	font-size: 14px;
	text-align: justify;
	word-break: break-all;
	line-height: 170%;
    height: 100%;
}

#contents_wrapper img{
	width:100%;
	margin-left:auto;margin-right:auto;display:table;
    height: auto;
}

#top_wrapper{
    width:1000px;
    margin:0 auto;
    padding:10% 0;
}

#top_balloon{
    width:89px;
    margin:0 auto;
    margin-bottom: 10px;
}


.fuwafuwa {
-webkit-animation:fuwafuwa 3s infinite linear alternate;
animation:fuwafuwa 3s infinite linear alternate;
}

@-webkit-keyframes fuwafuwa {
0% {-webkit-transform:translate(0, 0) rotate(-3deg);}
50% {-webkit-transform:translate(0, -3px) rotate(0deg);}
100% {-webkit-transform:translate(0, 0)rotate(3deg);}
}



@keyframes fuwafuwa {
0% {transform:translate(0, 0) rotate(-3deg);}
50% {transform:translate(0, -3px) rotate(0deg);}
100% {transform:translate(0, 0)rotate(3deg);}
}

#top_logo{
    width:400px;
    margin:0 auto;
    margin-bottom: 30px;
}

#top_text{
    width:60%;
    margin:0 auto;
    overflow: hidden;
    text-align: center;
    margin-bottom: 20px;
}

#top_text a{
    color: #A59718;
    text-decoration:none;
}

#top_text a:hover{
    color: #666;
    text-decoration: underline;
}


div.map {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
	margin-bottom: 20px;
}
 
div.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#map_wrapper{
	width:40%;
	margin:0 auto;
	margin-bottom:20px;
	display: inherit;
}


#sns_wrapper_wrapper{
    width:300px;
	position:fixed;
	right:0;
	top:8%;
	opacity: 1;
    margin:0 auto;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    -ms-transition: all 2s;
    transition: all 2s;
    transform: translateX(-300px);/* X軸方向に200px */
    z-index: 102;
}

.showNavi #sns_wrapper_wrapper{
  opacity:1;
  -webkit-transition-delay:2s;
  transition-delay:2s;
  transform: translateX(0);
}


#sns_wrapper{
	width:300px;
	right:0;
	top:0;
	background-color:#fff;
	z-index:100;
  	-webkit-transition: .4s;
  	transition: .4s;
  	-webkit-transform: translate3d(300px, 0, 0);
  	transform: translate3d(300px, 0, 0);
	padding:15px;
	box-sizing: border-box;
    background-color: #282a30;
}
  
  
.showMenu #sns_wrapper{
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);}
  
 .snswdjbtn{
	position: absolute;
	top:100px;
	left:-50px;
	width: 50px;
	cursor: pointer;
}

.snswdjbtn img{
	width: 100%;
	height: auto;
}

.twitter_widget{
	width:100%;
}


#snsbtn_wrapper1{
	width:180px;
	overflow: hidden; /* heightを戻す */
	box-sizing: border-box;
    margin:0 auto;
}

.snsbtn{
    width:20%;
	float: left;
    margin:6.666666%;
}




.mb0{
	width:100%;
	overflow: hidden; /* heightを戻す */
}

.mb5{
	width:100%;
	overflow: hidden; /* heightを戻す */
	margin-bottom: 5px;
	line-height: 140%;
}

.mb10{
	width:100%;
	overflow: hidden; /* heightを戻す */
	margin-bottom: 10px;
}

.mb20{
	width:100%;
	overflow: hidden; /* heightを戻す */
	margin-bottom: 20px;
}

.mb30{
	width:100%;
	overflow: hidden; /* heightを戻す */
	margin-bottom: 30px;
}

.mb50{
	width:100%;
	overflow: hidden; /* heightを戻す */
	margin-bottom: 50px;
}

.pcview{
	width:100%;
}

.spview{
	display: none;
}




@media screen and (max-width:600px){


#top_wrapper{
    width:100%;
    margin:0 auto;
    padding:10% 0;
}



#top_logo{
    width:60%;
    margin:0 auto;
    margin-bottom: 30px;
}

#top_text{
    width:80%;
    margin:0 auto;
    overflow: hidden;
    text-align: center;
    margin-bottom: 20px;
}


#snsbtn_wrapper1{
	width:50%;
    float: none;
	overflow: hidden; /* heightを戻す */
	box-sizing: border-box;
	margin-right: 0;
    margin:0 auto;
    margin-bottom: 20px;
}

#sns_wrapper_wrapper{
    display: none;
}

.sp_twitter_widget{
    width:70%;
    margin:0 auto;
}

.pcview{
	display: none;
}

.spview{
	display: inherit;
	width:100%;
}


}