@charset "UTF-8";
/*-----------------------*----*----*----*----*----*----*----*----*----* 全称 */
*{
	margin:0;
	padding:0;
	list-style-type: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*,*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	height:100%;
}

body {
	height:100%;
	text-align: center;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	font-size: 14px;	
}



img,table,tr,th,td,figre {
	border: 0px none;
}

strong {
	font-weight:bold;
}

table {
	border-collapse:collapse;
	border-spacing: 0;
}

main {
	display:block;
}

caption,th {
	text-align:left;
}

a {
	display:block;
}



br {
	clear:both;
}

body,header,main,footer,article,section,div,p,h1,h2,ul,li,dl,dt,dd,span,td,th,img{
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

img {
    max-width : 100% ;
    height : auto ;
}
/*-----------------------*----*----*----*----*----*----*----*----*----*----* ID */

/*-----------------------*----*----*----*----*----*----*----*----*----*----* クラス */
/*-----------------------*----*----*----*----*----*----* コンテンツ部分 */
.contents {
	width:100%;
	height:auto;
	margin:0px auto;
	text-align:left;
}

.contents:before,
.contents:after{content:" ";display:table}
.contents:after{clear:both}


/* PC版 */


@media screen and (min-width:960px) {
	.contents {
		max-width:960px;
	}
	.mo {
		display:none;
	}
}

/* スマホ版 */

@media screen and (min-width: 0px) and (max-width:959px){
	.contents {
		max-width:640px;
		margin:0 auto;
		padding:0px 15px 0px 15px; 
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.pc {
		display:none;
	}
}


/* iphone5 320×568 */
@media screen and (min-width: 0px) and (max-width:321px){

}


/*-----------------------*----*----*----*----*----*----*----*----*----* 文字揃え */
.center	{
	text-align:center;
}

.right {
	text-align:right;
}

.left {
	text-align:left;
}

/*-----------------------*----*----*----*----*----*----*----*----*----* フロート */
.float-right {
	float:right;
}

.float-left {
	float:left;
}

.float-none {
	float:none;
}

.clear-right {
	clear:both;
}

.clear-left {
	clear:both;
}

.clear-both {
	clear:both;
}

/*-----------------------*----*----*----*----*----*----*----*----*----* clearfix */

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  

.clearfix { display: block; }  
/* End hide from IE-mac */  


/*-----------------------*----*----*----*----*----*----*----*----*----* ゴシックフォント */
.font-hiraginokakugothic {
  font-family: "ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN",sans-serif;
}

.font-lucidagrande {
  font-family: "Lucida Grande",sans-serif;
}

.font-helvetica {
  font-family: "Helvetica",sans-serif;
}

.font-arial {
  font-family: "Arial",sans-serif;
}

.font-meiryo {
  font-family: "メイリオ","Meiryo",sans-serif;
}

.font-yugothic {
  font-family: "游ゴシック体","YuGothic","游ゴシック","Yu Gothic",sans-serif;
}

/*-----------------------*----*----*----*----*----*----*----*----*----* 明朝フォント */
.font-mincho {
  font-family: "ヒラギノ明朝 ProN","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho","HG明朝E","游明朝体","YuMincho","游明朝","Yu Mincho", serif;
}

.font-hiraginomincho {
  font-family: "ヒラギノ明朝 ProN","Hiragino Mincho ProN", serif;
}

.font-mspmincho {
  font-family: "ＭＳ Ｐ明朝","MS PMincho", serif;
}

.font-hgminchoe {
  font-family: "HG明朝E", serif;
}

.font-yumincho {
  font-family: "游明朝体","YuMincho","游明朝","Yu Mincho", serif;
}

/*-----------------------*----*----*----*----*----*----*----*----*----* 文字サイズ */
.font09 {
	font-size:0.9rem;
}

.font10 {
	font-size:1rem;
}

.font11 {
	font-size:1.1rem;
}

.font12 {
	font-size:1.2rem;
}

.font14 {
	font-size:1.4rem;
}

.font16 {
	font-size:1.6rem;
}

.font18 {
	font-size:1.8rem;
}

.font20 {
	font-size:2.0rem;
}

.font24 {
	font-size:2.4rem;
}

.font26 {
	font-size:2.6rem;
}

.font28 {
	font-size:2.8rem;
}

.font30 {
	font-size:3.0rem;
}

.font36 {
	font-size:3.6rem;
}

/*-----------------------*----*----*----*----*----*----*----*----*----* 文字色 */
.fc-black {
	color:#000000;
}

.fc-white {
	color:#ffffff;
}

.fc-gray {
	color:#666666;
}

.fc-red {
	color:#ff0000;
}

.fc-green {
	color:#00ff00;
}

.fc-blue {
	color:#0000ff;
}

.fc-cyan {
	color:#00aeef;
}

.fc-magenta	{
	color:#ec008c;
}

.fc-yellow {
	color:#ffd400;
}

.fc-purple {
	color:#a757a8;
}

/*-----------------------*----*----*----*----*----*----*----*----*----* 背景色 */
.bgc-black {
	background-color:#000000;
}

.bgc-white {
	background-color:#ffffff;
}

.bgc-gray {
	background-color:#666666;
}

.bgc-red {
	background-color:#ff0000;
}

.bgc-green {
	background-color:#00ff00;
}

.bgc-blue {
	background-color:#0000ff;
}

.bgc-cyan {
	background-color:#00aeef;
}

.bgc-magenta	{
	background-color:#ec008c;
}

.bgc-yellow {
	background-color:#ffd400;
}

.bgc-purple {
	background-color:#a757a8;
}

/*-----------------------*----*----*----*----*----*----*----*----*----* 非表示 */
.none {
	display:none;
}

.hidden {
	visibility:hidden;
}

/*-----------------------*----*----*----*----*----*----*----*----*----* CSSのみによるロールオーバー */
.rollover a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/*-----------------------*----*----*----*----*----*----*----*----*----* JavaScriptによるロールオーバー */
.imgover {
	border: 0px none;
}

/*-----------------------*----*----*----*----*----*----*----*----*----* JavaScriptによるAタグの無効 */
.disable,
.disable_tel {
	border: 0px none;
}