@charset "UTF-8";

.font_gray01{
  color: #666666 !important;
}

.font_cabin{
  font-family: 'Cabin', sans-serif !important;
}
/* bg
===========================================================*/

.bg_gray01{
  background-color: #ebebeb !important;
}

/* transision
===========================================================*/

.transition{
	transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
}

/* ボーダーボックス
===========================================================*/

.border-box{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* background-cover
===========================================================*/

.img_cover{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-color: #eeeeee;
}

/* opacity
===========================================================*/

.opacity000{
	-ms-filter: "alpha(opacity=0)" ;
	-khtml-opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
 }
.opacity100{
	-ms-filter: "alpha(opacity=100)" ;
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;	
}

/* clearfix
===========================================================*/
.clearfix:after {
  content: "."; 
  display: block;
  clear: both;
  visibility: hidden;
  height:0;}
.clearfix {
  min-height: 1%;
}

* html .clearfix {
  height: 1%;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* white-space
===========================================================*/

.ws-nowrap{ white-space: nowrap; !important}

@media all and (min-width: 951px) {
  .pc_ws-nowrap{ white-space: nowrap; !important}
}

/* pad */
@media all and (min-width: 701px ) and (max-width: 950px) {
  .pad_ws-nowrap{ white-space: nowrap; !important}
}

/* sp */
@media all and (max-width: 700px) {
  .sp_ws-nowrap{ white-space: nowrap; !important}
}

/* float
===========================================================*/

.flR { float: right !important;}
.flL { float: left !important;}
.clear { clear: both !important;}

/* pc */
@media all and (min-width: 951px) {
.pc_flR { float: right !important;}
.pc_flL { float: left !important;}
.pc_clear { clear: both !important;}
}

/* pad */
@media all and (min-width: 701px ) and (max-width: 950px) {
.pad_flR { float: right !important;}
.pad_flL { float: left !important;}
.pad_clear { clear: both !important;}
}

/* sp */
@media all and (max-width: 700px) {
.sp_flR { float: right !important;}
.sp_flL { float: left !important;}
.sp_clear { clear: both !important;}
}

/* .block
===========================================================*/

.block{ display: block !important; }

/* pc */
@media all and (min-width: 951px) {
.pc_block{ display: block !important; }
}

/* pad */
@media all and (min-width: 701px ) and (max-width: 950px) {
.pad_block{ display: block !important; }
}

/* sp */
@media all and (max-width: 700px) {
.sp_block{ display: block !important; }
}

/* .inline-block
===========================================================*/

.inline-block{ display: inline-block !important; }

/* pc */
@media all and (min-width: 951px) {
.pc_inline-block{ display: inline-block !important; }
}

/* pad */
@media all and (min-width: 701px ) and (max-width: 950px) {
.pad_inline-block{ display: inline-block !important; }
}

/* sp */
@media all and (max-width: 700px) {
.sp_inline-block{ display: inline-block !important; }
}

/* .none
===========================================================*/

.none{ display: none !important;}

/* pc */
@media all and (min-width: 951px) {
.pc_none{ display: none !important; }
}

/* pad */
@media all and (min-width: 701px ) and (max-width: 950px) {
.pad_none{ display: none !important; }
}

/* sp */

@media all and (max-width: 700px) {
.sp_none{ display: none !important; }
}

/* text-align
===========================================================*/

.tal { text-align: left !important;}
.tac { text-align: center !important;}
.tar { text-align: right !important;}

/* pc */
@media all and (min-width: 951px) {
.pc_tal { text-align: left !important;}
.pc_tac { text-align: center !important;}
.pc_tar { text-align: right !important;}
}

/* pad */
@media all and (min-width: 701px ) and (max-width: 950px) {
.pad_tal { text-align: left !important;}
.pad_tac { text-align: center !important;}
.pad_tar { text-align: right !important;}
}

/* sp */
@media all and (max-width: 700px) {
.sp_tal { text-align: left !important;}
.sp_tac { text-align: center !important;}
.sp_tar { text-align: right !important;}
}

/* vertical-align
===========================================================*/

.vat{ vertical-align: top !important; }
.vam{ vertical-align: middle !important; }
.vab{ vertical-align: bottom !important; }

/* pc */
@media all and (min-width: 951px) {
.pc_vat{ vertical-align: top !important; }
.pc_vam{ vertical-align: middle !important; }
.pc_vab{ vertical-align: bottom !important; }
}

/* pad */
@media all and (min-width: 701px ) and (max-width: 950px) {
.pad_vat{ vertical-align: top !important; }
.pad_vam{ vertical-align: middle !important; }
.pad_vab{ vertical-align: bottom !important; }
}

/* sp */
@media all and (max-width: 700px) {
.sp_vat{ vertical-align: top !important; }
.sp_vam{ vertical-align: middle !important; }
.sp_vab{ vertical-align: bottom !important; }
}

/*
---------------------- フォント（ボールド） -----------------------------
*/

.font_bold{ font-weight: 700 !important; }

/* pc */
@media all and (min-width: 951px) {
.pc_font_bold{ font-weight: 700 !important; }
}

/* pad */
@media all and (min-width: 701px ) and (max-width: 950px) {
.pad_font_bold{ font-weight: 700 !important; }
}

/* sp */
@media all and (max-width: 700px) {
.sp_font_bold{ font-weight: 700 !important; }
}