@charset "UTF-8";



/*--------------------------------------------------------*/
/* Hokkaido */
/*--------------------------------------------------------*/

/*.btnBox a.navBtn , .hokkaido p{
	font-family: "A-OTF 新ゴ Pro",A-OTF Shin Go Pro !important;
}*/

/*--------------------------------------------------------*/
/*header*/
/*--------------------------------------------------------*/

.hokkaido .header{
		background:#fff;
		width:100%;
		margin:0;
		height:auto;
		border-bottom:none;
		position:fixed;
		z-index: 999;
	}

.header .logo img{
		width: 100%;
		height:auto;
		float:none;
		margin:0;
		padding:4.7% 6.25%;
		box-sizing:border-box;
	}
	
.hokkaido .nav h1{
	background:#eb6100;
	padding:0 0 4.4%;
	border-top:none;
	border-bottom:none;
	position:relative;
}

.hokkaido .nav h1 span{
	color:#ffffff;
	display:inline-block;
	padding:2% 0;
}

.hokkaido .nav h1 img{
	background:#ffffff;
	display:block;
	box-sizing:border-box;
	width: 100%;
	padding:3% 6.25% 2%;
	margin:0;
}

.btnBox{
	text-align:center;
	position: relative;
    top: -25px;
}

.btnBoxRemove{
	text-align:center;
	top: 0px;
}

.btnBox a.navBtn{
	background: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.99, #dededf), to(#ffffff));
    background-image: -webkit-linear-gradient(#ffffff /*{start}*/,#dededf 99% , #ffffff /*{end}*/);
    background-image: -moz-linear-gradient(#ffffff /*{start}*/,#dededf 99% , #ffffff /*{end}*/);
    background-image: -ms-linear-gradient(#ffffff /*{start}*/,#dededf 99% , #ffffff /*{end}*/);
    background-image: -o-linear-gradient(#ffffff /*{start}*/,#dededf 99% , #ffffff /*{end}*/);
    background-image: linear-gradient(#ffffff /*{start}*/,#dededf 99% , #ffffff /*{end}*/);
    border:2px solid #c9caca;
    color:#0f0f0f !important;
    text-decoration:none;
    font-size:73%;
    display:inline-block;
    padding:2% 0.5% 2% 2%;
    border-radius: 5px;
}

.btnBox a.navBtn:first-child{
	margin-right:2%;
}

.nav{
	height:106px;
}

/**/
#section01:before{
	content: " ";
	height:240px;
	display:block;
}




.lineupContents{
	padding:240px 0 0;
}

#section01 , #section02{
	margin-top:-240px;
	padding-top:240px;
}


/*--------------------------------------------------------*/
/*h1 h2 h3*/
/*--------------------------------------------------------*/

.hokkaido h2{
	background:#ffffff;
	border-bottom:none;
}

.hokkaido p.h3{
	color:#eb6100;
	font-weight:bold;
	font-size:120%;
	margin-top:5%;
}

.hokkaido p.textNormal{
	color:#0f0f0f;
	margin-bottom:5%;
}

.hokkaido .imgCaption{
	color:#595656;
	font-size:90%;
	margin-top:-2%;
	margin-bottom:8%;
}



.hokkaido hr{
	margin:10% 0;
	border-bottom:1px dotted #838080;
	height:1px;
	background-image:none;
}

/*---2016/9/6 shimizu add LINK bar-----*/

/* topMenuB----------------------------------------------------------------*/

.voiceArchive div{
		display:table;
		width:255px;
		border:1px solid #cfcfcf;
		margin:2px auto 10px;
		overflow: hidden;
		padding:5px;
		background:#ffffff;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.99, #eaeaea), to(#ffffff)); /* Saf4+, Chrome */
		background-image: -webkit-linear-gradient(#ffffff /*{start}*/,#eaeaea 99% , #ffffff /*{end}*/); /* Chrome 10+, Saf5.1+ */
		background-image:    -moz-linear-gradient(#ffffff /*{start}*/,#eaeaea 99% , #ffffff /*{end}*/); /* FF3.6 */
		background-image:     -ms-linear-gradient(#ffffff /*{start}*/,#eaeaea 99% , #ffffff /*{end}*/); /* IE10 */
		background-image:      -o-linear-gradient(#ffffff /*{start}*/,#eaeaea 99% , #ffffff /*{end}*/); /* Opera 11.10+ */
		background-image:         linear-gradient(#ffffff /*{start}*/,#eaeaea 99% , #ffffff /*{end}*/);
	}
	.voiceArchive div a{
		display:table;
		text-decoration: none;
		font-weight:bold;
		font-size:14px;
		color:#286290;
		border-left:2px solid #286290;
		padding:0px 0 0 10px;
	}
	.voiceArchive div a p{
		display:table-cell;
		padding: 0;
		margin:0;
		font-size:102%;
		vertical-align:middle;
		line-height:1.4;
	}
	.voiceArchive div a p.linkTtl{
		padding:2px 0 0; 
	}
	
	.voiceArchive div a p span{
		display:inline-block;
		padding:0;
		margin:0;
		font-size:88%;
	}

	.voiceArchive div a img{
		display:table-cell;
		width:50px;
		/*float:right;*/
		margin-left:10px;
	}



/*---2016/8/10 horibe add-----*/
.fixed {
    position: fixed;
    
}

/*---2016/9/30 horibe add from top.css-----*/
/* topMenuB----------------------------------------------------------------*/

.topMenuB div{
		display:table;
		width:255px;
		border:1px solid #cfcfcf;
		margin:2px auto;
		overflow: hidden;
		padding:5px 10px;
		background:#ffffff;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.99, #eaeaea), to(#ffffff)); /* Saf4+, Chrome */
		background-image: -webkit-linear-gradient(#ffffff /*{start}*/,#eaeaea 99% , #ffffff /*{end}*/); /* Chrome 10+, Saf5.1+ */
		background-image:    -moz-linear-gradient(#ffffff /*{start}*/,#eaeaea 99% , #ffffff /*{end}*/); /* FF3.6 */
		background-image:     -ms-linear-gradient(#ffffff /*{start}*/,#eaeaea 99% , #ffffff /*{end}*/); /* IE10 */
		background-image:      -o-linear-gradient(#ffffff /*{start}*/,#eaeaea 99% , #ffffff /*{end}*/); /* Opera 11.10+ */
		background-image:         linear-gradient(#ffffff /*{start}*/,#eaeaea 99% , #ffffff /*{end}*/);
	}
	.topMenuB div a{
		display:table-cell;
		text-decoration: none;
		font-weight:bold;
		font-size:14px;
		color:#286290;
		border-left:2px solid #286290;
		padding:0px 0 0 10px;
		vertical-align: middle;
	}
	.topMenuB div a p{
		display:inline-block;
		padding:8px 0 0 0;
		margin:0;
	}

	.topMenuB div a img{
		width:50px;
		float:right;
	}