@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/gosho-no-machi2018/h-main.jpg) no-repeat 50%;
	height:930px;
	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:10px;
	left:20px;
}
#header .txt-campaign{
	position:absolute;
	top:10px;
	left:1020px;
}
#header .h-menu{
	position:absolute;
	top:740px;
}
#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:5930px;
    text-align: center;
    overflow: hidden;
}
#main .main-inner {
    position: absolute;
    left: 50%;
    width: 1400px;
    margin-left: -700px;
}


/**********　歴史・文化  **********/

#main .history_culture-inner{
	background:url(../../images/page/gosho-no-machi_2018/gosho-no-machi2018/bg-history_culture4.png);
}


/*history_culture-box1*/
#main .history_culture-inner .history_culture-box1{
	position:relative;
	width:1150px;
	margin:0 auto;
	padding:50px 0 0;
	height:470px;
}
#main .history_culture-inner .history_culture-box1 .img{
	position:absolute;
	z-index:100;
	left:70px;
	top:80px;
}
#main .history_culture-inner .history_culture-box1 .box{
	position:absolute;
	z-index:200;
	right:0;
	background:url(../../images/page/gosho-no-machi_2018/gosho-no-machi2018/bg-history_culture1.jpg) no-repeat;
	padding:20px 100px 100px 20px;
}
#main .history_culture-inner .history_culture-box1 .box .title{
	padding:0 0 25px;
}
#main .history_culture-inner .history_culture-box1 .box .txt{
	padding:0 0 20px 40px;
	line-height:1.875;
	text-align:left;
}
#main .history_culture-inner .history_culture-box1 .box .btn{
	padding:0 0 0 115px;
}

/*history_culture-box2*/
#main .history_culture-inner .history_culture-box2{
	position:relative;
	width:1150px;
	margin:0 auto 40px;
	height:480px;
}
#main .history_culture-inner .history_culture-box2 .box{
	position:absolute;
	width:550px;
    text-align: left;
	z-index:200;
	left:50px;
	top:65px;
	background:url(../../images/page/gosho-no-machi_2018/gosho-no-machi2018/bg-history_culture2.jpg) no-repeat;
	padding:20px 0 35px 20px;
}
#main .history_culture-inner .history_culture-box2 .box .title{
	padding:0 0 25px;
}
#main .history_culture-inner .history_culture-box2 .box .txt{
	padding:0 40px 20px 40px;
	line-height:1.875;
	text-align:left;
}
#main .history_culture-inner .history_culture-box2 .box .btn{
	padding:0 0 0 115px;
}
#main .history_culture-inner .history_culture-box2 .img{
	position:absolute;
	right:63px;
	z-index:100;
}



/*history_culture-box3*/
#main .history_culture-inner .history_culture-box3 .box{
	background:url(../../images/page/gosho-no-machi_2018/gosho-no-machi2018/bg-history_culture3.png) no-repeat 50%;
	padding:90px 0 40px;
}
#main .history_culture-inner .history_culture-box3 .box .title{
	padding:0 0 25px;
}

/*history_culture-box4*/
#main .history_culture-inner .history_culture-box4{
	position:relative;
	width:1150px;
	margin:50px auto 0;
	height:470px;
}
#main .history_culture-inner .history_culture-box4 .img{
	position:absolute;
	z-index:100;
	left:70px;
	top:30px;
}
#main .history_culture-inner .history_culture-box4 .box{
	position:absolute;
	z-index:200;
	right:0;
	background:url(../../images/page/gosho-no-machi_2018/gosho-no-machi2018/bg-history_culture1.jpg) no-repeat;
	padding:20px 100px 100px 20px;
}
#main .history_culture-inner .history_culture-box4 .box .title{
	padding:0 0 25px;
}
#main .history_culture-inner .history_culture-box4 .box .txt{
	padding:0 0 20px 40px;
	line-height:1.875;
	text-align:left;
}
#main .history_culture-inner .history_culture-box4 .box .btn{
	padding:0 0 0 115px;
}

