@charset "utf-8";
/* CSS Document */
img{
	max-width: 100%;
	height: auto;
}
*{
	box-sizing: border-box;
}

body{
	position: relative;
	font-family: 'Text Me One', sans-serif;
}


#img{
	display:flex;
	justify-content:center;
}

.flex {
	display: flex;
	justify-content:center;
	margin-top: 30px;
}

 /*手書き風アニメーション内容 */
.svgall{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  max-width: 640px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
.st0{
	fill:none;
	stroke:#fff;
	stroke-width:7;
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-miterlimit:10;
	}
/*手書き風アニメーション内容 */
h1{
	width: 100%;
	padding: 10px 0;
	font-size: 2.25em;
	color: #000;
	text-align: center;
	position: fixed;
	z-index: 10000;
	top: 0;
	background-color: rgba(255,255,255,0.5) ;
	text-shadow: 2px 2px 5px #999;
}
.sns1 p a i{
	color: #000;
	font-size: 2em;
}
/*========================================
 フワッとさせるためのCSS
==========================================*/
/* 画面外にいる状態 */
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 1s;
    }

/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }


/*footer
--------------------*/
.footer{
  padding: 10px 0;
  background: #FFEFD5;
}
.footer-info-title {
  margin-bottom: 20px;
}
.h2f{
	font-size: 1.75em;
	text-align: center;
	margin-bottom:10px;
	text-shadow: 2px 2px 3px #999;
}
.footer-info-list{
	text-align: center;

	
}

.footer-info-list li a{
	display: block;
	padding: 5px;


}
.footer-info-list li a:hover{
	color: #F4A460;
}
.flex1{
	margin-bottom: 20px;
}
/*pagetop*/
.btnPageTop {
  position: fixed;
  bottom: 80px;
  right: 20px;
  width: 86px;
  text-align: center;
}

.btnPageTop .imgBtnTopBase {
  position: relative;
  z-index: 10000;
}



@media screen and (min-width: 768px) {

	.footer{
  padding: 20px 0;
  background: 	#FFEFD5;
	}
	.flex1{
	display: flex;
	justify-content: center;
	}
	.h2f{
	font-size: 2.25em;
	text-align: center;
	margin-bottom:20px;
	}
.footer-info-list li a{
	font-size: 1.2em;

	}
.footer-info-list{
	text-align: center;
	margin: 10px;
	
	}
  .footer-info-ph {
    width: 100%;
	  }
  .footer-info-data {
    width:100%;
	  }
	.flex2{
	display: flex;
	}
	/*pagetop*/
	.btnPageTop {
	  bottom: 290px;
	  right: 30px;
	  width: 106px;
	  text-align: center;
	}
}

/*SNS*/
.sns{
  margin-bottom: 15px;
  text-align: center;
}
.sns li{
  display: inline-block;
}
.sns a{
  display: block;
  color: #000;
  border-radius: 5px;
  text-decoration: none;
  font-size: 30px; 
}
.sns a:hover{
  color: #F4A460;
}

/*copyright*/
.copyright {
  text-align: center;
	font-size: 0.75em;
}