/*@charset "UTF-8";*/
/*IE用設定*/
@media all and (-ms-high-contrast:none) {
	#tsunagu {
	font-family: "メイリオ", Meiryo, sans-serif;
	}

}
/*Firefox用設定*/
@-moz-document url-prefix() {
}

#tsunagu {
font-family: 'Noto Sans JP', sans-serif;
font-size: 16px;
word-break: break-all;
background-color: #f2f9f5;
background-image: url(../img/bg-circle.png);
background-size: 50px auto;
background-repeat: repeat;
}

/*共通項目*/
.fs-s{
font-size: 0.8em;
}
.fs-l {
font-size: 1.4em;
}
.fw-b{
font-weight: bold;
}

/*デバイス別表示*/
.pc {
  display: none;
}
.pc-inline {
  display: none;
}

.ctvwidth{
max-width: 960px;
margin: 0 auto;
}

/*タイトル*/
#title{
background-image: url(../img/bg-tit.png);
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
}

#title img{
width: 100%;

animation-name: fade-in;
animation-delay: 1s;
animation-duration: .7s;
animation-fill-mode: both;
animation-timing-function: ease-in-out;
}

@keyframes fade-in{
0%{
opacity: 0;
}

100%{
opacity: 1;
}
}

/*つなぐについて*/
#about{

}

.about-txt{
width: 100%;

animation-name: fade-in;
animation-delay: 1.5s;
animation-duration: .7s;
animation-fill-mode: both;
animation-timing-function: ease-in-out;
}

#link{

}

#link table{
width: 100%;
table-layout: fixed;
}

#link td{
text-align: center;
display: block;
}

#link td img{
width: 100%;
transform: scale(.9);
}

.link-tips{
padding: 20px;
margin: 3vh 5%;
background-color: #fff;
color: #333;
border-radius: 10px;
}

.link-tips p{
line-height: 1.8;
font-size: .8em;
margin: 10px 0;
}

.city{
display: block;
content: "";
width: 100%;
height: 15vh;
background-image: url(../img/bg-cty.png);
background-repeat: repeat-x;
background-position: center;
background-size: auto 100%;
transform: translateY(2px);
}

/*sns-archive*/
.sns-archive {
  margin: 0!important;
  padding: 8px;
  background-color: #ffe000!important;
  box-shadow: none!important;
}
.snstitle {
  text-align: center!important;
}
.snstitle p {
  position: relative;
  width: 100%;
  max-width: 200px;
  margin: 0 auto 20px;
  padding: 10px 30px;
  background-color: #FFF;
  font-weight:bold;
  color: #00ae81;
  border-radius: 2em;
}
.snstitle p:after{
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  right: 0;
  bottom: -9px;
  left: 0;
  margin: auto;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #fff transparent transparent transparent;
}

/*page-top*/
#page-top {
  position: fixed;
  right: 5px;
  bottom: 5px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #00b17e;
  border-radius: 50%;
  border: solid 2px #fff;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
  z-index: 7;
}

#page-top a{
font-size: 1.4em;
color: #fff;
}

/*【tab】*/
@media screen and (min-width: 760px) {

}

/*iPhone twitter飛び出し不具合解消*/
@media only screen and (max-width: 780px) {
	.twplug-wrap {
	  overflow: hidden;
	}
	.twplug-wrap iframe {
	/* 20pxの部分は埋め込んだタイムラインの左右に必要な余白の総計を記載 */
	  width: calc(100vw - 20px)!important;
	}
}

/*【pc】*/
@media screen and (min-width: 960px) {
#harukakanata{
  font-size: 18px;
}

.sp {
  display: none;
}

.sp-inline {
  display: none;
}

.pc {
  display: block;
}

.pc-inline {
  display: inline;
}

/*つなぐについて*/
.about-txt{
transform: scale(.9);
}

#link td{
display: table-cell;
}

.link-tips p{
text-align: center;
font-size: 1em;
}

/*footer*/
footer {
 margin-bottom: -3em;
 padding: 15px 0;
 background-color: #ffc214;
 text-align: center;
}
footer a, footer p {
 font-size: 0.8em;
 font-weight: bold;
 color: #fff;
}

/*page-top*/
#page-top {
  right: 10px;
  bottom: 10px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border: solid 4px #fff;
}

#page-top a{
font-size: 1.8em;
}

}