@charset "UTF-8";

/* 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;
  overflow:  hidden;
  white-space: nowrap;
  text-indent: 200%;
}

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

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

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

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

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

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

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

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

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

.block{ display: block !important; }

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

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

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

/*
.none{ display: none !important;}*/

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

.tal { text-align: left !important;}
.tac { text-align: center !important;}
.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: 901px) {
/* transision
===========================================================*/

.pc_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;
}

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

.pc_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
===========================================================*/

.pc_img_cover{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  overflow:  hidden;
  white-space: nowrap;
  text-indent: 200%;
}

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

.pc_opacity000{
	-ms-filter: "alpha(opacity=0)" ;
	-khtml-opacity: 0 !important;
	filter: alpha(opacity=0);
	-moz-opacity: 0 !important;
	opacity: 0 !important;
 }
.pc_opacity100{
	-ms-filter: "alpha(opacity=100)" ;
	-khtml-opacity: 1 !important;
	filter: alpha(opacity=100);
	-moz-opacity: 1 !important;
	opacity: 1 !important;	
}

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

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

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

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

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

.pc_flR { float: right !important;}
.pc_flL { float: left !important;}
.pc_clear { clear: both !important;}

/* .pc_block
===========================================================*/

.pc_block{ display: block !important; }

/* .pc_inline-block
===========================================================*/

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

/* .pc_none
===========================================================*/

/*
.pc_none{ display: none !important;}*/

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

.pc_tal { text-align: left !important;}
.pc_tac { text-align: center !important;}
.pc_tar { text-align: right !important;}

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

.pc_vat{ vertical-align: top !important; }
.pc_vam{ vertical-align: middle !important; }
.pc_vab{ vertical-align: bottom !important; }
}

/* pad */
@media screen and (min-width: 701px ) and (max-width: 900px) {
/* transision
===========================================================*/

.pad_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;
}

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

.pad_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
===========================================================*/

.pad_img_cover{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  overflow:  hidden;
  white-space: nowrap;
  text-indent: 200%;
}

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

.pad_opacity000{
	-ms-filter: "alpha(opacity=0)" ;
	-khtml-opacity: 0 !important;
	filter: alpha(opacity=0);
	-moz-opacity: 0 !important;
	opacity: 0 !important;
 }
.pad_opacity100{
	-ms-filter: "alpha(opacity=100)" ;
	-khtml-opacity: 1 !important;
	filter: alpha(opacity=100);
	-moz-opacity: 1 !important;
	opacity: 1 !important;	
}

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

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

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

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

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

.pad_flR { float: right !important;}
.pad_flL { float: left !important;}
.pad_clear { clear: both !important;}

/* .pad_block
===========================================================*/

.pad_block{ display: block !important; }

/* .pad_inline-block
===========================================================*/

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

/* .pad_none
===========================================================*/

/*
.pad_none{ display: none !important;}*/

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

.pad_tal { text-align: left !important;}
.pad_tac { text-align: center !important;}
.pad_tar { text-align: right !important;}

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

.pad_vat{ vertical-align: top !important; }
.pad_vam{ vertical-align: middle !important; }
.pad_vab{ vertical-align: bottom !important; }

}

/* sp */
@media screen and (max-width: 700px) {
/* transision
===========================================================*/

.sp_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;
}

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

.sp_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
===========================================================*/

.sp_img_cover{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  overflow:  hidden;
  white-space: nowrap;
  text-indent: 200%;
}

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

.sp_opacity000{
	-ms-filter: "alpha(opacity=0)" ;
	-khtml-opacity: 0 !important;
	filter: alpha(opacity=0);
	-moz-opacity: 0 !important;
	opacity: 0 !important;
 }
.sp_opacity100{
	-ms-filter: "alpha(opacity=100)" ;
	-khtml-opacity: 1 !important;
	filter: alpha(opacity=100);
	-moz-opacity: 1 !important;
	opacity: 1 !important;	
}

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

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

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

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

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

.sp_flR { float: right !important;}
.sp_flL { float: left !important;}
.sp_clear { clear: both !important;}

/* .sp_block
===========================================================*/

.sp_block{ display: block !important; }

/* .sp_inline-block
===========================================================*/

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

/* .sp_none
===========================================================*/

/*
.sp_none{ display: none !important;}*/

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

.sp_tal { text-align: left !important;}
.sp_tac { text-align: center !important;}
.sp_tar { text-align: right !important;}

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

.sp_vat{ vertical-align: top !important; }
.sp_vam{ vertical-align: middle !important; }
.sp_vab{ vertical-align: bottom !important; }

}

/*---------------------- 基本メディアクエリー --------------------- */

/* pc */
@media all and (min-width: 901px) {
}

/* pad */
@media screen and (min-width: 701px ) and (max-width: 900px) {
}

/* sp */
@media screen and (max-width: 700px) {
}