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

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

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;
}
.img100	{ width: 100%; }
.header	{ text-align: right; display: block; }
.header .logo	{ margin: 20px 0 0; display: inline-block; }
@media (max-width: 768px) {
	.header	{ text-align: center; display: block; }
	.header .logo	{ margin: 5px 0 auto; display: inline-block; }
}




.title	{ }
.title h1	{ font-size: 28px; color:#000; font-weight: bolde; padding: 15px 0 20px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; }
.title h1 span	{ white-space: normal; }
@media (max-width: 767px) {
	.title	{ text-align: center; }
	.title h1	{ font-size: 20px; color:#000; margin:20px 0 0; font-weight: bold; padding:0; }
	.title h1 span	{ white-space: nowrap; }
}

.title	{ margin: 0 0 15px; }
.title h2	{ font-size: 22px; color:#000; font-weight: bold; text-align: center; padding: 10px 10px 0; }
.title h2	{ border-top: 1px solid black; margin:50px 0 0; text-align:center; padding:0; height:10px; }
.title h2 span	{ position: relative; top: -12px; padding: 0 20px; background:#fff; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; }
@media (max-width: 767px) {
	.title h2	{ font-size: 16px; color:#000; margin:30px 0 0; font-weight: bold; text-align: center; padding: 10px 10px 0; }
	.title h2 span	{ position: relative; top: -18px; padding: 0 20px; background:#fff; }
}

.clm4	{ padding: 0 3%; }
@media (max-width: 767px) {
	.clm4	{ padding: 0; }
}
.clm2	{ padding: 0 16%; }
@media (max-width: 767px) {
	.clm2	{ padding: 0; }
}

.mainwk	{ background-color: #f2f5f6; }
.main	{ padding: 20px 20px 0px; }
.maincp	{ text-align: center; padding: 30px 100px; }
@media (max-width: 767px) {
	.main	{ padding: 10px 10px 0px; }
	.maincp	{ padding: 10px; }
}

.subcp	{ font-size: 0.95em; font-weight: normal; line-height: 1.5em; padding: 0; }
.subcp span	{ white-space: normal; }
@media (max-width: 767px) {
	.subcp	{ font-size: 0.7em; text-align: left; }
	.subcp span	{ white-space: normal; }
}

.itemsetA	{ color:#000000; background: #ffffff; text-align: center; margin-bottom: 10px; padding: 10px; }
.itemsetA p	{ margin: 0 0 5px; padding: 0; font-size: 11px; display: block; }
.itemsetA p img	{ margin: 0 auto 10px; padding: 0 20px;}
.itemsetA p.name	{ font-size: 11px; font-weight: bold; }
@media (max-width: 767px) {
	.itemsetA	{ padding: 5px; }
	.itemsetA p img	{ margin: 0 auto 5px; }
}

.spModel	{ text-align: center; }
.spModel p	{ margin: 0; padding: 0; font-size: 11px; display: block; }
.spModel p.name	{ font-size: 11px; font-weight: bold; }

strong.sptitle	{ text-align: center; padding: 0 0 10px; display: block; }


.logoPtArea	{ background-color: rgba(255,255,255,0.8); 
	margin-top: 30px;
	padding: 15px;
	/* border-radius: 30px; */
	/* -webkit-border-radius: 30px; */
	/* -moz-border-radius: 30px; */
}
@media (max-width: 767px) {
	.logoPtArea	{ background-color: rgba(255,255,255,0.8); 
		margin-top: 10px;
		padding: 5px;
		/* border-radius: 3px; */
		/* -webkit-border-radius: 3px; */
		/* -moz-border-radius: 3px; */
	}
}




.footArea	{ color: #000; font-size: 10px; text-align: center; padding: 70px 0 130px; }
@media (max-width: 767px) {
	.footArea	{ color: #000; font-size: 8px; text-align: center; padding: 25px 0 100px; }
}
a span.btnn {
    color: #fff;
	font-weight: bold;
    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;
    background-color: #fff;
    text-align: center;
    margin-top: 10px;
}



/*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 { bottom: 0; right: 0; padding: 10px 20px; background: #000000; color: #fff; font-size: 1.2em; font-weight: bold; text-decoration: none; text-align: center; width: 100%; }
}
@media (min-width: 768px)	{ 
	#scrollUp { bottom: 20px; right: 20px; padding: 10px 20px; 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: 410px)	{ .pconly { display: none; } }
@media (min-width: 410px)	{ .pconly { display: block; } }
@media (max-width: 410px)	{ .sponly { display: block; } }
@media (min-width: 410px)	{ .sponly { display: none; } }


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