@charset "utf-8";

/* --------------------------------------------------------------------------------
	Reset
-------------------------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,
time,mark,audio,video{
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5,h6,
input,
textarea{
	font-weight:normal;
	font-size:100%;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
	display:block;
}
a{
	overflow:hidden;
	outline:none;
	text-decoration:none;
	color:#000;
}
a:hover,
a:active{
	text-decoration:underline;
}
a:hover img,
a:active img{
	opacity:0.8;
}
input[type="text"]:focus{
	outline:0;
}
ol,ul{
	list-style:none;
}
blockquote,q{
	quotes:none;
}
blockquote:before,blockquote:after,
q:before,q:after{
	content:'';
	content:none;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
img{
	border:none;
	-ms-interpolation-mode:bicubic;
	vertical-align:text-bottom;
}

/* --------------------------------------------------------------------------------
	tag
-------------------------------------------------------------------------------- */
html{
	font-size:62.5%;
}
body{
	min-width:1200px;
	line-height:1.5;
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.6em;
	color:#2b2b2b;
	-webkit-text-size-adjust:100%;
}

img{
	vertical-align:bottom;
	-ms-interpolation-mode:bicubic;
}
table img{
	max-width:none;
	height:auto;
}
a img{
	border:none;
}

a{
	text-decoration:none;
}
a:link{
	color:#27679a;
}
a:visited{
	color:#609;
}
a:hover,
a:active{
	color:#27679a;
	text-decoration:underline;
}


/* --------------------------------------------------------------------------------
	clear & clearfix
-------------------------------------------------------------------------------- */
.clear{
	clear:both;
}
.clearfix:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
* html .clearfix{zoom:1;} /* IE6 */
*:first-child+html .clearfix{zoom:1;} /* IE7 */

#container{
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

/* --------------------------------------------------------------------------------
	ページトップへ戻る
-------------------------------------------------------------------------------- */
.f-btn-pagetop{
	position:fixed;
	right:10px;
	bottom:50px;
	z-index:1000;
}


/* --------------------------------------------------------------------------------
	ヘッダー
-------------------------------------------------------------------------------- */
#header{
	width:100%;
	margin:0 auto;
	background:url(../../images/page/gosho-no-machi_2018/common/h-main.jpg) no-repeat 50%;
	height:340px;
	position: relative;
	 z-index:300;
	 text-align: center;
    overflow: hidden;
}
#header .header-inner {
    position: absolute;
    left: 50%;
    width: 1400px;
    margin-left: -700px;
}
#header h1{
	position:absolute;
	top:0;
	left:20px;
}
#header .txt-campaign{
	position:absolute;
	top:10px;
	left:1020px;
}
#header .h-menu{
	position:absolute;
	top:200px;
}
#header .h-menu .h-menu-box ul.menu{
	width:1304px;
	height:130px;
	margin:0 45px 0 51px;
	background:url(../../images/page/gosho-no-machi_2018/common/h-bg-menu.png) no-repeat;
}
#header .h-menu .h-menu-box ul.menu li{
	float:left;
	padding: 0 18px;
	background: url(../../images/page/gosho-no-machi_2018/common/f-menu-line.png) no-repeat 100% 50%;
}
#header .h-menu .h-menu-box ul.menu li:nth-child(1){
	padding: 0 18px 0 30px;
}
#header .h-menu .h-menu-box ul.menu li:last-child{
	padding: 0 0 0 18px;
	background:none;
}
#header .h-menu .h-menu-box ul.menu li img{
	padding:12px 0 0;
}

/* --------------------------------------------------------------------------------
	メイン
-------------------------------------------------------------------------------- */

#main{
	position: relative;
    z-index: 100;
    width: 100%;
	height:4600px;
    text-align: center;
    overflow: hidden;
}
#main .main-inner {
    position: absolute;
    left: 50%;
    width: 1400px;
    margin-left: -700px;
}


/**********　イベント  **********/

