@charset "UTF-8";

/* ================================================================

制作コンテンツ

info:
- レスポンシブの場合は、ブレイクポイント 768px で記述してください。
- SP用CSSを先に記述する方法を推奨します。下記の記述は例です。
- PCのみの場合は、記述を削除してください。

================================================================ */

/* SP用CSSの記述 */


/* PC、Tablet用CSSの記述 */
@media (min-width:768px){
}


.flexbox {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: stretch;
  align-items: stretch;
}
.flexbox div {
margin: 0 15px;
}

.flexbox div.menu {
margin: 0 0;
}

.btn a {
    text-align: center;
    border: none;
    margin: 0 0 5px 0;
    padding: 20px;
	background: #fff;
	display: block;
	font-weight: bold;
	width: 345px;
	font-size: 1em;
	color: #925d35;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
	float: left;
	border-radius: 5px;
	border: solid #925d35 2px;
}
.btn a:hover {
	background: #925d35;
	color: #fff;
}


.btn_furusato a {
    text-align: center;
    border: none;
    margin: 0 auto 0;
    padding: 20px;
	background: #fff;
	display: block;
	font-weight: bold;
	width: 720px;
	font-size: 1em;
	color: #e15603;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
	float: left;
	border-radius: 5px;
	border: solid #e15603 2px;
}
.btn_furusato a:hover {
	background: #e15603;
	color: #fff;
}



.notes {
    text-align: left;
    padding: 5px 0;
	font-weight: normal;
	font-size: 0.6em;
	clear: both;
}
.notes_area {
	max-width: 900px;
	margin: auto;

}

/***********************************************
マウスオーバー
***********************************************/
a {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	position: relative;
	top: 0;
}
a:hover {
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
	top: -3px;
}

/*	margin
---------------------- */
.mt-0  {    margin-top:    0;}
.mt-10 {    margin-top: 10px;}
.mt-20 {    margin-top: 20px;}
.mt-30 {    margin-top: 30px;}
.mt--60 {    margin-top: -60px;}
.mt-40 {    margin-top: 40px;}
.mt-50 {    margin-top: 50px;}
.mt-60 {    margin-top: 60px;}
.mb-0  {    margin-bottom:    0;}
.mb-10 {    margin-bottom: 10px;}
.mb-20 {    margin-bottom: 20px;}
.mb-30 {    margin-bottom: 30px;}
.mb-40 {    margin-bottom: 40px;}
.mb-50 {    margin-bottom: 50px;}
.mb-60 {    margin-bottom: 60px;}
.mb-70 {    margin-bottom: 70px;}
.mb-80 {    margin-bottom: 80px;}
.mb-90 {    margin-bottom: 90px;}
.mb-100 {    margin-bottom: 100px;}

.mr-10 {    margin-right: 5px;}


/*	padding
---------------------- */
.pt-0  {    padding-top:    0;}
.pt-10 {    padding-top: 10px;}
.pt-20 {    padding-top: 20px;}
.pt-30 {    padding-top: 30px;}
.pt-40 {    padding-top: 40px;}
.pt-50 {    padding-top: 50px;}
.pt-60 {    padding-top: 60px;}
.pb-0  {    padding-bottom:    0;}
.pb-10 {    padding-bottom: 10px;}
.pb-20 {    padding-bottom: 20px;}
.pb-30 {    padding-bottom: 30px;}
.pb-40 {    padding-bottom: 40px;}
.pb-50 {    padding-bottom: 50px;}
.pb-60 {    padding-bottom: 60px;}


/* ================================
	ヘッダ
	.globalHeader
================================ */
/*	globalHeader
---------------------- */
.globalHeader {
    text-align: center;
	padding: 40px 0 40px 0;
}

.globalHeader .inner{
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	text-align: center;
	position: relative;
}
#ttl {
	margin: 0 auto;
}

.float-L {
	float: left;
}

.float-R {
	float: right;
}
.flexcontainer {
	display: flex;
}
.flexitem {
	width: 20%;
	text-align: center;
}

.align-r {
	text-align: right;
}

.align-l {
	text-align: left;
}

.align-c {
	text-align: center;
}




/*スクロールを促す矢印*/
#scroll {
  position: absolute;
  top: 90%;
  left: 50%;

}

a.scroll {
  padding-top: 90px;
  color: #fff;
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 1.2em;
  letter-spacing: 2px;
}
a.scroll span {
  position: absolute;
  top: 90%;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb 1.5s infinite;
  animation: sdb 1.5s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}


.tsuribune {
    /*background: url("../images/bg.png");*/
	padding: 50px 0 20px;
	margin-bottom: 50px;
}

.staytime {
	padding: 50px 0;
}


.contents {
    /*max-width: 990px;*/
    margin: 0 auto;
}

.flexbox div.tsuriba03 {
	margin-top: -130px;
}

.flexbox div.tsuriba02 {
	margin-top: -100px;
}

.ttl {
	max-width: 990px;
	margin: 0 auto 20px auto;
}

#logo {
	margin-bottom: 240px;
}
