@charset "utf-8";
/*------------------------------------------------------------------------
Bootstrap Grid size
--------------------------------------------------------------------------*/
@media (min-width: 576px) {
  .container { max-width: 540px; }
}

@media (min-width: 768px) {
  .container { max-width: 760px; }
}

@media (min-width: 992px) {
  .container { max-width: 980px; }
}

@media (min-width: 1200px) {
  .container { max-width: 1140px; }
}


/*------------------------------------------------------------------------
Body
--------------------------------------------------------------------------*/
body { color:#333; ont-family: 'Noto Sans JP' , 'メイリオ', Meiryo, "YuGothic", "游ゴシック","游ゴシック体", "Lucida Grande",  'Osaka', "Verdana", sans-serif, ; font-weight: 500; line-height:1.7;  }
#body		{}

a										{ color:#0000de; text-decoration:underline;}
a:hover					{ color:#0000de; text-decoration:underline; }
a:visited				{ color:#6e2d93; text-decoration: underline; }
a:active				{ color:#009999; text-decoration: underline; }

a:active, a:focus 	{ outline:0;}

/*------------------------------------------------------------------------
Header Text
--------------------------------------------------------------------------*/
h1  { font-size: 1.7rem !important;  font-weight: bold; color: #333; }
h2  { font-size: 1.4rem !important;  font-weight: bold; color: #333; }
h3  { font-size: 1.2rem !important;  font-weight: bold; color: #333; }



/*------------------------------------------------------------------------
Font
--------------------------------------------------------------------------*/
.displayNone							{ display:none; }
.text_size85							{  font-size: 0.85rem; }
.text_size150							{  font-size: 1.5rem; }

.txt_pcNone 	{ display:none; }
.txt_spNone 	{ display:block; }

@media screen and (max-width: 991px)
{
  .txt_pcNone 	{ display: inline; } 
  .txt_spNone 	{ display: none; }
}

/*------------------------------------------------------------------------
Display None
--------------------------------------------------------------------------*/
.pcNone 	{ display:none; }
.spNone 	{ display:block; }

@media screen and (max-width: 991px)
{
.pcNone 	{ display:block; }
.spNone 	{ display:none; }
}


/*------------------------------------------------------------------------
Size
--------------------------------------------------------------------------*/
.w-90							{  width : 90%;  }


/*------------------------------------------------------------------------
Table
--------------------------------------------------------------------------*/
/*IE6hack*/*html body table 	{ width: 99%;  } 
table							{ border:0; border-collapse: collapse; font-size: 100%; }

table.tb_type1           { width : 100%;  }
table.tb_type1 th       { padding: 8px; background-color: #f5f5f5; vertical-align: middle;  font-weight: bold;   }
table.tb_type1 td       { padding: 8px; border-bottom: 1px solid #f5f5f5;  }

table.tb_type2           { width : 100%;  }
table.tb_type2 th       { padding: 6px; border: 2px solid #fff;background-color: #f5f5f5; vertical-align: middle;  font-weight: bold;   }
table.tb_type2 td       { padding: 6px; border: 2px solid #fff;  }

@media screen and (max-width: 990px) 
{
table.tb_type2									 { margin-left: auto; margin-right: auto;  }
table.tb_type2 th								 { width: 100%; padding: 3px; display: none; border: none;  font-weight: bold;  }
table.tb_type2 td								{ width: 100%; padding: 3px;  display: block; border: none; }
table.tb_type2 td:last-child				{ border-bottom: 1px solid #ccc; margin: 0 0 1em 0;  padding: 0 0 2em 0;  text-align: center;  }
 }








