@charset "utf-8";

/*
html {
  scroll-behavior: smooth;
}*/


.mt10{
	margin-top:10px;
}

.mt15{
	margin-top:15px;
}

.mt20{
	margin-top:20px;
}

.mt25{
	margin-top:25px;
}

.mt30{
	margin-top:30px;
}

.mt35{
	margin-top:35px;
}

.mt40{
	margin-top:40px;
}


.mb10{
	margin-bottom:10px;
}

.mb15{
	margin-bottom:15px;
}

.mb20{
	margin-bottom:20px;
}

.mb25{
	margin-bottom:25px;
}

.mb30{
	margin-bottom:30px;
}

.mb35{
	margin-bottom:35px;
}

.mb40{
	margin-bottom:40px;
}

.pd{
	padding:0 !important;
}

.pl0{
	padding-left:10px;
}


*:hover{
	transition: all  0.2s ease;
}


/* Bootstrapのガター幅を調整するための汎用CSS */
.row-0{ 
	margin-left:0px;
	margin-right:0px;
}
	
.row-0 >div{
	padding-right:0px;
	padding-left:0px;
}

.row-5{
	margin-left:-2.5px; 
	margin-right:-2.5px;
}

.row-5 >div{
	padding-right:2.5px; 
	padding-left:2.5px;
}

.row-10{
	margin-left:-5px; 
	margin-right:-5px;
}

.row-10 >div{
	padding-right:5px; 
	padding-left:5px;
}

.row-15{
	margin-left:-7.5px; 
	margin-right:-7.5px; 
}

.row-15 >div{
	padding-right:7.5px; 
	padding-left:7.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;
}

.row-50{
	margin-left:-25px;
	margin-right:-25px;
}

.row-50 >div{
	 padding-right:25px;
	 padding-left:25px
}



.row-20-0,
.row-20-5,
.row-20-10{
	margin-left:-10px;
	margin-right:-10px;
}
.row-20-0,
.row-20-5,
.row-20-10 >div{
	padding-right:10px;
	padding-left:10px;
}

.row-30-0 >div{
	padding-right:30px;
	padding-left:30px;
}

@media (min-width: 1200px){
	.row-24-10{
		margin-left: -27px;
		margin-right: -27px;
	}
	.row-24-10 >div{
		padding-right:12px;
		padding-left:12px;
	}
}
@media (max-width: 767px){
	.row-20-0{ 
		margin-left:0px;
		margin-right:0px;
	}
	.row-20-0 >div{
		padding-right:0px;
		padding-left:0px;
	}
	.row-20-10{
		margin-left:-5px; 
		margin-right:-5px;
	}
	.row-20-10 >div{
		padding-right:5px; 
		padding-left:5px;
	}
	.row-20-5{
		margin-left:-2.5px; 
		margin-right:-2.5px;
	}
	.row-20-5 >div{
		padding-right:2.5px; 
		padding-left:2.5px;
	}
	.row-24-10{
		margin-left: -5px;
		margin-right: -5px;
	}
	.row-24-10 >div{
		padding-right:5px;
		padding-left:5px;
	}
	.row-30-0 >div{
		padding-right:15px;
		padding-left:15px;
	}
}



i{
	margin-right:5px;
}


/* API Loading Animation
******************************************/
.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(192,192,192, 0.2);
  border-right: 1.1em solid rgba(192,192,192, 0.2);
  border-bottom: 1.1em solid rgba(192,192,192, 0.2);
  border-left: 1.1em solid #c0c0c0;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media(min-width : 992px) {
/* PC用 */


	.onlypc{
		display:block;
	}
	.onlytab{
		display:none;
	}
	
	.smtab{
		display:none;
	}

}

@media(max-width : 991px) {
/* タブレット以下 */


	.onlypc{
		display:none !important;
	}
	
	.smtab{
		display:block;
	}


}



@media only screen and (min-width : 768px) and (max-width : 991px) {
/* タブレットのみ用 */


	.onlytab{
		display:block;
	}

}

@media(min-width: 768px){
/* タブレット以上 */

	.pctab,
	.onlypctab{
		display:block;
	}

	.onlysm{
		display:none;
	}

}




@media(max-width:767px) {
/* スマホ用 */

	.pctab,
	.onlypctab{
		display:none;
	}
	.onlytab{
		display:none;
	}
	
	.onlysm{
		display:block;
	}
	
}