body	{ color: #fff; background-color: #000; 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: 900px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 932px;
  }
}
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;
}


.listimg	{ position: relative; margin: 1px 0; }
.listimg img.listimg	{ width: 100%; }
.listimg img.new	{ position: absolute; top: 0; left: 0; }
@media (max-width: 992px) {
	.listimg img.listimg	{ width: 100%;}
}



.header	{ margin: 60px 0 15px 0; }
@media (max-width: 768px) {
	.header	{ margin: 30px 0 15px 0; }
}

.footer { text-align: center; margin: 0; padding: 200px 0 50px 0; font-size: 10px; line-height: 150%; color: #FFFFFF;}
@media (max-width: 768px) {
	.footer { text-align: center; margin: 0; padding: 30px 0 60px 0; font-size: 9px; line-height: 150%; color: #FFFFFF;}
}



/*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; }