@charset "UTF-8";

.icon_sns{
  display: block;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  text-indent: 200%;
  overflow:  hidden;
  white-space: nowrap;
}


.icon_sns.twitter{
  width: 18px;
  height: 15px;
  background-image: url(../img/icon/icon_twitter_blue@2x.png);
}

.icon_sns.facebook{
  width: 10px;
  height: 20px;
  background-image: url(../img/icon/icon_facebook_blue@2x.png);
}

.icon_sns.instagram{
  width: 18px;
  height: 18px;
  background-image: url(../img/icon/icon_instagram_blue@2x.png);
}

.icon_sns.twitter.blue{
  background-image: url(../img/icon/icon_twitter_blue@2x.png);
}

.icon_sns.facebook.blue{
  background-image: url(../img/icon/icon_facebook_blue@2x.png);
}

.icon_sns.instagram.blue{
  background-image: url(../img/icon/icon_instagram_blue@2x.png);
}

.icon_sns.twitter.white{
  background-image: url(../img/icon/icon_twitter_white@2x.png);
}

.icon_sns.facebook.white{
  background-image: url(../img/icon/icon_facebook_white@2x.png);
}

.icon_sns.instagram.white{
  background-image: url(../img/icon/icon_instagram_white@2x.png);
}

/* pc */
@media all and (min-width: 990px) {
  .icon_sns.twitter.pc_blue{
    background-image: url(../img/icon/icon_twitter_blue@2x.png);
  }

  .icon_sns.facebook.pc_blue{
    background-image: url(../img/icon/icon_facebook_blue@2x.png);
  }

  .icon_sns.instagram.pc_blue{
    background-image: url(../img/icon/icon_instagram_blue@2x.png);
  }

  .icon_sns.twitter.pc_white{
    background-image: url(../img/icon/icon_twitter_white@2x.png);
  }

  .icon_sns.facebook.pc_white{
    background-image: url(../img/icon/icon_facebook_white@2x.png);
  }

  .icon_sns.instagram.pc_white{
    background-image: url(../img/icon/icon_instagram_white@2x.png);
  }
}

/* pad */
@media all and (min-width: 701px ) and (max-width: 989px) {
  .icon_sns.twitter.pad_blue{
    background-image: url(../img/icon/icon_twitter_blue@2x.png);
  }

  .icon_sns.facebook.pad_blue{
    background-image: url(../img/icon/icon_facebook_blue@2x.png);
  }

  .icon_sns.instagram.pad_blue{
    background-image: url(../img/icon/icon_instagram_blue@2x.png);
  }

  .icon_sns.twitter.pad_white{
    background-image: url(../img/icon/icon_twitter_white@2x.png);
  }

  .icon_sns.facebook.pad_white{
    background-image: url(../img/icon/icon_facebook_white@2x.png);
  }

  .icon_sns.instagram.pad_white{
    background-image: url(../img/icon/icon_instagram_white@2x.png);
  }
}

/* sp */
@media all and (max-width: 700px) {
  .icon_sns.twitter.sp_blue{
    background-image: url(../img/icon/icon_twitter_blue@2x.png);
  }

  .icon_sns.facebook.sp_blue{
    background-image: url(../img/icon/icon_facebook_blue@2x.png);
  }

  .icon_sns.instagram.sp_blue{
    background-image: url(../img/icon/icon_instagram_blue@2x.png);
  }

  .icon_sns.twitter.sp_white{
    background-image: url(../img/icon/icon_twitter_white@2x.png);
  }

  .icon_sns.facebook.sp_white{
    background-image: url(../img/icon/icon_facebook_white@2x.png);
  }

  .icon_sns.instagram.sp_white{
    background-image: url(../img/icon/icon_instagram_white@2x.png);
  }
}

.font_cabin{
  font-family: 'Cabin', sans-serif !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; 
}

.img_cover.delay_load{
  background-color: #eeeeee;
}

/*
.img_cover.delay_load{
  position: relative;
}


.img_cover.delay_load:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-image: url(../images/loading01.svg);
  background-size: 10% auto;
  background-repeat: no-repeat;
  background-position:  center center;
  background-color: #eeeeee;
}*/

.img_cover.delay_load.img_none:after{
  background-color: #eeeeee !important;
}

.img_cover.delay_load.load_img:after{
  display: none;
  background: none !important;
}

.img_cover.delay_load img{
  display: none;
}

.delay_img_obj{
  -ms-filter: "alpha(opacity=0)" ;
	-khtml-opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

.delay_img_obj.load_active{
  -ms-filter: "alpha(opacity=100)" ;
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;	
}


/* 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: 990px) {
  .pc_ws-nowrap{ white-space: nowrap; !important}
}

/* pad */
@media all and (min-width: 701px ) and (max-width: 989px) {
  .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: 990px) {
.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: 989px) {
.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: 990px) {
.pc_block{ display: block !important; }
}

/* pad */
@media all and (min-width: 701px ) and (max-width: 989px) {
.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: 990px) {
.pc_inline-block{ display: inline-block !important; }
}

/* pad */
@media all and (min-width: 701px ) and (max-width: 989px) {
.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: 990px) {
.pc_none{ display: none !important; }
}

/* pad */
@media all and (min-width: 701px ) and (max-width: 989px) {
.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: 990px) {
.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: 989px) {
.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: 990px) {
.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: 989px) {
.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: 990px) {
.pc_font_bold{ font-weight: 700 !important; }
}

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

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