body	{ color: #000; background-color: #fff; font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",sans-serif; }

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 990px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1100px;
  }
}
a:hover img {
opacity: .7;
-webkit-opacity: .7;
-moz-opacity: .7;
filter: alpha(opacity=70);	/* IE lt 8 */
-ms-filter: "alpha(opacity=70)"; /* IE 8 */
}
a img {
-webkit-transition: opacity 0s ease-out;
-moz-transition: opacity 0s ease-out;
-ms-transition: opacity 0s ease-out;
transition: opacity 0s ease-out;
}

a, a:link, a:visited, a:active {
    color: #000;
    text-decoration: none;
}
a:hover {
    color: #1c8cff;
}

.header	{ border-bottom: 5px solid #000; }
.main h4	{ padding: 20px 0 10px; }
.main p	{ color: #333; font-size: 0.8em; }
@media (max-width: 768px) {
	.main h4	{ padding: 10px 0 5px; }
	.main p	{ color: #333; font-size: 0.7.3em; }
}

.logolist	{ padding-bottom: 50px; }
@media (max-width: 768px) {
	.logolist	{ padding-bottom: 10px; }
}
.logolink a	{ text-align: center; margin: 0 0 10px; border: solid 1px #000000; display: block; }
.logolink a:hover	{ border: solid 1px #0391e4; }
.logolink a img	{ margin: 0 auto; }
.splistitle	{ padding: 10px 0 5px; }

.splistable table	{ font-size: 0.7em; width:100%; color: #333; background-color: #fff; border-bottom: 1px solid #090909; }
.splistable table th	{ color: #fff; font-weight: bold; background-color: #666; text-align: center; border-right: 1px solid #fff; }
.splistable table .wt01	{ width:38%; }
.splistable table .wt02	{  }
.splistable table .wt03	{ width:38%; }
.splistable table .wt04	{  }
.splistable table .wt05	{ width:10%; }
@media (max-width: 767px) {
	.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 3px; }
}



.footArea	{ color: #999; font-size: 10px; text-align: center; padding: 25px 0 100px; }
@media (max-width: 767px) {
	.footArea	{ color: #999; font-size: 8px; text-align: center; padding: 25px 0 100px; }
}


a span.btnn {
    color: #fff;
    font-size: 76%;
    background-color: #000;
    text-align: center;
    margin-top: 10px;
    padding: 2px 24px;
    display: inline-block;
    border: solid 1px #000;
}
a:hover span.btnn {
    color: #000;
    font-size: 76%;
    background-color: #fff;
    text-align: center;
    margin-top: 10px;
    padding: 2px 24px;
    display: inline-block;
    border: solid 1px #000;
}


/*min-widthの指定 (数字に指定したところから) */
@media (min-width: 768px) {/*幅768px以上で適用されるスタイル*/}
@media (min-width: 992px) {/*幅992px以上で適用されるスタイル*/}
@media (min-width: 1200px) {/*幅1200px以上で適用されるスタイル*/}

/*max-widthの指定 (数字に指定したところまで)*/
@media (max-width: 1199px) {/*幅1199px以下で適用されるスタイル*/}
@media (max-width: 991px) {/*幅991px以下で適用されるスタイル*/}
@media (max-width: 767px) {/*幅767px以下で適用されるスタイル*/}



/* ------------ GO TOP ------------- */
@media (max-width: 767px) { 
	#scrollUp { font-size: 13px; font-weight: bold; bottom: 0; right: 0; padding: 10px 20px; background: #000000; color: #fff; text-decoration: none; text-align: center; width: 100%; }
}
@media (min-width: 768px)	{ 
	#scrollUp { font-size: 13px; font-weight: bold; bottom: 20px; right: 20px; padding: 5px 15px; background: #000000; color: #fff; }
}
a#scrollUp:link, 
a#scrollUp:visited, 
a#scrollUp:hover, 
a#scrollUp:active	{ text-decoration: none; }
a#scrollUp:hover, 
a#scrollUp:active	{ background: #333333; }


/* ------------ BLOCK ------------- */
@media (max-width: 767px)	{ .pconly { display: none; } }
@media (min-width: 768px)	{ .pconly { display: block; } }


/* ------------ GRID GUTTER ------------- */
.row-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.row-0 > div {
  padding-right: 0px;
  padding-left: 0px;
}
.row-4 {
  margin-left: -2px;
  margin-right: -2px;
}
.row-4 > div {
  padding-right: 2px;
  padding-left: 2px;
}
.row-10 {
  margin-left: -5px;
  margin-right: -5px;
}
.row-10 > div {
  padding-right: 5px;
  padding-left: 5px;
}
.row-20 {
  margin-left: -10px;
  margin-right: -10px;
}
.row-20 > div {
  padding-right: 10px;
  padding-left: 10px;
}
.row-30 {
  margin-left: -15px;
  margin-right: -15px;
}
.row-30 > div {
  padding-right: 15px;
  padding-left: 15px;
}
.row-40 {
  margin-left: -20px;
  margin-right: -20px;
}
.row-40 > div {
  padding-right: 20px;
  padding-left: 20px;
}

@media (min-width: 768px) { 
	.no-gutter > [class*='col-'] {
	    padding-right:0;
	    padding-left:0;
	}
}
@media (min-width: 991px) { 
	.no-gutter > [class*='col-'] {
	    padding-right:0;
	    padding-left:0;
	}
}

@media (max-width: 767px) { 
.under-05, 
.under-10, 
.under-15, 
.under-20, 
.under-30, 
.under-40	{ margin-bottom: 5px; }
}
@media (min-width: 768px) { 
.under-05	{ margin-bottom: 5px; }
.under-10	{ margin-bottom: 10px; }
.under-15	{ margin-bottom: 15px; }
.under-20	{ margin-bottom: 20px; }
.under-30	{ margin-bottom: 30px; }
.under-40	{ margin-bottom: 40px; }
}
@media (min-width: 991px) { 
.under-05	{ margin-bottom: 5px; }
.under-10	{ margin-bottom: 10px; }
.under-15	{ margin-bottom: 15px; }
.under-20	{ margin-bottom: 20px; }
.under-30	{ margin-bottom: 30px; }
.under-40	{ margin-bottom: 40px; }
}

/* ------------ clearfix ------------- */
span.clearfix	{ display:block; }
.clearfix:after	{ content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:0; }
.clearfix	{ *overflow:hidden; *zoom:1; }
.clearfix:not(:target)	{ /* overflow:hidden\9; */ /* zoom:1\9; */ }
* html .clearfix	{ height:1%; overflow:visible; }