@charset "utf-8";
/*----------------------------------------------------------------------------
text set
----------------------------------------------------------------------------*/


body{
	
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family: 'Open Sans','Noto Sans Japanese' sans-serif;
	font-family: 'Noto Sans Japanese', sans-serif;
    font-family: 'Josefin Sans';
		color:#0B1958;
	font-size:14px;
	background:#FFF;
	letter-spacing:0.1em;
	height:100%;
	width:100%;
		box-sizing:border-box;

	
}
body    {
display:none
}

.container{ position:relative; z-index:1;margin: 0;	
min-height: 100%;
}


a{
	color:#000;
	text-decoration: none;
	
	}
#gnav a:hover{
/*	border-bottom:2px solid #020b39;
*/	
	}
	
#gnav a{ color:#000; font-weight:600;}	
#gnav li{ display:inline-block; margin-left:30px; font-size:18px;}
	
	
        #gnav li{
            position: relative;
            z-index: 10;
			text-align:left;
			
            
        }

           
	
	
			
            	
	
	
.opa {opacity:0.5;}


a:hover img{
	 filter: alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:0.75;
	}
	
a:hover img.over{
	 filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
	}
	
h1 a:hover img{
	 filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
	}
	
	
#sns a:hover img{
	 filter: alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
	}
	
	
	.box{box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;}

	
	
	
.container{ max-width:1140px; margin:0 auto; padding:0 30px; min-height:100%;}
#hedder	{ padding-top:58px;}
#hedder	h1{ float:left;}
#hedder	#gnav{ float: right; padding-top:18px;}
#hedder	h1 img{ width:182px; height:auto;}








footer{ bottom:73px; max-width:1140px; margin:0 auto; width:100%; padding-right:30px; }
#footinner{ max-width:1140px; margin:0 auto;  position:relative;}

#infArea{color:#000; font-weight:600; letter-spacing:0.2em; line-height:24px; display: inline-block; float:left;}
#info{ padding-bottom:24px; position:relative;}
#info:after{content:""; width:25px; height:1px; background:#fff; position:absolute; left:0; bottom:0;}
#opens{ padding-top:24px;}
	
#copyright{   text-align:right;  color:#000; font-size:10px; font-weight:600; padding-top:80px; padding-bottom:20px;} 




#main{ width:100%; position:relative; margin-top:18px; margin-bottom:70px;}
#main img{ width:100%;}
#main #infArea { position:absolute; left:20px; bottom:20px; color:#fff;}

.sideTit{ font-size:24px; font-weight:800; float:left; width:222px; text-align:center; }
.content{ width:74%;; float:right; font-size:12px; color:#000; line-height:24px;}


.content article{ padding-bottom:93px;}
.content article h2{ font-size:18px; font-weight:600; margin-bottom:50px;}



.contentL{ float:left; width:27.55%;}
.contentR{ float: right; width:61.86%;}


.menucon .contentL{ float:left; width:43%;}
.menucon .contentR{ float: right; width:48%; }


img{ max-width:100%;}

/* PagiNation
--------------------------- */
.pagiNation {
	bottom: 30px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: fixed; /* absolute or fixed */
	z-index: 110; /* 非表示にする場合は「90」以下に */
 	visibility: visible; /* 非表示にする場合は「hidden」に */
}

.pagiNation a {
	margin: 0 5px;
	width: 20px;
	height: 20px;
	display: inline-block;
	overflow: hidden;
	background: #000;
}
.pagiNation a.pnActive {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}



.menuList{}
.menuList dl{ border-bottom:1px dashed #ccc; padding-bottom:10px; margin-bottom:10px;}
.menuList dt{ float:left;}
.menuList dd{ float:right; text-align:right;}
.center{ text-align:center;}

.atd{ font-size:10px; color:#ccc;}


#map{ width: 100%; height: 350px;}


/* Wrapper
--------------------------- */
#wrapper {
	width: 100%;
	text-align: left;
	background: #fff;
	position: relative;
	
}

/* =======================================
	ClearFixElements
======================================= */
.fullSlideShow ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
.fullSlideShow ul {
	display: inline-block;
	overflow: hidden;
}
/*----------------------------------------------------------------------------
clearfix
----------------------------------------------------------------------------*/


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


	#pcnav{ width:960px; margin:0 auto;}
#pcnav li{ float:left;}


@media screen and (min-width: 641px){
	
	
	#hedder{ position:relative;}
	#snsnav{ position:absolute; right:0; top:35px;}
	#snsnav li{ float:left; padding-left:15px;}
        #gnav li::before {
            content: '';
            background-color: #000;
            position: absolute;
			bottom:-3px;
			left:0;
            width: 0px;
            height: 2px;
            z-index: -1;
            transition: all .3s ease;
            -webkit-transition: all .3s ease;
        }
       #gnav li:hover::before {
			width:100%;
            }


.sp{ display:none;}
}


/*------------------sp--------------------------*/


@media only screen and (max-width: 640px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}


#hedder	h1{ width:140px; margin:0; float:none;}
#hedder	#gnav{ float:none;}
.pc{ display:none;}
.spftLink{ margin-top:30px;}
.spftLink li{ float:left; width:50%; border-left:1px solid #FFF;
box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;}
.spftLink li.sptel{ border-right: 1px solid #FFF; border-left:none;
box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;}
	#main{ margin-bottom:30px;}
	.content article{ padding-bottom:40px;}
	.content article h2{ margin-bottom:20px;}
	#hedder{ padding-top:30px;}
	
	#gnav li{ margin-left:0; margin-right:0; font-size:16px; margin-top:20px; font-size:20px;font-size: 20px;
    width: 48%;
    text-align: center;}
	#infArea{ display:none;}
	
	.container{padding: 0 15px; width:100%; box-sizing:border-box; overflow:hidden;}
	
	.sideTit{ float:none; width:100%; margin-bottom:20px;}
	.content{ float:none; width:100%;}
	
	.menucon .contentL{ float:none; width:100%; margin-bottom:20px;}
.menucon .contentR{  float:none; width:100%}

#map{ width: 100%; height: 200px;}

	#hedder{ position:relative;}
	#snsnav{ position:absolute; right:0; top:35px;}
	#snsnav li{ float:left; padding-left:8px; width:28px;}


	
	}
	


/*------------------ipad--------------------------*/


@media only screen
 and (min-device-width: 760px)
 and (max-device-width: 1024px) {
	 
	 #wrapper,#firstarea,.contents,#header,.flexsliderWrap,body,#footer,#wrapper { min-width:1200px; overflow:auto;}
	 #header,#foote,#wrapper{ overflow:visible;}
	 .flexslider{ margin-bottom:0 !important;}

	 
	 .fullSlideShow { display:none !important;}
	 #loader,#fade{ display:none;}
	 .flexsliderWrap{ display:block !important; min-width:1200px; z-index:-1; width:100%; height:auto; overflow:hidden; }
	 .flexsliderWrap ul{}
	 #gnav{top:0;}#wrapper{ margin-top:0;}
	 #firstarea{ height:40px; background-color: transparent;}
	 #header h1{ width:135px;}
	 
	 
	 
	
	 
	 
}