#main .event{
	background:url(../../images/page/gosho-no-machi_2018/gosho-no-machi2018-1/bg-gourment.jpg) repeat-y;
	padding:150px 0 0;
}
#main .event-inner{
	padding:0 0 180px;
}

/*event-box1*/
#main .event-inner .event-box1{
	width:1050px;
	margin:0 auto;
	padding:0 0 120px;
}
#main .event-inner .event-box1 .img{
	float:left;
	width:486px;
}
#main .event-inner .event-box1 .box{
	float:right;
	width:525px;
}
#main .event-inner .event-box1 .box .title{
	padding:0 0 25px;
}
#main .event-inner .event-box1 .box .term{
	padding: 15px 20px;
    margin-bottom: 30px;
    color: #613608;
    font-weight: bold;
	background:#faf5e6;
	text-align:left;
	
}
#main .event-inner .event-box1 .box .term span{
	background: #613608;
    padding: 2px 10px;
    margin-right: 20px;
    color: #FFF;
    font-weight: normal;
	border-radius:5px;
}
#main .event-inner .event-box1 .box .txt{
	padding:0 0 25px;
	line-height:1.875;
	text-align:left;
}
#main .event-inner .event-box1 .box .btn{
	text-align:right;
}

/*event-box2*/
#main .event-inner .event-box2{
	width:1050px;
	margin:0 auto;
	padding:0;
}
#main .event-inner .event-box2 .box{
	float:left;
	width:525px;
}
#main .event-inner .event-box2 .box .title{
	padding:0 0 25px;
}
#main .event-inner .event-box2 .box .txt{
	padding:0 0 25px;
	line-height:1.875;
	text-align:left;
}
#main .event-inner .event-box2 .box .btn{
	text-align:right;
}
#main .event-inner .event-box2 .img{
	float:right;
	width:480px;
}



/*event_info-box*/
#main .event_info-inner{
	padding:0 0 150px;
}
#main .event_info-inner h3{
	padding:0 0 30px;
}
#main .event_info-inner .event_info-box{
	position:relative;
	width:1050px;
	margin:0 auto 30px;
	background:url(../../images/page/gosho-no-machi_2018/gosho-no-machi2018-2/bg-event_info.jpg) repeat;
}
#main .event_info-inner .event_info-box .icon{
	position: absolute;
	left:10px;
	top:-20px;
}
#main .event_info-inner .event_info-box .inner{
	width:1010px;
	padding:0 0 30px 40px;
}
#main .event_info-inner .event_info-box .inner .img{
	float:left;
	width:290px;
	padding:45px 0 0 0;
}
#main .event_info-inner .event_info-box .inner .box{
	float:right;
	width:690px;
	padding:30px 0 0 0;
	text-align:left;
}
#main .event_info-inner .event_info-box .inner .title{
	background:url(../../images/page/gosho-no-machi_2018/gosho-no-machi2018-2/img-event_info-line.png) repeat-x 0 100%;
	padding:0 0 20px;
	margin:0 0 30px;
}
#main .event_info-inner .event_info-box .inner .place{
	line-height:1.75;
	padding:0 40px 0 0;
}
#main .event_info-inner .event_info-box .inner .place span{
	font-weight:bold;
}
#main .event_info-inner .event_info-box .inner .txt{
	line-height:1.75;
	padding:0 0 25px;
	padding:0 40px 0 0;
}
#main .event_info-inner .event_info-box .inner .box .btn{
	text-align:right;
	padding:0 40px 0 0;
}


/**********　きんてつハイキングを実施します！  **********/

