@charset "UTF-8";

/*------------------------------------------------------------------------------
	Hamamatsu-shi ninteinogyosha kyogikai - Structure CSS
	URL: http://www.ninteikyo.com/
	Date: 2015-04-13
	Copyright (C) Hamamatsu-shi ninteinogyosha kyogikai All Rights Reserved.
------------------------------------------------------------------------------*/

html.mobile .vg,
html.mobile .pan{	
	display:none;
}
@font-face{
font-family:'hanazome';
src:
url('../../../shared/font/hanazome.woff') format('woff'), /* モダンブラウザ用 */
url('../../../shared/font/hanazome.ttf') format('truetype'); /* iOS, Android用 */
font-weight: normal;
font-style: normal;
}
#siteTitle,
h1#pageTitle,
.entry h2,
nav li a,
 footer dt,
footer dd#telArea{
font-family: 'hanazome';
}

/* #wrapper */
div#wrapper{
	width: auto;
	margin:0 auto;
	line-height:1.5;
	background:url(../img/bg_header_tree.png) no-repeat left top;
	background-size:22% auto;
}

#facebookBox{
	padding:0 2.8%;
	margin-bottom:5%;
}

/* facebook */
div.fb-like-box,
div.fb-like-box iframe[style],
div.fb-like-box span {
	width: 100% !important;
}


/*==============================================================
	#header : ヘッダ
===============================================================*/

header{
	background:url(../../../shared/img/bg/bg_top_wave.png) repeat-x left -14px;
}
header #siteTitle{
	margin-bottom: 0 !important;
	padding:5.6% 0 3.5% 3.2% !important;
	width:65% !important;
	font-weight:bold;
	font-size:1rem;
	display:inline-block;
}

header ul#subNav{
	float:right;
	margin:7.5% 3.2% 0 0;
	width:28%;
}

header #siteTitle img,
header ul#subNav li img{
	width:100%;
	height:auto;	
}
h1#pageTitle{
	padding:5%;
	margin-bottom:5%;
	font-size:2.6rem;
}
#hdNinteikyo{
	display:inline-block;
	float:right;
	width:27%;
	margin-right:2.4%;
}
#hdNinteikyo img{
	width:100% !important;
	height:auto;
}


/* #globalNav 
----------------------------------------------------*/
header nav{
	background:url(../img/bg_gnavislash_top.png) repeat-x left top,
	url(../img/bg_line_width.png) repeat-x left bottom;
	background-color:#fff;
	margin-bottom:4.8%;
}
header ul#globalNav{
	display: flex;
	flex-wrap: wrap;
	width:100%;
	padding:10px 0 0;
	overflow:hidden;
	background:
}

header ul#globalNav:after {
  content: "";
  clear: both;
  display: block;
}

header ul#globalNav li{
	/*width:29%;*/
	width:50%;
	display:block;
	vertical-align:middle;
	text-align:center;
	box-sizing: border-box;
	zoom: 1;
}

header ul#globalNav li:nth-child(-n + 2){
	background: url(../img/bg_line_width.png) repeat-x left bottom;
}
header ul#globalNav li:nth-child(2){
/*	width:39%;*/
	background:url(../img/bg_line_width.png) repeat-x left bottom,url(../img/bg_line_height.png) repeat-y left top;
}
header ul#globalNav li:nth-child(4){
	/*	width:39%;*/
		background:url(../img/bg_line_height.png) repeat-y left top;
	}
header ul#globalNav li a span{
	display:inline-block;
	padding:0 3px;
	background:url(../img/bg_gnavi_yellow.png) repeat-x left bottom;
}
header ul#globalNav li a{
	height: 100%;
	display: block;
	color:#000;
	padding:7% 1% 10%;
	text-decoration:none;
	font-size:1.55rem;
}
/*==============================================================
	#main : メイン
===============================================================*/
#main {
	padding:3.2%;
}
#main img{
	width:100% !important;
	height:auto;
}
/*==============================================================
	#linkBnr : リンクバナー
===============================================================*/

#linkBnr{
	margin:3.2%;	
}

#linkBnr li{
	float:left;
	width:48%;	
}

#linkBnr li img{
	width:100%;
	height:auto;	
}

#linkBnr li:last-child{
	float:right;	
}

/*==============================================================
	#footer : フッタ
===============================================================*/
.toTop {
	position: static;
	text-align:center;
}
.toTop img{
	width:85%;
	height:auto;
}

footer{
	position:relative;
	padding-top:5%;
	background: none;
}
#ftBox {
	background: none;
}
footer a{
	text-decoration:none;	
}

footer #footerNav{
	padding:3.2%;	
}

footer #txtNav{
	background:#fff;
	text-align:center;
	padding:3.3%;
}

footer #txtNav li a{
	white-space: nowrap;
}


footer dl{
	color:#fff;
	text-align:center;
	background:url(../../../shared/img/bg/bg_footer.png) repeat-x left bottom;
	background-size:auto 100%;
	padding:4.8% 0;

}

footer dl dt{
	margin-bottom:-5%;
	background:url(../img/bg_fttel_dotted.png) repeat-x left bottom;
	padding-bottom:2%;
	font-size: 1.9rem; /* 19px */
	width:85%;
	margin:0 auto;
}
footer dl dd#telArea{
	margin-bottom:-3%;
	color:#f0e9d6;
	font-size: 4.5rem; /* 45px */
}
footer dl dd#telArea a{
	color:#f0e9d6;
}
footer dl dd#telArea span{
	font-size: 1.6rem; /* 14px */
}
footer address p#toPc{
	float:right;
	width:26%;
}

footer address p#toPc a{
	display:block;
	padding:5% 3%;
	font-size: 1.2rem; /* 12px */
	border:2px solid #b7b793;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	text-align:center;
	color:#99907a;
	background: -moz-linear-gradient(top,  #f1f1e0 5%, #e9e8d5 50%, #f1f1e0 95%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#f1f1e0), color-stop(50%,#e9e8d5), color-stop(95%,#f1f1e0));
}

footer p#copyright{
	width: 100%;
	clear:both;
	margin-top: 0;
	padding:1% 0;
	text-align:center;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8rem; /* 8px */
	background:#fff;
	float: none;
}

#outerPagetitle {
	margin-top: 0;
}

#snsBtn li{
	float:left;
}

#textNav{
	clear:both;
	padding:4%;
	margin:0;
	text-align:center;
	background:#fff;
}
#textNav li{
	display:inline-block;
	width:40%;
	padding:0 15px;
}
#textNav li#hamamatsucity a{
	display:block;
	padding:4px;
	border:1px solid #a8aaa7;
}
#textNav li#hamamatsucity img{
	width:100%;
	height:auto;
}
li#toPc{
	padding:5px;
	color:#fff;
	border-radius:5px;
	background:#badc91;
	background-image:none !important;
}

#textNav li a{
	color:#000;
}


@media only screen and (orientation : landscape){


header ul#globalNav li{
	margin-left: -2.2%;
}

h1#pageTitle{
	font-size:3.6rem;
}

li#toPc{
	padding:3px;
}

header ul#globalNav li:nth-child(3n){
	width:36%;
}

header ul#globalNav li a{
	height: 100%;
	display: block;
	color:#000;
  padding: 7% 1% 10%;
	text-decoration:none;
	font-size:2.50rem;
}



footer dl dt{
	margin-bottom:-2%;
}
footer dl dd#telArea{
	margin-bottom:-1%;
}

footer p#copyright{
	font-size: 1.2rem; /* 12px */
}

}



/*--EOF-----------------------------------------------------------------------*/