/*
Theme Name: nagahama
Author: taku hayuka
Description: nagahama castam themes.
Version: 1
Tags: nagahama
Text Domain: nagahama

*/
@charset "UTF-8";
/* CSS Document */

/************************
共有パーツ
************************/
body{
	margin:0;
	padding:0;
	color:#fff;
	font-size:15px;
	background:#000;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*font-family:serif, "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro";*/
	line-height:2.2;
}

/********************************
ページネーション
********************************/
.pagination{text-align:center;}
.pagination span.current{
	padding:5px 10px;
	margin:2px;
	background:#28598a;
	color:#fff;
}

.pagination a{
	padding:5px 10px;
	margin:2px;
	background:#f4f4f4;
	color:#666;
}

.pagination a:hover{
	background:#ddd;
	text-decoration:none;
}

/*** シングルページ用***/
.pager{
	margin-top:80px;
	padding:10px;
	background:#f4f4f4;
	position:relative;
}
.pager .tolist{
	margin:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding:10px 0;
}

.pager .pre{
	float:left;
	padding-left:16px;
	background:url(img/arrow_pre.gif) no-repeat 0 2px;
}

.pager .next{
	float:right;
	padding-right:16px;
	background:url(img/arrow.gif) no-repeat right 2px;
}
/************************
レイアウト
************************/
header{
	padding:40px;
	text-align:center;
}

.arrow{
	position:absolute;
	bottom:0;
	z-index:1000;
	width:100%;
	text-align:center;
	background-color: rgba(255,255,255,0.15);
}
.arrow a{display:block;}
#sidenav{
	margin:auto;
	position:fixed;
	right:0;
	height:407px;
	top:0;
	bottom:0;
	z-index:2000;
}
#sidenav li{
	width:128px;
	background:url(img/bg_snav.png) no-repeat;
}
#sidenav li a{display:block; height:100%;overflow: hidden;text-indent: 100%;white-space: nowrap;}
#sidenav li.active{background:url(img/bg_snav_ac.png) no-repeat;}
#sidenav li:hover{background:url(img/bg_snav_ac.png) no-repeat;}
#sidenav li#ac_news{height:87px; background-position: 0 0;}
#sidenav li#ac_about{height:80px; background-position: 0 -87px;}
#sidenav li#ac_map{height:80px; background-position: 0 -167px;}
#sidenav li#ac_about2{height:80px; background-position: 0 -247px;}
#sidenav li#ac_about3{height:80px; background-position: 0 -327px;}

.fullscreen{
	position:relative;
}

h2{
}

.inner_section{
	margin:auto;
	width:900px;
	height:90%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	max-height:600px;
}

.inner_section_map{
	margin:auto;
	width:900px;
	height:90%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	max-height:771px;
}

.at_news{
	position:absolute;
	bottom:20px;
	width:100%;
}

.at_news dl{
	padding:10px 0;
	border-bottom:1px solid #333333;
	width:100%;
	background:url(img/bg_news.png) right center no-repeat;
}

.at_news dl.nonbg{
	background-image:none;
}

.at_news dl dt{
	float:left;
	margin-right:60px;
}
.at_news dl dd{overflow: hidden; *zoom: 1; padding-right:60px;}
.icon_new{margin-left:36px;}
.icon_new img{vertical-align:middle;}

#about{
	background: url(img/bg_about.jpg) no-repeat center top;
	background-size:100% auto;
}

.map{
	height:100%;
	text-align:center;
}
.map img{height:100%; width:auto;}
.btn_google{
	position:absolute;
	right:0;
	left:0;
	bottom:4%;
	height:9%;
	width:100%;
	text-align:right;
}
.btn_google img{
	height:100%;
}

#about2{
	background:url(img/bg_about2.jpg) no-repeat center top;
	background-size:100% auto;
}
.inner_section_about2{
	margin:auto;
	width:450px;
	height:90%;
	position:absolute;
	top:0;
	bottom:0;
	left:55%;
	max-height:600px;
}
#about3{background:#e4e4e4; color:#000;}
#about3 h2{
	height:50%;
	width:100%;
	overflow:hidden;
}
#about3 h2 img{width:100%;}
.inner_section_about3{
	margin:auto;
	width:900px;
	height:45%;
	position:absolute;
	top:55%;
	bottom:0;
	left:0;
	right:0;
	max-height:400px;
}
.sns{
	padding:60px 0 60px;
	position: relative;
	width:100%;
	text-align:center;
	background:#e4e4e4;
}
.sns a{
	margin:0 19px;
}

footer{
	padding:40px 0;
	border-top:1px solid #d3d3d3;
	background:#e4e4e4;
	position:relative;
}
.copy{
	height:80px;
	line-height:80px;
	text-align:center;
	background:#000;
	color:#fff;
}

.pagetop{
	position:fixed;
	bottom:20px;
	right:25px;
}

.ftnav{	background:#000;}
.inner_ftnav{
	margin:auto;
	width:900px;
	padding:40px 0 60px;
	line-height:1.4;
	font-size:14px;
}
.inner_ftnav dl{
	float:left;
	width:300px;
}

.inner_ftnav dt{
	float:left;
	padding-right:16px;
	margin-right:15px;
	border-right:1px solid #4d4d4d;
}
.inner_ftnav dd{overflow: hidden; *zoom: 1;}

.sub_head{
	padding:40px 0;
	text-align:center;
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
	margin-bottom:40px;
}
.sub_head h2{
	font-size:28px;
	font-weight:normal;
}

.sub_body{
	margin:auto;
	width:100%;
	max-width:1100px;
}

.sub_body h2{
	margin-bottom:40px;
	text-align:center;
	font-size:40px;
	line-height:1.3;
	font-weight:normal;
}

.thumb{
	margin-bottom:40px;
}

.sub_text{
	margin:0 auto 60px;
	width:90%;
	max-width:900px;
}