@charset "utf-8";

:root{
	--font-family-shippori: 'Shippori Mincho B1', serif;
}

/*-----------------------------------------------------*/
/* PC版 基本スタイル
/*-----------------------------------------------------*/

.clearfix {
	display: block;
}

.sp {
	display:none;
}

#container_f{
	width:100%;
	margin:0 auto;
	text-align:left;
}

.inner{
	width: 1260px;
	margin: 0 auto;
	font-family: var(--font-family-shippori);
	
}

ul#gnavi.menu6 li{width:15%;}



#footer.clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}


#footer_link {
    min-width: auto;}

	.under980 {
		display: none;
	}


/*     パンくず
------------------------------------------*/

div#bread{
	float:left;
	margin:6px 0 0 5px;
}

div#bread p.crumbs{
	font-size:10px;
}

/*    IE用　　*/
div#bread{
	margin/*\**/: 0 0 0 5px\9;
}


/*--------------------------------------------------------------------*/
/* G-Naviのスタイル
/*--------------------------------------------------------------------*/

ul#gnavi{
	display:block;
	margin:15px auto;
	border-right:1px solid #E4E4E4;
}

ul#gnavi li{
	float:left;
	padding:5px 0.7% 0 0.7%;
	text-align:left;
	border-right:1px solid #E4E4E4;
}

ul#gnavi li:first-child{
	border-left:1px solid #E4E4E4;
}

ul#gnavi li:last-child{
	border-right:none;
}

ul#gnavi.menu6 li{width:15%;}
ul#gnavi.menu5 li{width:18.4%;}
ul#gnavi.menu4 li{width:23.4%;}
ul#gnavi.menu3 li{width:31.7%;}
ul#gnavi.menu2 li{width:48.4%;}

ul#gnavi li a{
	display:block;
	width:100%;
	padding-bottom:10px;
	border-bottom:3px solid #CCCCCC;
	text-decoration:none;
}

ul#gnavi li a:link{color:#454545;}
ul#gnavi li a:visited{color:#454545;}
ul#gnavi li a:hover{color:#DD0000;}

ul#gnavi li.selected a{
	border-bottom:5px solid #0086CD;
	color:#0086CD;
}

ul#gnavi li strong{
	display:block;
	margin-top:3px;
	font-size:140%;
}



@media screen and (max-width:1260px){
	.inner{
	width: auto;
	}
} 

@media screen and (max-width:1050px){


}

@media screen and (max-width:980px) {
  #container_f{
    margin: 18px auto 0;
  }

  
  .inner{
    width: auto;
    margin: 0 3vw;
  }

}

	


@media screen and (max-width:640px) {
 
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }


  #footer {
    display: none;
  }

  header.common .logo {
    float: left;
    width: 275px;
  }
  header.common .navi li {
    float: right;
    padding-top: 15px;
  }

  #container_f{
    width:100% !important;
    position:relative;
    margin: 0;
  }



}