@charset "utf-8";
/* 全体 ------------------------------------------*/
body{
	font-family : "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",sans-serif;
	color : #16160e;
	font-family : "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",sans-serif;
	color : #16160e;
	//* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c2db97+0,c2db97+47&1+0,0+47,0+100 */
	background: -moz-linear-gradient(top, rgba(194,219,151,1) 0%, rgba(194,219,151,0) 47%, rgba(194,219,151,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(194,219,151,1) 0%,rgba(194,219,151,0) 47%,rgba(194,219,151,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(194,219,151,1) 0%,rgba(194,219,151,0) 47%,rgba(194,219,151,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2db97', endColorstr='#00c2db97',GradientType=0 ); /* IE6-9 */

	background-color : #ffffff;
/*	background-image : url(../images/grid.gif);*/

}


#wrapper{
	width : 980px;
	margin : 0 auto;
}

ul li{
	list-style-type : none;
}
/* ヘッダー-------------------------------------- */
.topinfo{
	margin-top: 30px;
}
.catch{
	font-size : 1.7em;
	font-family : ;
}
.flex .catch{
	margin: 0;
}
.catch a{
	text-decoration : none;
	color : #16160e;
}
.infobox{
	margin-left: auto;
	margin-bottom: 10px;
}
.flex .infobox {
	text-align: right;
}
.flex .infobox img{
	margin: 0;
}
.infobox span{
margin-right:10px;
}

.toi{
	text-align : right;
	clear : left;
	padding : 0 20px 0 0;
}

.top{
	width: 980px;
	margin : 0 auto;
	position : relative;
	top : 0px;
	left : 0px;
	clear: both;
}

.topimg h1 img{
	width: 978px;
	display : block;
}

.logo{
	position : absolute;
	top : 38px;
	left : 60px;
}


#gnav ul{
	clear-float : left;
	border : none;
	width : 979px;
	overflow : hidden;
	border-left : solid 1px #fff;
}

#gnav ul li{
	width       : 161px;
	border-style : solid;
	border-color: #fff;
	border-width :0 1px 1px 0;
	line-height : 3;
	text-align  : center;
	background-color: #C4D79B;
	font-size : 1em;
	float : left;
	color : #16160e;
}

#gnav {
margin-top: 10px;
}

#gnav ul li.home{
	width       : 152px;
}

#gnav ul li.long{
	width       : 177px;

}

#gnav ul li a{
	display : block;
	text-decoration  : none;
	color : #16160e;

}

#gnav ul li a:hover{
	display : block;
	background-color:#C4D57B;
	box-shadow: 0px  3px 3px 0px #ccc;

	}

.yotei{
	margin-bottom:50px;
}
/* --コンテンツ-------------------------------------------------- */

#contents{
	overflow : hidden;
}

#left-box{
	width : 248px;
	margin : 10px 10px 0 0;
	padding: 10px;
	background-color : #fff;
	float : left;
	text-align : center;
	background-image    : url(../images/icon/watage.png);
	background-repeat   : no-repeat;
	background-position : left bottom;
	border: solid 1px #ccc;
}

iframe{
	border : solid 0px #000000;
	border-collapse : collapse;
	margin : 10px 0 0 0;
}

#left-box img{
	border : solid 1px #000000;
	width: 100%;
	text-align: center;
}

.tizu{
	text-align : right;
	padding : 0 10px 0 0;
	margin : 0 0 100px 0;
	font-size : 0.8em;
}


#right-box{
	background-color : #ffffff;
	width : 700px;
	float : right;
	margin : 10px 0px 10px 0px;
}

h2{
	background-color : #D2C55F;
	font-size : 1.8em;
	padding : 5px 15px;
	text-decoration : none;
}

h3{
	border-width : 0 0 3px 0;
	border-color : #330033;
	border-style : solid;
	padding : 7px 0 0 5px;
	margin-bottom: 10px;
}
.contener{
	background-color : #DDD9C4;
	padding : 0 0 20px 0;
	margin-bottom: 10px;
}
.contener-box{
	background-color : #ffffff;
	margin : 15px;
	padding: 15px;
}
.flex{
	display: flex;
	align-items: flex-start;
}
.flex p{
	margin-right :15px;
}

/* コンテンツここまで------------------------------------------------- */

/* インスタボタン */
.insta_btn {
  display: inline-block;
  text-align: center;/*中央揃え*/
  color: #2e6ca5;/*文字色*/
  font-size: 20px;/*文字サイズ*/
  text-decoration: none;/*下線消す*/
}

.insta_btn:hover {/*ホバー時*/
  color:#668ad8;/*文字色*/
  transition: .5s;/*ゆっくり変化*/
}

.insta_btn .insta{/*アイコンの背景*/
  position: relative;/*相対配置*/
  display: inline-block;
  width: 50px;/*幅*/
  height: 50px;/*高さ*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  border-radius: 13px;/*角丸に*/

}

.insta_btn .insta:before{/*グラデーションを重ねるため*/
  content: '';
  position: absolute;/*絶対配置*/
  top: 23px;/*ずらす*/
  left: -18px;/*ずらす*/
  width: 60px;/*グラデーションカバーの幅*/
  height: 60px;/*グラデーションカバーの高さ*/
  background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
  background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);/*グラデーション②*/
}

.insta_btn .fa-instagram {/*アイコン*/
  color: #FFF;/*白に*/
  position: relative;/*z-indexを使うため*/
  z-index: 2;/*グラデーションより前に*/
  font-size: 35px;/*アイコンサイズ*/
  line-height: 50px;/*高さと合わせる*/
}
/* フッター */

footer{
	background-color : #333333;
	color : #ffffff;
	text-align : center;
	padding : 20px 0 10px 0;
}

footer #fnav ul li{
	list-style-type : ;
	display : inline;
	margin-right:20px;
	font-size : 0.8em;
}

footer #fnav ul li a{
	text-decoration : none;
	color : #ffffff;
}

footer #fnav ul li a:hover{
	text-decoration : underline;
	color : #ffffff;
}

footer p{
	font-size : small;
	margin-top : 20px;
}