/*history_culture-box5*/
#main .history_culture-inner .history_culture-box5{
	position:relative;
	width:1150px;
	margin:0 auto 40px;
	height:480px;
}
#main .history_culture-inner .history_culture-box5 .box{
	position:absolute;
	width:550px;
    text-align: left;
	z-index:200;
	left:50px;
	top:65px;
	background:url(../../images/page/gosho-no-machi_2018/gosho-no-machi2018/bg-history_culture2.jpg) no-repeat;
	padding:20px 0 50px 20px;
}
#main .history_culture-inner .history_culture-box5 .box .title{
	padding:0 0 25px;
}
#main .history_culture-inner .history_culture-box5 .box .txt{
	padding:0 40px 20px 40px;
	line-height:1.875;
	text-align:left;
}
#main .history_culture-inner .history_culture-box5 .box .btn{
	padding:0 0 0 115px;
}
#main .history_culture-inner .history_culture-box5 .img{
	position:absolute;
	right:63px;
	z-index:100;
}

/**********　松阪もめん着付け方紹介動画  **********/
#main .video-outer{
	background: url(../../images/page/gosho-no-machi_2018/gosho-no-machi2018/bg-video1.jpg) repeat-x;
	padding: 10px 0 0;
}
#main .video-inner{
	background: url(../../images/page/gosho-no-machi_2018/gosho-no-machi2018/bg-video2.jpg) repeat;
	padding:70px 0 0;
	position: relative;
	width:1400px;
	margin:0 auto;
}
#main .video-inner h3{
	padding:0 0 25px;
}
#main .video-inner .video{
	padding:0 0 15px;
}
#main .video-inner .video img{
	border:6px solid #ffffff;
}
#main .video-inner .txt1{
	padding:0 0 20px;
	font-size:24px;
	font-weight:bold;
	color:#ffffff;
}
#main .video-inner .txt2{
	padding:0 0 10px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
}
#main .video-inner .btn{
	padding:0 0 55px;
}
#main .video-inner .img1{
	position:absolute;
	bottom: 0;
	left:135px;
}
#main .video-inner .img2{
	position:absolute;
	bottom: 170px;
	right:120px;
}


/**********　Instagenic Spots  **********/

#main .instagenic-inner{
	background: url(../../images/page/gosho-no-machi_2018/gosho-no-machi2018/bg-instagenic.jpg) no-repeat;
	padding:50px 0 51px;
	position: relative;
	width:1400px;
	margin:0 auto;
}
#main .instagenic-inner h3{
	padding:0 0 40px;
}
#main .instagenic-inner ul{
	width:1143px;
	margin:0 auto;
}
#main .instagenic-inner ul li{
	float:left;
	width:223px;
	padding:0 7px 7px 0;
}
#main .instagenic-inner ul li:nth-child(5){
	padding:0 0 7px 0;
}
#main .instagenic-inner ul li:nth-child(5n+1){
	clear:both;
}
#main .instagenic-inner .img{
	position:absolute;
	bottom: 0;
	right:172px;
}

/**********　もっと松阪を知りたい方へ  **********/

#main .more_matsusaka-outer{
	background: url(../../images/page/gosho-no-machi_2018/gosho-no-machi2018/bg-more_matsusaka1.jpg) repeat-y;
}
#main .more_matsusaka-inner{
	background: url(../../images/page/gosho-no-machi_2018/gosho-no-machi2018/bg-more_matsusaka2.jpg) repeat-y 100%;
	width:1400px;
	margin:0 auto;
	padding:110px 0 170px;
}
#main .more_matsusaka-inner h3{
	padding:0 0 90px;
}
#main .more_matsusaka-inner .bnr-box{
	width:860px;
	margin:0 auto 70px;
}
#main .more_matsusaka-inner p{
	color:#0c2c60;
	font-size:22px;
	font-weight:bold;
	padding:15px 0 0;
}
#main .more_matsusaka-inner .bnr1{
	float:left;
}
#main .more_matsusaka-inner .bnr2{
	float:right;
}
#main .more_matsusaka-inner .bnr3{
	padding:0 0 80px;
}
#main .more_matsusaka-inner .movie iframe{
	border:6px solid #265da1;
	border-radius:10px;
}




/* --------------------------------------------------------------------------------
	フッター
-------------------------------------------------------------------------------- */
#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;
}