#main .hiking-inner{
	padding:40px 0 10px;
	background:url(../../images/page/gosho-no-machi_2018/gosho-no-machi2018-2/bg-hiking.jpg) repeat;
}
#main .hiking-inner h3{
	padding:0 0 50px;
}
#main .hiking-inner .hiking-box{
	position:relative;
	width:1154px;
	margin:0 auto 70px;
	padding:0 0 50px;
	background:url(../../images/page/gosho-no-machi_2018/gosho-no-machi2018-2/bg-hiking1.png) no-repeat 0 0,
				url(../../images/page/gosho-no-machi_2018/gosho-no-machi2018-2/bg-hiking3.png) no-repeat 0 100%;
}
#main .hiking-inner .hiking-box h4{
	position: absolute;
	left:315px;
	top:-20px;
}
#main .hiking-inner .hiking-box .icon{
	position: absolute;
	left:160px;
	top:10px;
}
#main .hiking-inner .hiking-box .title{
	padding:50px 0 20px;
	margin:0 auto;
}
#main .hiking-inner .hiking-box .inner{
	width:1054px;
	padding:20px 50px 0;
	background:url(../../images/page/gosho-no-machi_2018/gosho-no-machi2018-2/bg-hiking2.png) repeat-y;
}
#main .hiking-inner .hiking-box .inner .img{
	float:left;
	width:410px;
	padding:0;
}
#main .hiking-inner .hiking-box .inner .box{
	float:right;
	width:600px;
	padding:0;
	text-align:left;
}
#main .hiking-inner .hiking-box .inner .box table{
	font-size:14px;
	border-top:1px solid #c9c9c9;
}
#main .hiking-inner .hiking-box .inner .box table tr{
	border-bottom:1px solid #c9c9c9;
}
#main .hiking-inner .hiking-box .inner .box table tr th{
	color:#613608;
	width:60px;
	padding:15px 20px 15px 5px;
}
#main .hiking-inner .hiking-box .inner .box table tr td{
	width:477px;
	padding:15px 20px 15px 20px;
}
#main .hiking-inner .hiking-box .inner .txt{
	padding:20px 0 0;
	font-size:14px;
}




/* --------------------------------------------------------------------------------
	フッター
-------------------------------------------------------------------------------- */
#footer{
	position: relative;
    z-index:200;
}
#footer .footer-inner .inner{
	width:1240px;
	margin:0 auto;
}

#footer .footer-inner .f-access{
	background:#F39695;
}
#footer .footer-inner .f-access .inner{
	background:url(../../images/page/gosho-no-machi_2018/common/f-bg-map.png) no-repeat 87% 50%;
}
#footer .footer-inner .f-access .f-btn-access{
	text-align:center;
	padding:27px 0;
}

#footer .footer-inner .f-menu{
	background:url(../../images/page/gosho-no-machi_2018/common/f-bg-menu.png) repeat 0 0;
	
}
#footer .footer-inner .f-menu ul li{
	float:left;
	background:url(../../images/page/gosho-no-machi_2018/common/f-menu-line.png) no-repeat 100% 50%;
	padding:0 16px 0 0;
}
#footer .footer-inner .f-menu ul li:last-child{
	background: none;
	padding:0;
}

#footer .footer-inner .f-nav{
	background:#091E59;
}
#footer .footer-inner .f-heading{
	padding:50px 0 20px;
	text-align:center;
}
#footer .footer-inner .f-nav .inner{
	padding:0 0 70px;
	width:880px;
}
#footer .footer-inner .f-nav ul li{
	float:left;
}
#footer .footer-inner .f-nav ul li.nav1{
	padding-right:30px;
}
#footer .footer-inner .f-nav ul li.nav2{
	padding-right:30px;
}
#footer .footer-inner .f-nav ul li.nav3{
	padding-right:30px;
}
#footer .footer-inner .f-nav ul li.nav4{
	padding-right:30px;
}
#footer .footer-inner .f-nav ul li a{
	color:#FFF;
	background:url(../../images/page/gosho-no-machi_2018/common/f-nav-arr.png) no-repeat 0 50%;
	padding:0 0 0 14px;
}
#footer .footer-inner .f-nav .f-copyright{
	width:1150px;
	margin:0 auto;
	color:#FFF;
	text-align:center;
	border-top:1px solid #ffffff;
	padding:18px 0;
}