@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;
	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}

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

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

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


/*
---------------------- display: flex;関係 -----------------------------
*/

.flex{
  display: flex !important;
  display: -webkit-flex !important;
}

/* ------------------------------- Fexbox（親）に対して指定できるCSS  -------------------------------*/

/*  --------------- flex-direction（flex item全体の配置方向） --------------- */

.direction_row{
  flex-direction: row !important;
  -webkit-flex-direction: row !important;
}

.direction_reverse{
  flex-direction: row-reverse !important;
  -webkit-flex-direction: row-reverse !important;
}

.direction_column{
  flex-direction: column !important;
  -webkit-flex-direction: column !important;
}

.direction_column-reverse{
  flex-direction: column-reverse !important;
  -webkit-flex-direction: column-reverse !important;
}

/*  --------------- flex-wrap（flex item全体の折り返しかた） --------------- */

.flex-wrap_nowrap{
  flex-direction: nowrap !important;
  -webkit-flex-direction: nowrap !important;
}

.flex-wrap_wrap{
  flex-direction: wrap !important;
  -webkit-flex-direction: wrap !important;
}

.flex-wrap_wrap-reverse{
  flex-direction: wrap-reverse !important;
  -webkit-flex-direction: wrap-reverse !important;
}

/* pc */

.pc_flex-wrap_nowrap{
  flex-direction: nowrap !important;
  -webkit-flex-direction: nowrap !important;
}

.pc_flex-wrap_wrap{
  flex-direction: wrap !important;
  -webkit-flex-direction: wrap !important;
}

.pc_flex-wrap_wrap-reverse{
  flex-direction: wrap-reverse !important;
  -webkit-flex-direction: wrap-reverse !important;
}

/*  --------------- justify-content（flexbox（親に対する） flex itemの横の揃え）  --------------- */

.jc_flex-start{
  justify-content: flex-start !important;
  -webkit-justify-content: flex-start !important;
}

.jc_flex-end{
  justify-content: flex-end !important;
  -webkit-justify-content: flex-end !important;
}

.jc_center{
  justify-content: center !important;
  -webkit-justify-content: center !important;
}

.jc_space-between{
  justify-content: space-between !important;
  -webkit-justify-content: space-between !important;
}

.jc_space-around{
  justify-content: space-around !important;
  -webkit-justify-content: space-around !important;
}


/*  --------------- align-content（flexbox（親に対する） flex itemの縦の揃え） ---------------  */

.ac_flex-start {
  justify-content: flex-start !important;
  -webkit-justify-content: flex-start !important;
}

.ac_flex-end {
  justify-content: flex-end !important;
  -webkit-justify-content: flex-end !important;
}

.ac_center {
  justify-content: center !important;
  -webkit-justify-content: center !important;
}

.ac_space-between {
  justify-content: space-between !important;
  -webkit-justify-content: space-between !important;
}


.ac_space-around {
  justify-content: space-around !important;
  -webkit-justify-content: space-around !important;
}

/*  --------------- align-items  --------------- */

.ai_flex-start{
  align-items: flex-start !important;
  -webkit-align-items: flex-start !important;
}

.ai_flex-end{
  align-items: flex-end !important;
  -webkit-align-items: flex-end !important;
}

.ai_center{
  align-items: center !important;
  -webkit-align-items: center !important;
}

.ai_baseline{
  align-items: baseline !important;
  -webkit-align-items: baseline !important;
}

.ai_stretch{
  align-items: stretch !important;
  -webkit-align-items: stretch !important;
}

/* ------------------------------- Fexitem（子）に対して指定できるCSS  -------------------------------*/

/*  --------------- .align-self  ---------------*/

.as_flex-start{
  align-items: flex-start !important;
  -webkit-align-items: flex-start !important;
}

.as_flex-end{
  align-items: flex-end !important;
  -webkit-align-items: flex-end !important;
}

.as_center{
  align-items: center !important;
  -webkit-align-items: center !important;
}

.as_baseline{
  align-items: baseline !important;
  -webkit-align-items: baseline !important;
}

.as_stretch{
  align-items: stretch !important;
  -webkit-align-items: stretch !important;
}

/* --------------- .order  --------------- */

.order01{ order: 1; -webkit-order: 1; }
.order02{ order: 2; -webkit-order: 2; }
.order03{ order: 3; -webkit-order: 3; }
.order04{ order: 4; -webkit-order: 4; }
.order05{ order: 5; -webkit-order: 5; }
.order06{ order: 6; -webkit-order: 6; }
.order07{ order: 7; -webkit-order: 7; }
.order08{ order: 8; -webkit-order: 8; }
.order09{ order: 9; -webkit-order: 9; }
.order10{ order: 10; -webkit-order: 10; }

/*  --------------- .flex-grow --------------- */

.flex-grow01{ flex-grow: 1; -webkit-flex-grow: 1; }
.flex-grow02{ flex-grow: 2; -webkit-flex-grow: 2; }
.flex-grow03{ flex-grow: 3; -webkit-flex-grow: 3; }
.flex-grow04{ flex-grow: 4; -webkit-flex-grow: 4; }
.flex-grow05{ flex-grow: 5; -webkit-flex-grow: 5; }
.flex-grow06{ flex-grow: 6; -webkit-flex-grow: 6; }
.flex-grow07{ flex-grow: 7; -webkit-flex-grow: 7; }
.flex-grow08{ flex-grow: 8; -webkit-flex-grow: 8; }
.flex-grow09{ flex-grow: 9; -webkit-flex-grow: 9; }
.flex-grow10{ flex-grow: 10; -webkit-flex-grow: 10; }
.flex-grow11{ flex-grow: 11; -webkit-flex-grow: 11; }
.flex-grow12{ flex-grow: 12; -webkit-flex-grow: 12; }
.flex-grow13{ flex-grow: 13; -webkit-flex-grow: 13; }
.flex-grow14{ flex-grow: 14; -webkit-flex-grow: 14; }
.flex-grow15{ flex-grow: 15; -webkit-flex-grow: 15; }
.flex-grow16{ flex-grow: 16; -webkit-flex-grow: 16; }
.flex-grow17{ flex-grow: 17; -webkit-flex-grow: 17; }
.flex-grow18{ flex-grow: 18; -webkit-flex-grow: 18; }
.flex-grow19{ flex-grow: 19; -webkit-flex-grow: 19; }
.flex-grow20{ flex-grow: 20; -webkit-flex-grow: 20; }
.flex-grow21{ flex-grow: 21; -webkit-flex-grow: 21; }
.flex-grow22{ flex-grow: 22; -webkit-flex-grow: 22; }
.flex-grow23{ flex-grow: 23; -webkit-flex-grow: 23; }
.flex-grow24{ flex-grow: 24; -webkit-flex-grow: 24; }
.flex-grow25{ flex-grow: 25; -webkit-flex-grow: 25; }
.flex-grow26{ flex-grow: 26; -webkit-flex-grow: 26; }
.flex-grow27{ flex-grow: 27; -webkit-flex-grow: 27; }
.flex-grow28{ flex-grow: 28; -webkit-flex-grow: 28; }
.flex-grow29{ flex-grow: 29; -webkit-flex-grow: 29; }
.flex-grow30{ flex-grow: 30; -webkit-flex-grow: 30; }
.flex-grow31{ flex-grow: 31; -webkit-flex-grow: 31; }
.flex-grow32{ flex-grow: 32; -webkit-flex-grow: 32; }
.flex-grow33{ flex-grow: 33; -webkit-flex-grow: 33; }
.flex-grow34{ flex-grow: 34; -webkit-flex-grow: 34; }
.flex-grow35{ flex-grow: 35; -webkit-flex-grow: 35; }
.flex-grow36{ flex-grow: 36; -webkit-flex-grow: 36; }
.flex-grow37{ flex-grow: 37; -webkit-flex-grow: 37; }
.flex-grow38{ flex-grow: 38; -webkit-flex-grow: 38; }
.flex-grow39{ flex-grow: 39; -webkit-flex-grow: 39; }
.flex-grow40{ flex-grow: 40; -webkit-flex-grow: 40; }
.flex-grow41{ flex-grow: 41; -webkit-flex-grow: 41; }
.flex-grow42{ flex-grow: 42; -webkit-flex-grow: 42; }
.flex-grow43{ flex-grow: 43; -webkit-flex-grow: 43; }
.flex-grow44{ flex-grow: 44; -webkit-flex-grow: 44; }
.flex-grow45{ flex-grow: 45; -webkit-flex-grow: 45; }
.flex-grow46{ flex-grow: 46; -webkit-flex-grow: 46; }
.flex-grow47{ flex-grow: 47; -webkit-flex-grow: 47; }
.flex-grow48{ flex-grow: 48; -webkit-flex-grow: 48; }
.flex-grow49{ flex-grow: 49; -webkit-flex-grow: 49; }
.flex-grow50{ flex-grow: 50; -webkit-flex-grow: 50; }
.flex-grow51{ flex-grow: 51; -webkit-flex-grow: 51; }
.flex-grow52{ flex-grow: 52; -webkit-flex-grow: 52; }
.flex-grow53{ flex-grow: 53; -webkit-flex-grow: 53; }
.flex-grow54{ flex-grow: 54; -webkit-flex-grow: 54; }
.flex-grow55{ flex-grow: 55; -webkit-flex-grow: 55; }
.flex-grow56{ flex-grow: 56; -webkit-flex-grow: 56; }
.flex-grow57{ flex-grow: 57; -webkit-flex-grow: 57; }
.flex-grow58{ flex-grow: 58; -webkit-flex-grow: 58; }
.flex-grow59{ flex-grow: 59; -webkit-flex-grow: 59; }
.flex-grow60{ flex-grow: 60; -webkit-flex-grow: 60; }
.flex-grow61{ flex-grow: 61; -webkit-flex-grow: 61; }
.flex-grow62{ flex-grow: 62; -webkit-flex-grow: 62; }
.flex-grow63{ flex-grow: 63; -webkit-flex-grow: 63; }
.flex-grow64{ flex-grow: 64; -webkit-flex-grow: 64; }
.flex-grow65{ flex-grow: 65; -webkit-flex-grow: 65; }
.flex-grow66{ flex-grow: 66; -webkit-flex-grow: 66; }
.flex-grow67{ flex-grow: 67; -webkit-flex-grow: 67; }
.flex-grow68{ flex-grow: 68; -webkit-flex-grow: 68; }
.flex-grow69{ flex-grow: 69; -webkit-flex-grow: 69; }
.flex-grow70{ flex-grow: 70; -webkit-flex-grow: 70; }
.flex-grow71{ flex-grow: 71; -webkit-flex-grow: 71; }
.flex-grow72{ flex-grow: 72; -webkit-flex-grow: 72; }
.flex-grow73{ flex-grow: 73; -webkit-flex-grow: 73; }
.flex-grow74{ flex-grow: 74; -webkit-flex-grow: 74; }
.flex-grow75{ flex-grow: 75; -webkit-flex-grow: 75; }
.flex-grow76{ flex-grow: 76; -webkit-flex-grow: 76; }
.flex-grow77{ flex-grow: 77; -webkit-flex-grow: 77; }
.flex-grow78{ flex-grow: 78; -webkit-flex-grow: 78; }
.flex-grow79{ flex-grow: 79; -webkit-flex-grow: 79; }
.flex-grow80{ flex-grow: 80; -webkit-flex-grow: 80; }
.flex-grow81{ flex-grow: 81; -webkit-flex-grow: 81; }
.flex-grow82{ flex-grow: 82; -webkit-flex-grow: 82; }
.flex-grow83{ flex-grow: 83; -webkit-flex-grow: 83; }
.flex-grow84{ flex-grow: 84; -webkit-flex-grow: 84; }
.flex-grow85{ flex-grow: 85; -webkit-flex-grow: 85; }
.flex-grow86{ flex-grow: 86; -webkit-flex-grow: 86; }
.flex-grow87{ flex-grow: 87; -webkit-flex-grow: 87; }
.flex-grow88{ flex-grow: 88; -webkit-flex-grow: 88; }
.flex-grow89{ flex-grow: 89; -webkit-flex-grow: 89; }
.flex-grow90{ flex-grow: 90; -webkit-flex-grow: 90; }
.flex-grow91{ flex-grow: 91; -webkit-flex-grow: 91; }
.flex-grow92{ flex-grow: 92; -webkit-flex-grow: 92; }
.flex-grow93{ flex-grow: 93; -webkit-flex-grow: 93; }
.flex-grow94{ flex-grow: 94; -webkit-flex-grow: 94; }
.flex-grow95{ flex-grow: 95; -webkit-flex-grow: 95; }
.flex-grow96{ flex-grow: 96; -webkit-flex-grow: 96; }
.flex-grow97{ flex-grow: 97; -webkit-flex-grow: 97; }
.flex-grow98{ flex-grow: 98; -webkit-flex-grow: 98; }
.flex-grow99{ flex-grow: 99; -webkit-flex-grow: 99; }
.flex-grow100{ flex-grow: 100; -webkit-flex-grow: 100; }

/*  --------------- .flex-shrink --------------- */

.flex-shrink01{ flex-shrink: 1; -webkit-flex-shrink: 1; }
.flex-shrink02{ flex-shrink: 2; -webkit-flex-shrink: 2; }
.flex-shrink03{ flex-shrink: 3; -webkit-flex-shrink: 3; }
.flex-shrink04{ flex-shrink: 4; -webkit-flex-shrink: 4; }
.flex-shrink05{ flex-shrink: 5; -webkit-flex-shrink: 5; }
.flex-shrink06{ flex-shrink: 6; -webkit-flex-shrink: 6; }
.flex-shrink07{ flex-shrink: 7; -webkit-flex-shrink: 7; }
.flex-shrink08{ flex-shrink: 8; -webkit-flex-shrink: 8; }
.flex-shrink09{ flex-shrink: 9; -webkit-flex-shrink: 9; }
.flex-shrink10{ flex-shrink: 10; -webkit-flex-shrink: 10; }
.flex-shrink11{ flex-shrink: 11; -webkit-flex-shrink: 11; }
.flex-shrink12{ flex-shrink: 12; -webkit-flex-shrink: 12; }
.flex-shrink13{ flex-shrink: 13; -webkit-flex-shrink: 13; }
.flex-shrink14{ flex-shrink: 14; -webkit-flex-shrink: 14; }
.flex-shrink15{ flex-shrink: 15; -webkit-flex-shrink: 15; }
.flex-shrink16{ flex-shrink: 16; -webkit-flex-shrink: 16; }
.flex-shrink17{ flex-shrink: 17; -webkit-flex-shrink: 17; }
.flex-shrink18{ flex-shrink: 18; -webkit-flex-shrink: 18; }
.flex-shrink19{ flex-shrink: 19; -webkit-flex-shrink: 19; }
.flex-shrink20{ flex-shrink: 20; -webkit-flex-shrink: 20; }
.flex-shrink21{ flex-shrink: 21; -webkit-flex-shrink: 21; }
.flex-shrink22{ flex-shrink: 22; -webkit-flex-shrink: 22; }
.flex-shrink23{ flex-shrink: 23; -webkit-flex-shrink: 23; }
.flex-shrink24{ flex-shrink: 24; -webkit-flex-shrink: 24; }
.flex-shrink25{ flex-shrink: 25; -webkit-flex-shrink: 25; }
.flex-shrink26{ flex-shrink: 26; -webkit-flex-shrink: 26; }
.flex-shrink27{ flex-shrink: 27; -webkit-flex-shrink: 27; }
.flex-shrink28{ flex-shrink: 28; -webkit-flex-shrink: 28; }
.flex-shrink29{ flex-shrink: 29; -webkit-flex-shrink: 29; }
.flex-shrink30{ flex-shrink: 30; -webkit-flex-shrink: 30; }
.flex-shrink31{ flex-shrink: 31; -webkit-flex-shrink: 31; }
.flex-shrink32{ flex-shrink: 32; -webkit-flex-shrink: 32; }
.flex-shrink33{ flex-shrink: 33; -webkit-flex-shrink: 33; }
.flex-shrink34{ flex-shrink: 34; -webkit-flex-shrink: 34; }
.flex-shrink35{ flex-shrink: 35; -webkit-flex-shrink: 35; }
.flex-shrink36{ flex-shrink: 36; -webkit-flex-shrink: 36; }
.flex-shrink37{ flex-shrink: 37; -webkit-flex-shrink: 37; }
.flex-shrink38{ flex-shrink: 38; -webkit-flex-shrink: 38; }
.flex-shrink39{ flex-shrink: 39; -webkit-flex-shrink: 39; }
.flex-shrink40{ flex-shrink: 40; -webkit-flex-shrink: 40; }
.flex-shrink41{ flex-shrink: 41; -webkit-flex-shrink: 41; }
.flex-shrink42{ flex-shrink: 42; -webkit-flex-shrink: 42; }
.flex-shrink43{ flex-shrink: 43; -webkit-flex-shrink: 43; }
.flex-shrink44{ flex-shrink: 44; -webkit-flex-shrink: 44; }
.flex-shrink45{ flex-shrink: 45; -webkit-flex-shrink: 45; }
.flex-shrink46{ flex-shrink: 46; -webkit-flex-shrink: 46; }
.flex-shrink47{ flex-shrink: 47; -webkit-flex-shrink: 47; }
.flex-shrink48{ flex-shrink: 48; -webkit-flex-shrink: 48; }
.flex-shrink49{ flex-shrink: 49; -webkit-flex-shrink: 49; }
.flex-shrink50{ flex-shrink: 50; -webkit-flex-shrink: 50; }
.flex-shrink51{ flex-shrink: 51; -webkit-flex-shrink: 51; }
.flex-shrink52{ flex-shrink: 52; -webkit-flex-shrink: 52; }
.flex-shrink53{ flex-shrink: 53; -webkit-flex-shrink: 53; }
.flex-shrink54{ flex-shrink: 54; -webkit-flex-shrink: 54; }
.flex-shrink55{ flex-shrink: 55; -webkit-flex-shrink: 55; }
.flex-shrink56{ flex-shrink: 56; -webkit-flex-shrink: 56; }
.flex-shrink57{ flex-shrink: 57; -webkit-flex-shrink: 57; }
.flex-shrink58{ flex-shrink: 58; -webkit-flex-shrink: 58; }
.flex-shrink59{ flex-shrink: 59; -webkit-flex-shrink: 59; }
.flex-shrink60{ flex-shrink: 60; -webkit-flex-shrink: 60; }
.flex-shrink61{ flex-shrink: 61; -webkit-flex-shrink: 61; }
.flex-shrink62{ flex-shrink: 62; -webkit-flex-shrink: 62; }
.flex-shrink63{ flex-shrink: 63; -webkit-flex-shrink: 63; }
.flex-shrink64{ flex-shrink: 64; -webkit-flex-shrink: 64; }
.flex-shrink65{ flex-shrink: 65; -webkit-flex-shrink: 65; }
.flex-shrink66{ flex-shrink: 66; -webkit-flex-shrink: 66; }
.flex-shrink67{ flex-shrink: 67; -webkit-flex-shrink: 67; }
.flex-shrink68{ flex-shrink: 68; -webkit-flex-shrink: 68; }
.flex-shrink69{ flex-shrink: 69; -webkit-flex-shrink: 69; }
.flex-shrink70{ flex-shrink: 70; -webkit-flex-shrink: 70; }
.flex-shrink71{ flex-shrink: 71; -webkit-flex-shrink: 71; }
.flex-shrink72{ flex-shrink: 72; -webkit-flex-shrink: 72; }
.flex-shrink73{ flex-shrink: 73; -webkit-flex-shrink: 73; }
.flex-shrink74{ flex-shrink: 74; -webkit-flex-shrink: 74; }
.flex-shrink75{ flex-shrink: 75; -webkit-flex-shrink: 75; }
.flex-shrink76{ flex-shrink: 76; -webkit-flex-shrink: 76; }
.flex-shrink77{ flex-shrink: 77; -webkit-flex-shrink: 77; }
.flex-shrink78{ flex-shrink: 78; -webkit-flex-shrink: 78; }
.flex-shrink79{ flex-shrink: 79; -webkit-flex-shrink: 79; }
.flex-shrink80{ flex-shrink: 80; -webkit-flex-shrink: 80; }
.flex-shrink81{ flex-shrink: 81; -webkit-flex-shrink: 81; }
.flex-shrink82{ flex-shrink: 82; -webkit-flex-shrink: 82; }
.flex-shrink83{ flex-shrink: 83; -webkit-flex-shrink: 83; }
.flex-shrink84{ flex-shrink: 84; -webkit-flex-shrink: 84; }
.flex-shrink85{ flex-shrink: 85; -webkit-flex-shrink: 85; }
.flex-shrink86{ flex-shrink: 86; -webkit-flex-shrink: 86; }
.flex-shrink87{ flex-shrink: 87; -webkit-flex-shrink: 87; }
.flex-shrink88{ flex-shrink: 88; -webkit-flex-shrink: 88; }
.flex-shrink89{ flex-shrink: 89; -webkit-flex-shrink: 89; }
.flex-shrink90{ flex-shrink: 90; -webkit-flex-shrink: 90; }
.flex-shrink91{ flex-shrink: 91; -webkit-flex-shrink: 91; }
.flex-shrink92{ flex-shrink: 92; -webkit-flex-shrink: 92; }
.flex-shrink93{ flex-shrink: 93; -webkit-flex-shrink: 93; }
.flex-shrink94{ flex-shrink: 94; -webkit-flex-shrink: 94; }
.flex-shrink95{ flex-shrink: 95; -webkit-flex-shrink: 95; }
.flex-shrink96{ flex-shrink: 96; -webkit-flex-shrink: 96; }
.flex-shrink97{ flex-shrink: 97; -webkit-flex-shrink: 97; }
.flex-shrink98{ flex-shrink: 98; -webkit-flex-shrink: 98; }
.flex-shrink99{ flex-shrink: 99; -webkit-flex-shrink: 99; }
.flex-shrink100{ flex-shrink: 100; -webkit-flex-shrink: 100; }

/*  .flex-basis  */

.flex-basis00{ flex-basis: 0px !important; -webkit-flex-basis: 0px !important;}
.flex-basis10{ flex-basis: 10px !important; -webkit-flex-basis: 10px !important;}
.flex-basis20{ flex-basis: 20px !important; -webkit-flex-basis: 20px !important;}
.flex-basis30{ flex-basis: 30px !important; -webkit-flex-basis: 30px !important;}
.flex-basis40{ flex-basis: 40px !important; -webkit-flex-basis: 40px !important;}
.flex-basis50{ flex-basis: 50px !important; -webkit-flex-basis: 50px !important;}
.flex-basis60{ flex-basis: 60px !important; -webkit-flex-basis: 60px !important;}
.flex-basis70{ flex-basis: 70px !important; -webkit-flex-basis: 70px !important;}
.flex-basis80{ flex-basis: 80px !important; -webkit-flex-basis: 80px !important;}
.flex-basis90{ flex-basis: 90px !important; -webkit-flex-basis: 90px !important;}
.flex-basis100{ flex-basis: 100px !important; -webkit-flex-basis: 100px !important;}
.flex-basis110{ flex-basis: 110px !important; -webkit-flex-basis: 110px !important;}
.flex-basis120{ flex-basis: 120px !important; -webkit-flex-basis: 120px !important;}
.flex-basis130{ flex-basis: 130px !important; -webkit-flex-basis: 130px !important;}
.flex-basis140{ flex-basis: 140px !important; -webkit-flex-basis: 140px !important;}
.flex-basis150{ flex-basis: 150px !important; -webkit-flex-basis: 150px !important;}
.flex-basis160{ flex-basis: 160px !important; -webkit-flex-basis: 160px !important;}
.flex-basis170{ flex-basis: 170px !important; -webkit-flex-basis: 170px !important;}
.flex-basis180{ flex-basis: 180px !important; -webkit-flex-basis: 180px !important;}
.flex-basis190{ flex-basis: 190px !important; -webkit-flex-basis: 190px !important;}
.flex-basis200{ flex-basis: 200px !important; -webkit-flex-basis: 200px !important;}
.flex-basis210{ flex-basis: 210px !important; -webkit-flex-basis: 210px !important;}
.flex-basis220{ flex-basis: 220px !important; -webkit-flex-basis: 220px !important;}
.flex-basis230{ flex-basis: 230px !important; -webkit-flex-basis: 230px !important;}
.flex-basis240{ flex-basis: 240px !important; -webkit-flex-basis: 240px !important;}
.flex-basis250{ flex-basis: 250px !important; -webkit-flex-basis: 250px !important;}
.flex-basis260{ flex-basis: 260px !important; -webkit-flex-basis: 260px !important;}
.flex-basis270{ flex-basis: 270px !important; -webkit-flex-basis: 270px !important;}
.flex-basis280{ flex-basis: 280px !important; -webkit-flex-basis: 280px !important;}
.flex-basis290{ flex-basis: 290px !important; -webkit-flex-basis: 290px !important;}
.flex-basis300{ flex-basis: 300px !important; -webkit-flex-basis: 300px !important;}
.flex-basis310{ flex-basis: 310px !important; -webkit-flex-basis: 310px !important;}
.flex-basis320{ flex-basis: 320px !important; -webkit-flex-basis: 320px !important;}
.flex-basis330{ flex-basis: 330px !important; -webkit-flex-basis: 330px !important;}
.flex-basis340{ flex-basis: 340px !important; -webkit-flex-basis: 340px !important;}
.flex-basis350{ flex-basis: 350px !important; -webkit-flex-basis: 350px !important;}
.flex-basis360{ flex-basis: 360px !important; -webkit-flex-basis: 360px !important;}
.flex-basis370{ flex-basis: 370px !important; -webkit-flex-basis: 370px !important;}
.flex-basis380{ flex-basis: 380px !important; -webkit-flex-basis: 380px !important;}
.flex-basis390{ flex-basis: 390px !important; -webkit-flex-basis: 390px !important;}
.flex-basis400{ flex-basis: 400px !important; -webkit-flex-basis: 400px !important;}
.flex-basis410{ flex-basis: 410px !important; -webkit-flex-basis: 410px !important;}
.flex-basis420{ flex-basis: 420px !important; -webkit-flex-basis: 420px !important;}
.flex-basis430{ flex-basis: 430px !important; -webkit-flex-basis: 430px !important;}
.flex-basis440{ flex-basis: 440px !important; -webkit-flex-basis: 440px !important;}
.flex-basis450{ flex-basis: 450px !important; -webkit-flex-basis: 450px !important;}
.flex-basis460{ flex-basis: 460px !important; -webkit-flex-basis: 460px !important;}
.flex-basis470{ flex-basis: 470px !important; -webkit-flex-basis: 470px !important;}
.flex-basis480{ flex-basis: 480px !important; -webkit-flex-basis: 480px !important;}
.flex-basis490{ flex-basis: 490px !important; -webkit-flex-basis: 490px !important;}
.flex-basis500{ flex-basis: 500px !important; -webkit-flex-basis: 500px !important;}
.flex-basis510{ flex-basis: 510px !important; -webkit-flex-basis: 510px !important;}
.flex-basis520{ flex-basis: 520px !important; -webkit-flex-basis: 520px !important;}
.flex-basis530{ flex-basis: 530px !important; -webkit-flex-basis: 530px !important;}
.flex-basis540{ flex-basis: 540px !important; -webkit-flex-basis: 540px !important;}
.flex-basis550{ flex-basis: 550px !important; -webkit-flex-basis: 550px !important;}
.flex-basis560{ flex-basis: 560px !important; -webkit-flex-basis: 560px !important;}
.flex-basis570{ flex-basis: 570px !important; -webkit-flex-basis: 570px !important;}
.flex-basis580{ flex-basis: 580px !important; -webkit-flex-basis: 580px !important;}
.flex-basis590{ flex-basis: 590px !important; -webkit-flex-basis: 590px !important;}
.flex-basis600{ flex-basis: 600px !important; -webkit-flex-basis: 600px !important;}
.flex-basis610{ flex-basis: 610px !important; -webkit-flex-basis: 610px !important;}
.flex-basis620{ flex-basis: 620px !important; -webkit-flex-basis: 620px !important;}
.flex-basis630{ flex-basis: 630px !important; -webkit-flex-basis: 630px !important;}
.flex-basis640{ flex-basis: 640px !important; -webkit-flex-basis: 640px !important;}
.flex-basis650{ flex-basis: 650px !important; -webkit-flex-basis: 650px !important;}
.flex-basis660{ flex-basis: 660px !important; -webkit-flex-basis: 660px !important;}
.flex-basis670{ flex-basis: 670px !important; -webkit-flex-basis: 670px !important;}
.flex-basis680{ flex-basis: 680px !important; -webkit-flex-basis: 680px !important;}
.flex-basis690{ flex-basis: 690px !important; -webkit-flex-basis: 690px !important;}
.flex-basis700{ flex-basis: 700px !important; -webkit-flex-basis: 700px !important;}
.flex-basis710{ flex-basis: 710px !important; -webkit-flex-basis: 710px !important;}
.flex-basis720{ flex-basis: 720px !important; -webkit-flex-basis: 720px !important;}
.flex-basis730{ flex-basis: 730px !important; -webkit-flex-basis: 730px !important;}
.flex-basis740{ flex-basis: 740px !important; -webkit-flex-basis: 740px !important;}
.flex-basis750{ flex-basis: 750px !important; -webkit-flex-basis: 750px !important;}
.flex-basis760{ flex-basis: 760px !important; -webkit-flex-basis: 760px !important;}
.flex-basis770{ flex-basis: 770px !important; -webkit-flex-basis: 770px !important;}
.flex-basis780{ flex-basis: 780px !important; -webkit-flex-basis: 780px !important;}
.flex-basis790{ flex-basis: 790px !important; -webkit-flex-basis: 790px !important;}
.flex-basis800{ flex-basis: 800px !important; -webkit-flex-basis: 800px !important;}
.flex-basis810{ flex-basis: 810px !important; -webkit-flex-basis: 810px !important;}
.flex-basis820{ flex-basis: 820px !important; -webkit-flex-basis: 820px !important;}
.flex-basis830{ flex-basis: 830px !important; -webkit-flex-basis: 830px !important;}
.flex-basis840{ flex-basis: 840px !important; -webkit-flex-basis: 840px !important;}
.flex-basis850{ flex-basis: 850px !important; -webkit-flex-basis: 850px !important;}
.flex-basis860{ flex-basis: 860px !important; -webkit-flex-basis: 860px !important;}
.flex-basis870{ flex-basis: 870px !important; -webkit-flex-basis: 870px !important;}
.flex-basis880{ flex-basis: 880px !important; -webkit-flex-basis: 880px !important;}
.flex-basis890{ flex-basis: 890px !important; -webkit-flex-basis: 890px !important;}
.flex-basis900{ flex-basis: 900px !important; -webkit-flex-basis: 900px !important;}
.flex-basis910{ flex-basis: 910px !important; -webkit-flex-basis: 910px !important;}
.flex-basis920{ flex-basis: 920px !important; -webkit-flex-basis: 920px !important;}
.flex-basis930{ flex-basis: 930px !important; -webkit-flex-basis: 930px !important;}
.flex-basis940{ flex-basis: 940px !important; -webkit-flex-basis: 940px !important;}
.flex-basis950{ flex-basis: 950px !important; -webkit-flex-basis: 950px !important;}
.flex-basis960{ flex-basis: 960px !important; -webkit-flex-basis: 960px !important;}
.flex-basis970{ flex-basis: 970px !important; -webkit-flex-basis: 970px !important;}
.flex-basis980{ flex-basis: 980px !important; -webkit-flex-basis: 980px !important;}
.flex-basis990{ flex-basis: 990px !important; -webkit-flex-basis: 990px !important;}
.flex-basis1000{ flex-basis: 1000px !important; -webkit-flex-basis: 1000px !important;}
.flex-basis1010{ flex-basis: 1010px !important; -webkit-flex-basis: 1010px !important;}
.flex-basis1020{ flex-basis: 1020px !important; -webkit-flex-basis: 1020px !important;}
.flex-basis1030{ flex-basis: 1030px !important; -webkit-flex-basis: 1030px !important;}
.flex-basis1040{ flex-basis: 1040px !important; -webkit-flex-basis: 1040px !important;}
.flex-basis1050{ flex-basis: 1050px !important; -webkit-flex-basis: 1050px !important;}
.flex-basis1060{ flex-basis: 1060px !important; -webkit-flex-basis: 1060px !important;}
.flex-basis1070{ flex-basis: 1070px !important; -webkit-flex-basis: 1070px !important;}
.flex-basis1080{ flex-basis: 1080px !important; -webkit-flex-basis: 1080px !important;}
.flex-basis1090{ flex-basis: 1090px !important; -webkit-flex-basis: 1090px !important;}
.flex-basis1100{ flex-basis: 1100px !important; -webkit-flex-basis: 1100px !important;}
.flex-basis1110{ flex-basis: 1110px !important; -webkit-flex-basis: 1110px !important;}
.flex-basis1120{ flex-basis: 1120px !important; -webkit-flex-basis: 1120px !important;}
.flex-basis1130{ flex-basis: 1130px !important; -webkit-flex-basis: 1130px !important;}
.flex-basis1140{ flex-basis: 1140px !important; -webkit-flex-basis: 1140px !important;}
.flex-basis1150{ flex-basis: 1150px !important; -webkit-flex-basis: 1150px !important;}
.flex-basis1160{ flex-basis: 1160px !important; -webkit-flex-basis: 1160px !important;}
.flex-basis1170{ flex-basis: 1170px !important; -webkit-flex-basis: 1170px !important;}
.flex-basis1180{ flex-basis: 1180px !important; -webkit-flex-basis: 1180px !important;}
.flex-basis1190{ flex-basis: 1190px !important; -webkit-flex-basis: 1190px !important;}
.flex-basis1200{ flex-basis: 1200px !important; -webkit-flex-basis: 1200px !important;}

.flex-basis00p{ flex-basis: 0% !important; -webkit-flex-basis: 0% !important;}
.flex-basis01p{ flex-basis: 1% !important; -webkit-flex-basis: 1% !important;}
.flex-basis02p{ flex-basis: 2% !important; -webkit-flex-basis: 2% !important;}
.flex-basis03p{ flex-basis: 3% !important; -webkit-flex-basis: 3% !important;}
.flex-basis04p{ flex-basis: 4% !important; -webkit-flex-basis: 4% !important;}
.flex-basis05p{ flex-basis: 5% !important; -webkit-flex-basis: 5% !important;}
.flex-basis06p{ flex-basis: 6% !important; -webkit-flex-basis: 6% !important;}
.flex-basis07p{ flex-basis: 7% !important; -webkit-flex-basis: 7% !important;}
.flex-basis08p{ flex-basis: 8% !important; -webkit-flex-basis: 8% !important;}
.flex-basis09p{ flex-basis: 9% !important; -webkit-flex-basis: 9% !important;}
.flex-basis10p{ flex-basis: 10% !important; -webkit-flex-basis: 10% !important;}
.flex-basis11p{ flex-basis: 11% !important; -webkit-flex-basis: 11% !important;}
.flex-basis12p{ flex-basis: 12% !important; -webkit-flex-basis: 12% !important;}
.flex-basis13p{ flex-basis: 13% !important; -webkit-flex-basis: 13% !important;}
.flex-basis14p{ flex-basis: 14% !important; -webkit-flex-basis: 14% !important;}
.flex-basis15p{ flex-basis: 15% !important; -webkit-flex-basis: 15% !important;}
.flex-basis16p{ flex-basis: 16% !important; -webkit-flex-basis: 16% !important;}
.flex-basis17p{ flex-basis: 17% !important; -webkit-flex-basis: 17% !important;}
.flex-basis18p{ flex-basis: 18% !important; -webkit-flex-basis: 18% !important;}
.flex-basis19p{ flex-basis: 19% !important; -webkit-flex-basis: 19% !important;}
.flex-basis20p{ flex-basis: 20% !important; -webkit-flex-basis: 20% !important;}
.flex-basis21p{ flex-basis: 21% !important; -webkit-flex-basis: 21% !important;}
.flex-basis22p{ flex-basis: 22% !important; -webkit-flex-basis: 22% !important;}
.flex-basis23p{ flex-basis: 23% !important; -webkit-flex-basis: 23% !important;}
.flex-basis24p{ flex-basis: 24% !important; -webkit-flex-basis: 24% !important;}
.flex-basis25p{ flex-basis: 25% !important; -webkit-flex-basis: 25% !important;}
.flex-basis26p{ flex-basis: 26% !important; -webkit-flex-basis: 26% !important;}
.flex-basis27p{ flex-basis: 27% !important; -webkit-flex-basis: 27% !important;}
.flex-basis28p{ flex-basis: 28% !important; -webkit-flex-basis: 28% !important;}
.flex-basis29p{ flex-basis: 29% !important; -webkit-flex-basis: 29% !important;}
.flex-basis30p{ flex-basis: 30% !important; -webkit-flex-basis: 30% !important;}
.flex-basis31p{ flex-basis: 31% !important; -webkit-flex-basis: 31% !important;}
.flex-basis32p{ flex-basis: 32% !important; -webkit-flex-basis: 32% !important;}
.flex-basis33p{ flex-basis: 33% !important; -webkit-flex-basis: 33% !important;}
.flex-basis34p{ flex-basis: 34% !important; -webkit-flex-basis: 34% !important;}
.flex-basis35p{ flex-basis: 35% !important; -webkit-flex-basis: 35% !important;}
.flex-basis36p{ flex-basis: 36% !important; -webkit-flex-basis: 36% !important;}
.flex-basis37p{ flex-basis: 37% !important; -webkit-flex-basis: 37% !important;}
.flex-basis38p{ flex-basis: 38% !important; -webkit-flex-basis: 38% !important;}
.flex-basis39p{ flex-basis: 39% !important; -webkit-flex-basis: 39% !important;}
.flex-basis40p{ flex-basis: 40% !important; -webkit-flex-basis: 40% !important;}
.flex-basis41p{ flex-basis: 41% !important; -webkit-flex-basis: 41% !important;}
.flex-basis42p{ flex-basis: 42% !important; -webkit-flex-basis: 42% !important;}
.flex-basis43p{ flex-basis: 43% !important; -webkit-flex-basis: 43% !important;}
.flex-basis44p{ flex-basis: 44% !important; -webkit-flex-basis: 44% !important;}
.flex-basis45p{ flex-basis: 45% !important; -webkit-flex-basis: 45% !important;}
.flex-basis46p{ flex-basis: 46% !important; -webkit-flex-basis: 46% !important;}
.flex-basis47p{ flex-basis: 47% !important; -webkit-flex-basis: 47% !important;}
.flex-basis48p{ flex-basis: 48% !important; -webkit-flex-basis: 48% !important;}
.flex-basis49p{ flex-basis: 49% !important; -webkit-flex-basis: 49% !important;}
.flex-basis50p{ flex-basis: 50% !important; -webkit-flex-basis: 50% !important;}
.flex-basis51p{ flex-basis: 51% !important; -webkit-flex-basis: 51% !important;}
.flex-basis52p{ flex-basis: 52% !important; -webkit-flex-basis: 52% !important;}
.flex-basis53p{ flex-basis: 53% !important; -webkit-flex-basis: 53% !important;}
.flex-basis54p{ flex-basis: 54% !important; -webkit-flex-basis: 54% !important;}
.flex-basis55p{ flex-basis: 55% !important; -webkit-flex-basis: 55% !important;}
.flex-basis56p{ flex-basis: 56% !important; -webkit-flex-basis: 56% !important;}
.flex-basis57p{ flex-basis: 57% !important; -webkit-flex-basis: 57% !important;}
.flex-basis58p{ flex-basis: 58% !important; -webkit-flex-basis: 58% !important;}
.flex-basis59p{ flex-basis: 59% !important; -webkit-flex-basis: 59% !important;}
.flex-basis60p{ flex-basis: 60% !important; -webkit-flex-basis: 60% !important;}
.flex-basis61p{ flex-basis: 61% !important; -webkit-flex-basis: 61% !important;}
.flex-basis62p{ flex-basis: 62% !important; -webkit-flex-basis: 62% !important;}
.flex-basis63p{ flex-basis: 63% !important; -webkit-flex-basis: 63% !important;}
.flex-basis64p{ flex-basis: 64% !important; -webkit-flex-basis: 64% !important;}
.flex-basis65p{ flex-basis: 65% !important; -webkit-flex-basis: 65% !important;}
.flex-basis66p{ flex-basis: 66% !important; -webkit-flex-basis: 66% !important;}
.flex-basis67p{ flex-basis: 67% !important; -webkit-flex-basis: 67% !important;}
.flex-basis68p{ flex-basis: 68% !important; -webkit-flex-basis: 68% !important;}
.flex-basis69p{ flex-basis: 69% !important; -webkit-flex-basis: 69% !important;}
.flex-basis70p{ flex-basis: 70% !important; -webkit-flex-basis: 70% !important;}
.flex-basis71p{ flex-basis: 71% !important; -webkit-flex-basis: 71% !important;}
.flex-basis72p{ flex-basis: 72% !important; -webkit-flex-basis: 72% !important;}
.flex-basis73p{ flex-basis: 73% !important; -webkit-flex-basis: 73% !important;}
.flex-basis74p{ flex-basis: 74% !important; -webkit-flex-basis: 74% !important;}
.flex-basis75p{ flex-basis: 75% !important; -webkit-flex-basis: 75% !important;}
.flex-basis76p{ flex-basis: 76% !important; -webkit-flex-basis: 76% !important;}
.flex-basis77p{ flex-basis: 77% !important; -webkit-flex-basis: 77% !important;}
.flex-basis78p{ flex-basis: 78% !important; -webkit-flex-basis: 78% !important;}
.flex-basis79p{ flex-basis: 79% !important; -webkit-flex-basis: 79% !important;}
.flex-basis80p{ flex-basis: 80% !important; -webkit-flex-basis: 80% !important;}
.flex-basis81p{ flex-basis: 81% !important; -webkit-flex-basis: 81% !important;}
.flex-basis82p{ flex-basis: 82% !important; -webkit-flex-basis: 82% !important;}
.flex-basis83p{ flex-basis: 83% !important; -webkit-flex-basis: 83% !important;}
.flex-basis84p{ flex-basis: 84% !important; -webkit-flex-basis: 84% !important;}
.flex-basis85p{ flex-basis: 85% !important; -webkit-flex-basis: 85% !important;}
.flex-basis86p{ flex-basis: 86% !important; -webkit-flex-basis: 86% !important;}
.flex-basis87p{ flex-basis: 87% !important; -webkit-flex-basis: 87% !important;}
.flex-basis88p{ flex-basis: 88% !important; -webkit-flex-basis: 88% !important;}
.flex-basis89p{ flex-basis: 89% !important; -webkit-flex-basis: 89% !important;}
.flex-basis90p{ flex-basis: 90% !important; -webkit-flex-basis: 90% !important;}
.flex-basis91p{ flex-basis: 91% !important; -webkit-flex-basis: 91% !important;}
.flex-basis92p{ flex-basis: 92% !important; -webkit-flex-basis: 92% !important;}
.flex-basis93p{ flex-basis: 93% !important; -webkit-flex-basis: 93% !important;}
.flex-basis94p{ flex-basis: 94% !important; -webkit-flex-basis: 94% !important;}
.flex-basis95p{ flex-basis: 95% !important; -webkit-flex-basis: 95% !important;}
.flex-basis96p{ flex-basis: 96% !important; -webkit-flex-basis: 96% !important;}
.flex-basis97p{ flex-basis: 97% !important; -webkit-flex-basis: 97% !important;}
.flex-basis98p{ flex-basis: 98% !important; -webkit-flex-basis: 98% !important;}
.flex-basis99p{ flex-basis: 99% !important; -webkit-flex-basis: 99% !important;}
.flex-basis100p{ flex-basis: 100% !important; -webkit-flex-basis: 100% !important;}

/* pc */
@media all and (min-width: 1001px) {
/* 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; 
}

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

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

/* clearfix
===========================================================*/
.pc_clearfix:after {
  content: ".pc_"; 
  display: block;
  clear: both;
  visibility: hidden;
  height:0;}
.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; }

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

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


/*
---------------------- display: flex;関係 -----------------------------
*/

.pc_flex{
  display: flex !important;
  display: -webkit-flex !important;
}

/* ------------------------------- Fexbox（親）に対して指定できるCSS  -------------------------------*/

/*  --------------- flex-direction（flex item全体の配置方向） --------------- */

.pc_direction_row{
  flex-direction: row !important;
  -webkit-flex-direction: row !important;
}

.pc_direction_reverse{
  flex-direction: row-reverse !important;
  -webkit-flex-direction: row-reverse !important;
}

.pc_direction_column{
  flex-direction: column !important;
  -webkit-flex-direction: column !important;
}

.pc_direction_column-reverse{
  flex-direction: column-reverse !important;
  -webkit-flex-direction: column-reverse !important;
}

/*  --------------- flex-wrap（flex item全体の折り返しかた） --------------- */

.pc_flex-wrap_nowrap{
  flex-direction: nowrap !important;
  -webkit-flex-direction: nowrap !important;
}

.pc_flex-wrap_wrap{
  flex-direction: wrap !important;
  -webkit-flex-direction: wrap !important;
}

.pc_flex-wrap_wrap-reverse{
  flex-direction: wrap-reverse !important;
  -webkit-flex-direction: wrap-reverse !important;
}

/* pc */

.pc_pc_flex-wrap_nowrap{
  flex-direction: nowrap !important;
  -webkit-flex-direction: nowrap !important;
}

.pc_pc_flex-wrap_wrap{
  flex-direction: wrap !important;
  -webkit-flex-direction: wrap !important;
}

.pc_pc_flex-wrap_wrap-reverse{
  flex-direction: wrap-reverse !important;
  -webkit-flex-direction: wrap-reverse !important;
}

/*  --------------- justify-content（flexbox（親に対する） flex itemの横の揃え）  --------------- */

.pc_jc_flex-start{
  justify-content: flex-start !important;
  -webkit-justify-content: flex-start !important;
}

.pc_jc_flex-end{
  justify-content: flex-end !important;
  -webkit-justify-content: flex-end !important;
}

.pc_jc_center{
  justify-content: center !important;
  -webkit-justify-content: center !important;
}

.pc_jc_space-between{
  justify-content: space-between !important;
  -webkit-justify-content: space-between !important;
}

.pc_jc_space-around{
  justify-content: space-around !important;
  -webkit-justify-content: space-around !important;
}


/*  --------------- align-content（flexbox（親に対する） flex itemの縦の揃え） ---------------  */

.pc_ac_flex-start {
  justify-content: flex-start !important;
  -webkit-justify-content: flex-start !important;
}

.pc_ac_flex-end {
  justify-content: flex-end !important;
  -webkit-justify-content: flex-end !important;
}

.pc_ac_center {
  justify-content: center !important;
  -webkit-justify-content: center !important;
}

.pc_ac_space-between {
  justify-content: space-between !important;
  -webkit-justify-content: space-between !important;
}


.pc_ac_space-around {
  justify-content: space-around !important;
  -webkit-justify-content: space-around !important;
}

/*  --------------- align-items  --------------- */

.pc_ai_flex-start{
  align-items: flex-start !important;
  -webkit-align-items: flex-start !important;
}

.pc_ai_flex-end{
  align-items: flex-end !important;
  -webkit-align-items: flex-end !important;
}

.pc_ai_center{
  align-items: center !important;
  -webkit-align-items: center !important;
}

.pc_ai_baseline{
  align-items: baseline !important;
  -webkit-align-items: baseline !important;
}

.pc_ai_stretch{
  align-items: stretch !important;
  -webkit-align-items: stretch !important;
}

/* ------------------------------- Fexitem（子）に対して指定できるCSS  -------------------------------*/

/*  --------------- .pc_align-self  ---------------*/

.pc_as_flex-start{
  align-items: flex-start !important;
  -webkit-align-items: flex-start !important;
}

.pc_as_flex-end{
  align-items: flex-end !important;
  -webkit-align-items: flex-end !important;
}

.pc_as_center{
  align-items: center !important;
  -webkit-align-items: center !important;
}

.pc_as_baseline{
  align-items: baseline !important;
  -webkit-align-items: baseline !important;
}

.pc_as_stretch{
  align-items: stretch !important;
  -webkit-align-items: stretch !important;
}

/* --------------- .pc_order  --------------- */

.pc_order01{ order: 1; -webkit-order: 1; }
.pc_order02{ order: 2; -webkit-order: 2; }
.pc_order03{ order: 3; -webkit-order: 3; }
.pc_order04{ order: 4; -webkit-order: 4; }
.pc_order05{ order: 5; -webkit-order: 5; }
.pc_order06{ order: 6; -webkit-order: 6; }
.pc_order07{ order: 7; -webkit-order: 7; }
.pc_order08{ order: 8; -webkit-order: 8; }
.pc_order09{ order: 9; -webkit-order: 9; }
.pc_order10{ order: 10; -webkit-order: 10; }

/*  --------------- .pc_flex-grow --------------- */

.pc_flex-grow01{ flex-grow: 1; -webkit-flex-grow: 1; }
.pc_flex-grow02{ flex-grow: 2; -webkit-flex-grow: 2; }
.pc_flex-grow03{ flex-grow: 3; -webkit-flex-grow: 3; }
.pc_flex-grow04{ flex-grow: 4; -webkit-flex-grow: 4; }
.pc_flex-grow05{ flex-grow: 5; -webkit-flex-grow: 5; }
.pc_flex-grow06{ flex-grow: 6; -webkit-flex-grow: 6; }
.pc_flex-grow07{ flex-grow: 7; -webkit-flex-grow: 7; }
.pc_flex-grow08{ flex-grow: 8; -webkit-flex-grow: 8; }
.pc_flex-grow09{ flex-grow: 9; -webkit-flex-grow: 9; }
.pc_flex-grow10{ flex-grow: 10; -webkit-flex-grow: 10; }
.pc_flex-grow11{ flex-grow: 11; -webkit-flex-grow: 11; }
.pc_flex-grow12{ flex-grow: 12; -webkit-flex-grow: 12; }
.pc_flex-grow13{ flex-grow: 13; -webkit-flex-grow: 13; }
.pc_flex-grow14{ flex-grow: 14; -webkit-flex-grow: 14; }
.pc_flex-grow15{ flex-grow: 15; -webkit-flex-grow: 15; }
.pc_flex-grow16{ flex-grow: 16; -webkit-flex-grow: 16; }
.pc_flex-grow17{ flex-grow: 17; -webkit-flex-grow: 17; }
.pc_flex-grow18{ flex-grow: 18; -webkit-flex-grow: 18; }
.pc_flex-grow19{ flex-grow: 19; -webkit-flex-grow: 19; }
.pc_flex-grow20{ flex-grow: 20; -webkit-flex-grow: 20; }
.pc_flex-grow21{ flex-grow: 21; -webkit-flex-grow: 21; }
.pc_flex-grow22{ flex-grow: 22; -webkit-flex-grow: 22; }
.pc_flex-grow23{ flex-grow: 23; -webkit-flex-grow: 23; }
.pc_flex-grow24{ flex-grow: 24; -webkit-flex-grow: 24; }
.pc_flex-grow25{ flex-grow: 25; -webkit-flex-grow: 25; }
.pc_flex-grow26{ flex-grow: 26; -webkit-flex-grow: 26; }
.pc_flex-grow27{ flex-grow: 27; -webkit-flex-grow: 27; }
.pc_flex-grow28{ flex-grow: 28; -webkit-flex-grow: 28; }
.pc_flex-grow29{ flex-grow: 29; -webkit-flex-grow: 29; }
.pc_flex-grow30{ flex-grow: 30; -webkit-flex-grow: 30; }
.pc_flex-grow31{ flex-grow: 31; -webkit-flex-grow: 31; }
.pc_flex-grow32{ flex-grow: 32; -webkit-flex-grow: 32; }
.pc_flex-grow33{ flex-grow: 33; -webkit-flex-grow: 33; }
.pc_flex-grow34{ flex-grow: 34; -webkit-flex-grow: 34; }
.pc_flex-grow35{ flex-grow: 35; -webkit-flex-grow: 35; }
.pc_flex-grow36{ flex-grow: 36; -webkit-flex-grow: 36; }
.pc_flex-grow37{ flex-grow: 37; -webkit-flex-grow: 37; }
.pc_flex-grow38{ flex-grow: 38; -webkit-flex-grow: 38; }
.pc_flex-grow39{ flex-grow: 39; -webkit-flex-grow: 39; }
.pc_flex-grow40{ flex-grow: 40; -webkit-flex-grow: 40; }
.pc_flex-grow41{ flex-grow: 41; -webkit-flex-grow: 41; }
.pc_flex-grow42{ flex-grow: 42; -webkit-flex-grow: 42; }
.pc_flex-grow43{ flex-grow: 43; -webkit-flex-grow: 43; }
.pc_flex-grow44{ flex-grow: 44; -webkit-flex-grow: 44; }
.pc_flex-grow45{ flex-grow: 45; -webkit-flex-grow: 45; }
.pc_flex-grow46{ flex-grow: 46; -webkit-flex-grow: 46; }
.pc_flex-grow47{ flex-grow: 47; -webkit-flex-grow: 47; }
.pc_flex-grow48{ flex-grow: 48; -webkit-flex-grow: 48; }
.pc_flex-grow49{ flex-grow: 49; -webkit-flex-grow: 49; }
.pc_flex-grow50{ flex-grow: 50; -webkit-flex-grow: 50; }
.pc_flex-grow51{ flex-grow: 51; -webkit-flex-grow: 51; }
.pc_flex-grow52{ flex-grow: 52; -webkit-flex-grow: 52; }
.pc_flex-grow53{ flex-grow: 53; -webkit-flex-grow: 53; }
.pc_flex-grow54{ flex-grow: 54; -webkit-flex-grow: 54; }
.pc_flex-grow55{ flex-grow: 55; -webkit-flex-grow: 55; }
.pc_flex-grow56{ flex-grow: 56; -webkit-flex-grow: 56; }
.pc_flex-grow57{ flex-grow: 57; -webkit-flex-grow: 57; }
.pc_flex-grow58{ flex-grow: 58; -webkit-flex-grow: 58; }
.pc_flex-grow59{ flex-grow: 59; -webkit-flex-grow: 59; }
.pc_flex-grow60{ flex-grow: 60; -webkit-flex-grow: 60; }
.pc_flex-grow61{ flex-grow: 61; -webkit-flex-grow: 61; }
.pc_flex-grow62{ flex-grow: 62; -webkit-flex-grow: 62; }
.pc_flex-grow63{ flex-grow: 63; -webkit-flex-grow: 63; }
.pc_flex-grow64{ flex-grow: 64; -webkit-flex-grow: 64; }
.pc_flex-grow65{ flex-grow: 65; -webkit-flex-grow: 65; }
.pc_flex-grow66{ flex-grow: 66; -webkit-flex-grow: 66; }
.pc_flex-grow67{ flex-grow: 67; -webkit-flex-grow: 67; }
.pc_flex-grow68{ flex-grow: 68; -webkit-flex-grow: 68; }
.pc_flex-grow69{ flex-grow: 69; -webkit-flex-grow: 69; }
.pc_flex-grow70{ flex-grow: 70; -webkit-flex-grow: 70; }
.pc_flex-grow71{ flex-grow: 71; -webkit-flex-grow: 71; }
.pc_flex-grow72{ flex-grow: 72; -webkit-flex-grow: 72; }
.pc_flex-grow73{ flex-grow: 73; -webkit-flex-grow: 73; }
.pc_flex-grow74{ flex-grow: 74; -webkit-flex-grow: 74; }
.pc_flex-grow75{ flex-grow: 75; -webkit-flex-grow: 75; }
.pc_flex-grow76{ flex-grow: 76; -webkit-flex-grow: 76; }
.pc_flex-grow77{ flex-grow: 77; -webkit-flex-grow: 77; }
.pc_flex-grow78{ flex-grow: 78; -webkit-flex-grow: 78; }
.pc_flex-grow79{ flex-grow: 79; -webkit-flex-grow: 79; }
.pc_flex-grow80{ flex-grow: 80; -webkit-flex-grow: 80; }
.pc_flex-grow81{ flex-grow: 81; -webkit-flex-grow: 81; }
.pc_flex-grow82{ flex-grow: 82; -webkit-flex-grow: 82; }
.pc_flex-grow83{ flex-grow: 83; -webkit-flex-grow: 83; }
.pc_flex-grow84{ flex-grow: 84; -webkit-flex-grow: 84; }
.pc_flex-grow85{ flex-grow: 85; -webkit-flex-grow: 85; }
.pc_flex-grow86{ flex-grow: 86; -webkit-flex-grow: 86; }
.pc_flex-grow87{ flex-grow: 87; -webkit-flex-grow: 87; }
.pc_flex-grow88{ flex-grow: 88; -webkit-flex-grow: 88; }
.pc_flex-grow89{ flex-grow: 89; -webkit-flex-grow: 89; }
.pc_flex-grow90{ flex-grow: 90; -webkit-flex-grow: 90; }
.pc_flex-grow91{ flex-grow: 91; -webkit-flex-grow: 91; }
.pc_flex-grow92{ flex-grow: 92; -webkit-flex-grow: 92; }
.pc_flex-grow93{ flex-grow: 93; -webkit-flex-grow: 93; }
.pc_flex-grow94{ flex-grow: 94; -webkit-flex-grow: 94; }
.pc_flex-grow95{ flex-grow: 95; -webkit-flex-grow: 95; }
.pc_flex-grow96{ flex-grow: 96; -webkit-flex-grow: 96; }
.pc_flex-grow97{ flex-grow: 97; -webkit-flex-grow: 97; }
.pc_flex-grow98{ flex-grow: 98; -webkit-flex-grow: 98; }
.pc_flex-grow99{ flex-grow: 99; -webkit-flex-grow: 99; }
.pc_flex-grow100{ flex-grow: 100; -webkit-flex-grow: 100; }

/*  --------------- .pc_flex-shrink --------------- */

.pc_flex-shrink01{ flex-shrink: 1; -webkit-flex-shrink: 1; }
.pc_flex-shrink02{ flex-shrink: 2; -webkit-flex-shrink: 2; }
.pc_flex-shrink03{ flex-shrink: 3; -webkit-flex-shrink: 3; }
.pc_flex-shrink04{ flex-shrink: 4; -webkit-flex-shrink: 4; }
.pc_flex-shrink05{ flex-shrink: 5; -webkit-flex-shrink: 5; }
.pc_flex-shrink06{ flex-shrink: 6; -webkit-flex-shrink: 6; }
.pc_flex-shrink07{ flex-shrink: 7; -webkit-flex-shrink: 7; }
.pc_flex-shrink08{ flex-shrink: 8; -webkit-flex-shrink: 8; }
.pc_flex-shrink09{ flex-shrink: 9; -webkit-flex-shrink: 9; }
.pc_flex-shrink10{ flex-shrink: 10; -webkit-flex-shrink: 10; }
.pc_flex-shrink11{ flex-shrink: 11; -webkit-flex-shrink: 11; }
.pc_flex-shrink12{ flex-shrink: 12; -webkit-flex-shrink: 12; }
.pc_flex-shrink13{ flex-shrink: 13; -webkit-flex-shrink: 13; }
.pc_flex-shrink14{ flex-shrink: 14; -webkit-flex-shrink: 14; }
.pc_flex-shrink15{ flex-shrink: 15; -webkit-flex-shrink: 15; }
.pc_flex-shrink16{ flex-shrink: 16; -webkit-flex-shrink: 16; }
.pc_flex-shrink17{ flex-shrink: 17; -webkit-flex-shrink: 17; }
.pc_flex-shrink18{ flex-shrink: 18; -webkit-flex-shrink: 18; }
.pc_flex-shrink19{ flex-shrink: 19; -webkit-flex-shrink: 19; }
.pc_flex-shrink20{ flex-shrink: 20; -webkit-flex-shrink: 20; }
.pc_flex-shrink21{ flex-shrink: 21; -webkit-flex-shrink: 21; }
.pc_flex-shrink22{ flex-shrink: 22; -webkit-flex-shrink: 22; }
.pc_flex-shrink23{ flex-shrink: 23; -webkit-flex-shrink: 23; }
.pc_flex-shrink24{ flex-shrink: 24; -webkit-flex-shrink: 24; }
.pc_flex-shrink25{ flex-shrink: 25; -webkit-flex-shrink: 25; }
.pc_flex-shrink26{ flex-shrink: 26; -webkit-flex-shrink: 26; }
.pc_flex-shrink27{ flex-shrink: 27; -webkit-flex-shrink: 27; }
.pc_flex-shrink28{ flex-shrink: 28; -webkit-flex-shrink: 28; }
.pc_flex-shrink29{ flex-shrink: 29; -webkit-flex-shrink: 29; }
.pc_flex-shrink30{ flex-shrink: 30; -webkit-flex-shrink: 30; }
.pc_flex-shrink31{ flex-shrink: 31; -webkit-flex-shrink: 31; }
.pc_flex-shrink32{ flex-shrink: 32; -webkit-flex-shrink: 32; }
.pc_flex-shrink33{ flex-shrink: 33; -webkit-flex-shrink: 33; }
.pc_flex-shrink34{ flex-shrink: 34; -webkit-flex-shrink: 34; }
.pc_flex-shrink35{ flex-shrink: 35; -webkit-flex-shrink: 35; }
.pc_flex-shrink36{ flex-shrink: 36; -webkit-flex-shrink: 36; }
.pc_flex-shrink37{ flex-shrink: 37; -webkit-flex-shrink: 37; }
.pc_flex-shrink38{ flex-shrink: 38; -webkit-flex-shrink: 38; }
.pc_flex-shrink39{ flex-shrink: 39; -webkit-flex-shrink: 39; }
.pc_flex-shrink40{ flex-shrink: 40; -webkit-flex-shrink: 40; }
.pc_flex-shrink41{ flex-shrink: 41; -webkit-flex-shrink: 41; }
.pc_flex-shrink42{ flex-shrink: 42; -webkit-flex-shrink: 42; }
.pc_flex-shrink43{ flex-shrink: 43; -webkit-flex-shrink: 43; }
.pc_flex-shrink44{ flex-shrink: 44; -webkit-flex-shrink: 44; }
.pc_flex-shrink45{ flex-shrink: 45; -webkit-flex-shrink: 45; }
.pc_flex-shrink46{ flex-shrink: 46; -webkit-flex-shrink: 46; }
.pc_flex-shrink47{ flex-shrink: 47; -webkit-flex-shrink: 47; }
.pc_flex-shrink48{ flex-shrink: 48; -webkit-flex-shrink: 48; }
.pc_flex-shrink49{ flex-shrink: 49; -webkit-flex-shrink: 49; }
.pc_flex-shrink50{ flex-shrink: 50; -webkit-flex-shrink: 50; }
.pc_flex-shrink51{ flex-shrink: 51; -webkit-flex-shrink: 51; }
.pc_flex-shrink52{ flex-shrink: 52; -webkit-flex-shrink: 52; }
.pc_flex-shrink53{ flex-shrink: 53; -webkit-flex-shrink: 53; }
.pc_flex-shrink54{ flex-shrink: 54; -webkit-flex-shrink: 54; }
.pc_flex-shrink55{ flex-shrink: 55; -webkit-flex-shrink: 55; }
.pc_flex-shrink56{ flex-shrink: 56; -webkit-flex-shrink: 56; }
.pc_flex-shrink57{ flex-shrink: 57; -webkit-flex-shrink: 57; }
.pc_flex-shrink58{ flex-shrink: 58; -webkit-flex-shrink: 58; }
.pc_flex-shrink59{ flex-shrink: 59; -webkit-flex-shrink: 59; }
.pc_flex-shrink60{ flex-shrink: 60; -webkit-flex-shrink: 60; }
.pc_flex-shrink61{ flex-shrink: 61; -webkit-flex-shrink: 61; }
.pc_flex-shrink62{ flex-shrink: 62; -webkit-flex-shrink: 62; }
.pc_flex-shrink63{ flex-shrink: 63; -webkit-flex-shrink: 63; }
.pc_flex-shrink64{ flex-shrink: 64; -webkit-flex-shrink: 64; }
.pc_flex-shrink65{ flex-shrink: 65; -webkit-flex-shrink: 65; }
.pc_flex-shrink66{ flex-shrink: 66; -webkit-flex-shrink: 66; }
.pc_flex-shrink67{ flex-shrink: 67; -webkit-flex-shrink: 67; }
.pc_flex-shrink68{ flex-shrink: 68; -webkit-flex-shrink: 68; }
.pc_flex-shrink69{ flex-shrink: 69; -webkit-flex-shrink: 69; }
.pc_flex-shrink70{ flex-shrink: 70; -webkit-flex-shrink: 70; }
.pc_flex-shrink71{ flex-shrink: 71; -webkit-flex-shrink: 71; }
.pc_flex-shrink72{ flex-shrink: 72; -webkit-flex-shrink: 72; }
.pc_flex-shrink73{ flex-shrink: 73; -webkit-flex-shrink: 73; }
.pc_flex-shrink74{ flex-shrink: 74; -webkit-flex-shrink: 74; }
.pc_flex-shrink75{ flex-shrink: 75; -webkit-flex-shrink: 75; }
.pc_flex-shrink76{ flex-shrink: 76; -webkit-flex-shrink: 76; }
.pc_flex-shrink77{ flex-shrink: 77; -webkit-flex-shrink: 77; }
.pc_flex-shrink78{ flex-shrink: 78; -webkit-flex-shrink: 78; }
.pc_flex-shrink79{ flex-shrink: 79; -webkit-flex-shrink: 79; }
.pc_flex-shrink80{ flex-shrink: 80; -webkit-flex-shrink: 80; }
.pc_flex-shrink81{ flex-shrink: 81; -webkit-flex-shrink: 81; }
.pc_flex-shrink82{ flex-shrink: 82; -webkit-flex-shrink: 82; }
.pc_flex-shrink83{ flex-shrink: 83; -webkit-flex-shrink: 83; }
.pc_flex-shrink84{ flex-shrink: 84; -webkit-flex-shrink: 84; }
.pc_flex-shrink85{ flex-shrink: 85; -webkit-flex-shrink: 85; }
.pc_flex-shrink86{ flex-shrink: 86; -webkit-flex-shrink: 86; }
.pc_flex-shrink87{ flex-shrink: 87; -webkit-flex-shrink: 87; }
.pc_flex-shrink88{ flex-shrink: 88; -webkit-flex-shrink: 88; }
.pc_flex-shrink89{ flex-shrink: 89; -webkit-flex-shrink: 89; }
.pc_flex-shrink90{ flex-shrink: 90; -webkit-flex-shrink: 90; }
.pc_flex-shrink91{ flex-shrink: 91; -webkit-flex-shrink: 91; }
.pc_flex-shrink92{ flex-shrink: 92; -webkit-flex-shrink: 92; }
.pc_flex-shrink93{ flex-shrink: 93; -webkit-flex-shrink: 93; }
.pc_flex-shrink94{ flex-shrink: 94; -webkit-flex-shrink: 94; }
.pc_flex-shrink95{ flex-shrink: 95; -webkit-flex-shrink: 95; }
.pc_flex-shrink96{ flex-shrink: 96; -webkit-flex-shrink: 96; }
.pc_flex-shrink97{ flex-shrink: 97; -webkit-flex-shrink: 97; }
.pc_flex-shrink98{ flex-shrink: 98; -webkit-flex-shrink: 98; }
.pc_flex-shrink99{ flex-shrink: 99; -webkit-flex-shrink: 99; }
.pc_flex-shrink100{ flex-shrink: 100; -webkit-flex-shrink: 100; }

/*  .pc_flex-basis  */

.pc_flex-basis00{ flex-basis: 0px !important; -webkit-flex-basis: 0px !important;}
.pc_flex-basis10{ flex-basis: 10px !important; -webkit-flex-basis: 10px !important;}
.pc_flex-basis20{ flex-basis: 20px !important; -webkit-flex-basis: 20px !important;}
.pc_flex-basis30{ flex-basis: 30px !important; -webkit-flex-basis: 30px !important;}
.pc_flex-basis40{ flex-basis: 40px !important; -webkit-flex-basis: 40px !important;}
.pc_flex-basis50{ flex-basis: 50px !important; -webkit-flex-basis: 50px !important;}
.pc_flex-basis60{ flex-basis: 60px !important; -webkit-flex-basis: 60px !important;}
.pc_flex-basis70{ flex-basis: 70px !important; -webkit-flex-basis: 70px !important;}
.pc_flex-basis80{ flex-basis: 80px !important; -webkit-flex-basis: 80px !important;}
.pc_flex-basis90{ flex-basis: 90px !important; -webkit-flex-basis: 90px !important;}
.pc_flex-basis100{ flex-basis: 100px !important; -webkit-flex-basis: 100px !important;}
.pc_flex-basis110{ flex-basis: 110px !important; -webkit-flex-basis: 110px !important;}
.pc_flex-basis120{ flex-basis: 120px !important; -webkit-flex-basis: 120px !important;}
.pc_flex-basis130{ flex-basis: 130px !important; -webkit-flex-basis: 130px !important;}
.pc_flex-basis140{ flex-basis: 140px !important; -webkit-flex-basis: 140px !important;}
.pc_flex-basis150{ flex-basis: 150px !important; -webkit-flex-basis: 150px !important;}
.pc_flex-basis160{ flex-basis: 160px !important; -webkit-flex-basis: 160px !important;}
.pc_flex-basis170{ flex-basis: 170px !important; -webkit-flex-basis: 170px !important;}
.pc_flex-basis180{ flex-basis: 180px !important; -webkit-flex-basis: 180px !important;}
.pc_flex-basis190{ flex-basis: 190px !important; -webkit-flex-basis: 190px !important;}
.pc_flex-basis200{ flex-basis: 200px !important; -webkit-flex-basis: 200px !important;}
.pc_flex-basis210{ flex-basis: 210px !important; -webkit-flex-basis: 210px !important;}
.pc_flex-basis220{ flex-basis: 220px !important; -webkit-flex-basis: 220px !important;}
.pc_flex-basis230{ flex-basis: 230px !important; -webkit-flex-basis: 230px !important;}
.pc_flex-basis240{ flex-basis: 240px !important; -webkit-flex-basis: 240px !important;}
.pc_flex-basis250{ flex-basis: 250px !important; -webkit-flex-basis: 250px !important;}
.pc_flex-basis260{ flex-basis: 260px !important; -webkit-flex-basis: 260px !important;}
.pc_flex-basis270{ flex-basis: 270px !important; -webkit-flex-basis: 270px !important;}
.pc_flex-basis280{ flex-basis: 280px !important; -webkit-flex-basis: 280px !important;}
.pc_flex-basis290{ flex-basis: 290px !important; -webkit-flex-basis: 290px !important;}
.pc_flex-basis300{ flex-basis: 300px !important; -webkit-flex-basis: 300px !important;}
.pc_flex-basis310{ flex-basis: 310px !important; -webkit-flex-basis: 310px !important;}
.pc_flex-basis320{ flex-basis: 320px !important; -webkit-flex-basis: 320px !important;}
.pc_flex-basis330{ flex-basis: 330px !important; -webkit-flex-basis: 330px !important;}
.pc_flex-basis340{ flex-basis: 340px !important; -webkit-flex-basis: 340px !important;}
.pc_flex-basis350{ flex-basis: 350px !important; -webkit-flex-basis: 350px !important;}
.pc_flex-basis360{ flex-basis: 360px !important; -webkit-flex-basis: 360px !important;}
.pc_flex-basis370{ flex-basis: 370px !important; -webkit-flex-basis: 370px !important;}
.pc_flex-basis380{ flex-basis: 380px !important; -webkit-flex-basis: 380px !important;}
.pc_flex-basis390{ flex-basis: 390px !important; -webkit-flex-basis: 390px !important;}
.pc_flex-basis400{ flex-basis: 400px !important; -webkit-flex-basis: 400px !important;}
.pc_flex-basis410{ flex-basis: 410px !important; -webkit-flex-basis: 410px !important;}
.pc_flex-basis420{ flex-basis: 420px !important; -webkit-flex-basis: 420px !important;}
.pc_flex-basis430{ flex-basis: 430px !important; -webkit-flex-basis: 430px !important;}
.pc_flex-basis440{ flex-basis: 440px !important; -webkit-flex-basis: 440px !important;}
.pc_flex-basis450{ flex-basis: 450px !important; -webkit-flex-basis: 450px !important;}
.pc_flex-basis460{ flex-basis: 460px !important; -webkit-flex-basis: 460px !important;}
.pc_flex-basis470{ flex-basis: 470px !important; -webkit-flex-basis: 470px !important;}
.pc_flex-basis480{ flex-basis: 480px !important; -webkit-flex-basis: 480px !important;}
.pc_flex-basis490{ flex-basis: 490px !important; -webkit-flex-basis: 490px !important;}
.pc_flex-basis500{ flex-basis: 500px !important; -webkit-flex-basis: 500px !important;}
.pc_flex-basis510{ flex-basis: 510px !important; -webkit-flex-basis: 510px !important;}
.pc_flex-basis520{ flex-basis: 520px !important; -webkit-flex-basis: 520px !important;}
.pc_flex-basis530{ flex-basis: 530px !important; -webkit-flex-basis: 530px !important;}
.pc_flex-basis540{ flex-basis: 540px !important; -webkit-flex-basis: 540px !important;}
.pc_flex-basis550{ flex-basis: 550px !important; -webkit-flex-basis: 550px !important;}
.pc_flex-basis560{ flex-basis: 560px !important; -webkit-flex-basis: 560px !important;}
.pc_flex-basis570{ flex-basis: 570px !important; -webkit-flex-basis: 570px !important;}
.pc_flex-basis580{ flex-basis: 580px !important; -webkit-flex-basis: 580px !important;}
.pc_flex-basis590{ flex-basis: 590px !important; -webkit-flex-basis: 590px !important;}
.pc_flex-basis600{ flex-basis: 600px !important; -webkit-flex-basis: 600px !important;}
.pc_flex-basis610{ flex-basis: 610px !important; -webkit-flex-basis: 610px !important;}
.pc_flex-basis620{ flex-basis: 620px !important; -webkit-flex-basis: 620px !important;}
.pc_flex-basis630{ flex-basis: 630px !important; -webkit-flex-basis: 630px !important;}
.pc_flex-basis640{ flex-basis: 640px !important; -webkit-flex-basis: 640px !important;}
.pc_flex-basis650{ flex-basis: 650px !important; -webkit-flex-basis: 650px !important;}
.pc_flex-basis660{ flex-basis: 660px !important; -webkit-flex-basis: 660px !important;}
.pc_flex-basis670{ flex-basis: 670px !important; -webkit-flex-basis: 670px !important;}
.pc_flex-basis680{ flex-basis: 680px !important; -webkit-flex-basis: 680px !important;}
.pc_flex-basis690{ flex-basis: 690px !important; -webkit-flex-basis: 690px !important;}
.pc_flex-basis700{ flex-basis: 700px !important; -webkit-flex-basis: 700px !important;}
.pc_flex-basis710{ flex-basis: 710px !important; -webkit-flex-basis: 710px !important;}
.pc_flex-basis720{ flex-basis: 720px !important; -webkit-flex-basis: 720px !important;}
.pc_flex-basis730{ flex-basis: 730px !important; -webkit-flex-basis: 730px !important;}
.pc_flex-basis740{ flex-basis: 740px !important; -webkit-flex-basis: 740px !important;}
.pc_flex-basis750{ flex-basis: 750px !important; -webkit-flex-basis: 750px !important;}
.pc_flex-basis760{ flex-basis: 760px !important; -webkit-flex-basis: 760px !important;}
.pc_flex-basis770{ flex-basis: 770px !important; -webkit-flex-basis: 770px !important;}
.pc_flex-basis780{ flex-basis: 780px !important; -webkit-flex-basis: 780px !important;}
.pc_flex-basis790{ flex-basis: 790px !important; -webkit-flex-basis: 790px !important;}
.pc_flex-basis800{ flex-basis: 800px !important; -webkit-flex-basis: 800px !important;}
.pc_flex-basis810{ flex-basis: 810px !important; -webkit-flex-basis: 810px !important;}
.pc_flex-basis820{ flex-basis: 820px !important; -webkit-flex-basis: 820px !important;}
.pc_flex-basis830{ flex-basis: 830px !important; -webkit-flex-basis: 830px !important;}
.pc_flex-basis840{ flex-basis: 840px !important; -webkit-flex-basis: 840px !important;}
.pc_flex-basis850{ flex-basis: 850px !important; -webkit-flex-basis: 850px !important;}
.pc_flex-basis860{ flex-basis: 860px !important; -webkit-flex-basis: 860px !important;}
.pc_flex-basis870{ flex-basis: 870px !important; -webkit-flex-basis: 870px !important;}
.pc_flex-basis880{ flex-basis: 880px !important; -webkit-flex-basis: 880px !important;}
.pc_flex-basis890{ flex-basis: 890px !important; -webkit-flex-basis: 890px !important;}
.pc_flex-basis900{ flex-basis: 900px !important; -webkit-flex-basis: 900px !important;}
.pc_flex-basis910{ flex-basis: 910px !important; -webkit-flex-basis: 910px !important;}
.pc_flex-basis920{ flex-basis: 920px !important; -webkit-flex-basis: 920px !important;}
.pc_flex-basis930{ flex-basis: 930px !important; -webkit-flex-basis: 930px !important;}
.pc_flex-basis940{ flex-basis: 940px !important; -webkit-flex-basis: 940px !important;}
.pc_flex-basis950{ flex-basis: 950px !important; -webkit-flex-basis: 950px !important;}
.pc_flex-basis960{ flex-basis: 960px !important; -webkit-flex-basis: 960px !important;}
.pc_flex-basis970{ flex-basis: 970px !important; -webkit-flex-basis: 970px !important;}
.pc_flex-basis980{ flex-basis: 980px !important; -webkit-flex-basis: 980px !important;}
.pc_flex-basis990{ flex-basis: 990px !important; -webkit-flex-basis: 990px !important;}
.pc_flex-basis1000{ flex-basis: 1000px !important; -webkit-flex-basis: 1000px !important;}
.pc_flex-basis1010{ flex-basis: 1010px !important; -webkit-flex-basis: 1010px !important;}
.pc_flex-basis1020{ flex-basis: 1020px !important; -webkit-flex-basis: 1020px !important;}
.pc_flex-basis1030{ flex-basis: 1030px !important; -webkit-flex-basis: 1030px !important;}
.pc_flex-basis1040{ flex-basis: 1040px !important; -webkit-flex-basis: 1040px !important;}
.pc_flex-basis1050{ flex-basis: 1050px !important; -webkit-flex-basis: 1050px !important;}
.pc_flex-basis1060{ flex-basis: 1060px !important; -webkit-flex-basis: 1060px !important;}
.pc_flex-basis1070{ flex-basis: 1070px !important; -webkit-flex-basis: 1070px !important;}
.pc_flex-basis1080{ flex-basis: 1080px !important; -webkit-flex-basis: 1080px !important;}
.pc_flex-basis1090{ flex-basis: 1090px !important; -webkit-flex-basis: 1090px !important;}
.pc_flex-basis1100{ flex-basis: 1100px !important; -webkit-flex-basis: 1100px !important;}
.pc_flex-basis1110{ flex-basis: 1110px !important; -webkit-flex-basis: 1110px !important;}
.pc_flex-basis1120{ flex-basis: 1120px !important; -webkit-flex-basis: 1120px !important;}
.pc_flex-basis1130{ flex-basis: 1130px !important; -webkit-flex-basis: 1130px !important;}
.pc_flex-basis1140{ flex-basis: 1140px !important; -webkit-flex-basis: 1140px !important;}
.pc_flex-basis1150{ flex-basis: 1150px !important; -webkit-flex-basis: 1150px !important;}
.pc_flex-basis1160{ flex-basis: 1160px !important; -webkit-flex-basis: 1160px !important;}
.pc_flex-basis1170{ flex-basis: 1170px !important; -webkit-flex-basis: 1170px !important;}
.pc_flex-basis1180{ flex-basis: 1180px !important; -webkit-flex-basis: 1180px !important;}
.pc_flex-basis1190{ flex-basis: 1190px !important; -webkit-flex-basis: 1190px !important;}
.pc_flex-basis1200{ flex-basis: 1200px !important; -webkit-flex-basis: 1200px !important;}

.pc_flex-basis00p{ flex-basis: 0% !important; -webkit-flex-basis: 0% !important;}
.pc_flex-basis01p{ flex-basis: 1% !important; -webkit-flex-basis: 1% !important;}
.pc_flex-basis02p{ flex-basis: 2% !important; -webkit-flex-basis: 2% !important;}
.pc_flex-basis03p{ flex-basis: 3% !important; -webkit-flex-basis: 3% !important;}
.pc_flex-basis04p{ flex-basis: 4% !important; -webkit-flex-basis: 4% !important;}
.pc_flex-basis05p{ flex-basis: 5% !important; -webkit-flex-basis: 5% !important;}
.pc_flex-basis06p{ flex-basis: 6% !important; -webkit-flex-basis: 6% !important;}
.pc_flex-basis07p{ flex-basis: 7% !important; -webkit-flex-basis: 7% !important;}
.pc_flex-basis08p{ flex-basis: 8% !important; -webkit-flex-basis: 8% !important;}
.pc_flex-basis09p{ flex-basis: 9% !important; -webkit-flex-basis: 9% !important;}
.pc_flex-basis10p{ flex-basis: 10% !important; -webkit-flex-basis: 10% !important;}
.pc_flex-basis11p{ flex-basis: 11% !important; -webkit-flex-basis: 11% !important;}
.pc_flex-basis12p{ flex-basis: 12% !important; -webkit-flex-basis: 12% !important;}
.pc_flex-basis13p{ flex-basis: 13% !important; -webkit-flex-basis: 13% !important;}
.pc_flex-basis14p{ flex-basis: 14% !important; -webkit-flex-basis: 14% !important;}
.pc_flex-basis15p{ flex-basis: 15% !important; -webkit-flex-basis: 15% !important;}
.pc_flex-basis16p{ flex-basis: 16% !important; -webkit-flex-basis: 16% !important;}
.pc_flex-basis17p{ flex-basis: 17% !important; -webkit-flex-basis: 17% !important;}
.pc_flex-basis18p{ flex-basis: 18% !important; -webkit-flex-basis: 18% !important;}
.pc_flex-basis19p{ flex-basis: 19% !important; -webkit-flex-basis: 19% !important;}
.pc_flex-basis20p{ flex-basis: 20% !important; -webkit-flex-basis: 20% !important;}
.pc_flex-basis21p{ flex-basis: 21% !important; -webkit-flex-basis: 21% !important;}
.pc_flex-basis22p{ flex-basis: 22% !important; -webkit-flex-basis: 22% !important;}
.pc_flex-basis23p{ flex-basis: 23% !important; -webkit-flex-basis: 23% !important;}
.pc_flex-basis24p{ flex-basis: 24% !important; -webkit-flex-basis: 24% !important;}
.pc_flex-basis25p{ flex-basis: 25% !important; -webkit-flex-basis: 25% !important;}
.pc_flex-basis26p{ flex-basis: 26% !important; -webkit-flex-basis: 26% !important;}
.pc_flex-basis27p{ flex-basis: 27% !important; -webkit-flex-basis: 27% !important;}
.pc_flex-basis28p{ flex-basis: 28% !important; -webkit-flex-basis: 28% !important;}
.pc_flex-basis29p{ flex-basis: 29% !important; -webkit-flex-basis: 29% !important;}
.pc_flex-basis30p{ flex-basis: 30% !important; -webkit-flex-basis: 30% !important;}
.pc_flex-basis31p{ flex-basis: 31% !important; -webkit-flex-basis: 31% !important;}
.pc_flex-basis32p{ flex-basis: 32% !important; -webkit-flex-basis: 32% !important;}
.pc_flex-basis33p{ flex-basis: 33% !important; -webkit-flex-basis: 33% !important;}
.pc_flex-basis34p{ flex-basis: 34% !important; -webkit-flex-basis: 34% !important;}
.pc_flex-basis35p{ flex-basis: 35% !important; -webkit-flex-basis: 35% !important;}
.pc_flex-basis36p{ flex-basis: 36% !important; -webkit-flex-basis: 36% !important;}
.pc_flex-basis37p{ flex-basis: 37% !important; -webkit-flex-basis: 37% !important;}
.pc_flex-basis38p{ flex-basis: 38% !important; -webkit-flex-basis: 38% !important;}
.pc_flex-basis39p{ flex-basis: 39% !important; -webkit-flex-basis: 39% !important;}
.pc_flex-basis40p{ flex-basis: 40% !important; -webkit-flex-basis: 40% !important;}
.pc_flex-basis41p{ flex-basis: 41% !important; -webkit-flex-basis: 41% !important;}
.pc_flex-basis42p{ flex-basis: 42% !important; -webkit-flex-basis: 42% !important;}
.pc_flex-basis43p{ flex-basis: 43% !important; -webkit-flex-basis: 43% !important;}
.pc_flex-basis44p{ flex-basis: 44% !important; -webkit-flex-basis: 44% !important;}
.pc_flex-basis45p{ flex-basis: 45% !important; -webkit-flex-basis: 45% !important;}
.pc_flex-basis46p{ flex-basis: 46% !important; -webkit-flex-basis: 46% !important;}
.pc_flex-basis47p{ flex-basis: 47% !important; -webkit-flex-basis: 47% !important;}
.pc_flex-basis48p{ flex-basis: 48% !important; -webkit-flex-basis: 48% !important;}
.pc_flex-basis49p{ flex-basis: 49% !important; -webkit-flex-basis: 49% !important;}
.pc_flex-basis50p{ flex-basis: 50% !important; -webkit-flex-basis: 50% !important;}
.pc_flex-basis51p{ flex-basis: 51% !important; -webkit-flex-basis: 51% !important;}
.pc_flex-basis52p{ flex-basis: 52% !important; -webkit-flex-basis: 52% !important;}
.pc_flex-basis53p{ flex-basis: 53% !important; -webkit-flex-basis: 53% !important;}
.pc_flex-basis54p{ flex-basis: 54% !important; -webkit-flex-basis: 54% !important;}
.pc_flex-basis55p{ flex-basis: 55% !important; -webkit-flex-basis: 55% !important;}
.pc_flex-basis56p{ flex-basis: 56% !important; -webkit-flex-basis: 56% !important;}
.pc_flex-basis57p{ flex-basis: 57% !important; -webkit-flex-basis: 57% !important;}
.pc_flex-basis58p{ flex-basis: 58% !important; -webkit-flex-basis: 58% !important;}
.pc_flex-basis59p{ flex-basis: 59% !important; -webkit-flex-basis: 59% !important;}
.pc_flex-basis60p{ flex-basis: 60% !important; -webkit-flex-basis: 60% !important;}
.pc_flex-basis61p{ flex-basis: 61% !important; -webkit-flex-basis: 61% !important;}
.pc_flex-basis62p{ flex-basis: 62% !important; -webkit-flex-basis: 62% !important;}
.pc_flex-basis63p{ flex-basis: 63% !important; -webkit-flex-basis: 63% !important;}
.pc_flex-basis64p{ flex-basis: 64% !important; -webkit-flex-basis: 64% !important;}
.pc_flex-basis65p{ flex-basis: 65% !important; -webkit-flex-basis: 65% !important;}
.pc_flex-basis66p{ flex-basis: 66% !important; -webkit-flex-basis: 66% !important;}
.pc_flex-basis67p{ flex-basis: 67% !important; -webkit-flex-basis: 67% !important;}
.pc_flex-basis68p{ flex-basis: 68% !important; -webkit-flex-basis: 68% !important;}
.pc_flex-basis69p{ flex-basis: 69% !important; -webkit-flex-basis: 69% !important;}
.pc_flex-basis70p{ flex-basis: 70% !important; -webkit-flex-basis: 70% !important;}
.pc_flex-basis71p{ flex-basis: 71% !important; -webkit-flex-basis: 71% !important;}
.pc_flex-basis72p{ flex-basis: 72% !important; -webkit-flex-basis: 72% !important;}
.pc_flex-basis73p{ flex-basis: 73% !important; -webkit-flex-basis: 73% !important;}
.pc_flex-basis74p{ flex-basis: 74% !important; -webkit-flex-basis: 74% !important;}
.pc_flex-basis75p{ flex-basis: 75% !important; -webkit-flex-basis: 75% !important;}
.pc_flex-basis76p{ flex-basis: 76% !important; -webkit-flex-basis: 76% !important;}
.pc_flex-basis77p{ flex-basis: 77% !important; -webkit-flex-basis: 77% !important;}
.pc_flex-basis78p{ flex-basis: 78% !important; -webkit-flex-basis: 78% !important;}
.pc_flex-basis79p{ flex-basis: 79% !important; -webkit-flex-basis: 79% !important;}
.pc_flex-basis80p{ flex-basis: 80% !important; -webkit-flex-basis: 80% !important;}
.pc_flex-basis81p{ flex-basis: 81% !important; -webkit-flex-basis: 81% !important;}
.pc_flex-basis82p{ flex-basis: 82% !important; -webkit-flex-basis: 82% !important;}
.pc_flex-basis83p{ flex-basis: 83% !important; -webkit-flex-basis: 83% !important;}
.pc_flex-basis84p{ flex-basis: 84% !important; -webkit-flex-basis: 84% !important;}
.pc_flex-basis85p{ flex-basis: 85% !important; -webkit-flex-basis: 85% !important;}
.pc_flex-basis86p{ flex-basis: 86% !important; -webkit-flex-basis: 86% !important;}
.pc_flex-basis87p{ flex-basis: 87% !important; -webkit-flex-basis: 87% !important;}
.pc_flex-basis88p{ flex-basis: 88% !important; -webkit-flex-basis: 88% !important;}
.pc_flex-basis89p{ flex-basis: 89% !important; -webkit-flex-basis: 89% !important;}
.pc_flex-basis90p{ flex-basis: 90% !important; -webkit-flex-basis: 90% !important;}
.pc_flex-basis91p{ flex-basis: 91% !important; -webkit-flex-basis: 91% !important;}
.pc_flex-basis92p{ flex-basis: 92% !important; -webkit-flex-basis: 92% !important;}
.pc_flex-basis93p{ flex-basis: 93% !important; -webkit-flex-basis: 93% !important;}
.pc_flex-basis94p{ flex-basis: 94% !important; -webkit-flex-basis: 94% !important;}
.pc_flex-basis95p{ flex-basis: 95% !important; -webkit-flex-basis: 95% !important;}
.pc_flex-basis96p{ flex-basis: 96% !important; -webkit-flex-basis: 96% !important;}
.pc_flex-basis97p{ flex-basis: 97% !important; -webkit-flex-basis: 97% !important;}
.pc_flex-basis98p{ flex-basis: 98% !important; -webkit-flex-basis: 98% !important;}
.pc_flex-basis99p{ flex-basis: 99% !important; -webkit-flex-basis: 99% !important;}
.pc_flex-basis100p{ flex-basis: 100% !important; -webkit-flex-basis: 100% !important;}
}

/* pad */
@media screen and (min-width: 701px ) and (max-width: 1000px) {
/* 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; 
}

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

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

/* clearfix
===========================================================*/
.pad_clearfix:after {
  content: ".pad_"; 
  display: block;
  clear: both;
  visibility: hidden;
  height:0;}
.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; }

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

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


/*
---------------------- display: flex;関係 -----------------------------
*/

.pad_flex{
  display: flex !important;
  display: -webkit-flex !important;
}

/* ------------------------------- Fexbox（親）に対して指定できるCSS  -------------------------------*/

/*  --------------- flex-direction（flex item全体の配置方向） --------------- */

.pad_direction_row{
  flex-direction: row !important;
  -webkit-flex-direction: row !important;
}

.pad_direction_reverse{
  flex-direction: row-reverse !important;
  -webkit-flex-direction: row-reverse !important;
}

.pad_direction_column{
  flex-direction: column !important;
  -webkit-flex-direction: column !important;
}

.pad_direction_column-reverse{
  flex-direction: column-reverse !important;
  -webkit-flex-direction: column-reverse !important;
}

/*  --------------- flex-wrap（flex item全体の折り返しかた） --------------- */

.pad_flex-wrap_nowrap{
  flex-direction: nowrap !important;
  -webkit-flex-direction: nowrap !important;
}

.pad_flex-wrap_wrap{
  flex-direction: wrap !important;
  -webkit-flex-direction: wrap !important;
}

.pad_flex-wrap_wrap-reverse{
  flex-direction: wrap-reverse !important;
  -webkit-flex-direction: wrap-reverse !important;
}

/* pc */

.pad_pc_flex-wrap_nowrap{
  flex-direction: nowrap !important;
  -webkit-flex-direction: nowrap !important;
}

.pad_pc_flex-wrap_wrap{
  flex-direction: wrap !important;
  -webkit-flex-direction: wrap !important;
}

.pad_pc_flex-wrap_wrap-reverse{
  flex-direction: wrap-reverse !important;
  -webkit-flex-direction: wrap-reverse !important;
}

/*  --------------- justify-content（flexbox（親に対する） flex itemの横の揃え）  --------------- */

.pad_jc_flex-start{
  justify-content: flex-start !important;
  -webkit-justify-content: flex-start !important;
}

.pad_jc_flex-end{
  justify-content: flex-end !important;
  -webkit-justify-content: flex-end !important;
}

.pad_jc_center{
  justify-content: center !important;
  -webkit-justify-content: center !important;
}

.pad_jc_space-between{
  justify-content: space-between !important;
  -webkit-justify-content: space-between !important;
}

.pad_jc_space-around{
  justify-content: space-around !important;
  -webkit-justify-content: space-around !important;
}


/*  --------------- align-content（flexbox（親に対する） flex itemの縦の揃え） ---------------  */

.pad_ac_flex-start {
  justify-content: flex-start !important;
  -webkit-justify-content: flex-start !important;
}

.pad_ac_flex-end {
  justify-content: flex-end !important;
  -webkit-justify-content: flex-end !important;
}

.pad_ac_center {
  justify-content: center !important;
  -webkit-justify-content: center !important;
}

.pad_ac_space-between {
  justify-content: space-between !important;
  -webkit-justify-content: space-between !important;
}


.pad_ac_space-around {
  justify-content: space-around !important;
  -webkit-justify-content: space-around !important;
}

/*  --------------- align-items  --------------- */

.pad_ai_flex-start{
  align-items: flex-start !important;
  -webkit-align-items: flex-start !important;
}

.pad_ai_flex-end{
  align-items: flex-end !important;
  -webkit-align-items: flex-end !important;
}

.pad_ai_center{
  align-items: center !important;
  -webkit-align-items: center !important;
}

.pad_ai_baseline{
  align-items: baseline !important;
  -webkit-align-items: baseline !important;
}

.pad_ai_stretch{
  align-items: stretch !important;
  -webkit-align-items: stretch !important;
}

/* ------------------------------- Fexitem（子）に対して指定できるCSS  -------------------------------*/

/*  --------------- .pad_align-self  ---------------*/

.pad_as_flex-start{
  align-items: flex-start !important;
  -webkit-align-items: flex-start !important;
}

.pad_as_flex-end{
  align-items: flex-end !important;
  -webkit-align-items: flex-end !important;
}

.pad_as_center{
  align-items: center !important;
  -webkit-align-items: center !important;
}

.pad_as_baseline{
  align-items: baseline !important;
  -webkit-align-items: baseline !important;
}

.pad_as_stretch{
  align-items: stretch !important;
  -webkit-align-items: stretch !important;
}

/* --------------- .pad_order  --------------- */

.pad_order01{ order: 1; -webkit-order: 1; }
.pad_order02{ order: 2; -webkit-order: 2; }
.pad_order03{ order: 3; -webkit-order: 3; }
.pad_order04{ order: 4; -webkit-order: 4; }
.pad_order05{ order: 5; -webkit-order: 5; }
.pad_order06{ order: 6; -webkit-order: 6; }
.pad_order07{ order: 7; -webkit-order: 7; }
.pad_order08{ order: 8; -webkit-order: 8; }
.pad_order09{ order: 9; -webkit-order: 9; }
.pad_order10{ order: 10; -webkit-order: 10; }

/*  --------------- .pad_flex-grow --------------- */

.pad_flex-grow01{ flex-grow: 1; -webkit-flex-grow: 1; }
.pad_flex-grow02{ flex-grow: 2; -webkit-flex-grow: 2; }
.pad_flex-grow03{ flex-grow: 3; -webkit-flex-grow: 3; }
.pad_flex-grow04{ flex-grow: 4; -webkit-flex-grow: 4; }
.pad_flex-grow05{ flex-grow: 5; -webkit-flex-grow: 5; }
.pad_flex-grow06{ flex-grow: 6; -webkit-flex-grow: 6; }
.pad_flex-grow07{ flex-grow: 7; -webkit-flex-grow: 7; }
.pad_flex-grow08{ flex-grow: 8; -webkit-flex-grow: 8; }
.pad_flex-grow09{ flex-grow: 9; -webkit-flex-grow: 9; }
.pad_flex-grow10{ flex-grow: 10; -webkit-flex-grow: 10; }
.pad_flex-grow11{ flex-grow: 11; -webkit-flex-grow: 11; }
.pad_flex-grow12{ flex-grow: 12; -webkit-flex-grow: 12; }
.pad_flex-grow13{ flex-grow: 13; -webkit-flex-grow: 13; }
.pad_flex-grow14{ flex-grow: 14; -webkit-flex-grow: 14; }
.pad_flex-grow15{ flex-grow: 15; -webkit-flex-grow: 15; }
.pad_flex-grow16{ flex-grow: 16; -webkit-flex-grow: 16; }
.pad_flex-grow17{ flex-grow: 17; -webkit-flex-grow: 17; }
.pad_flex-grow18{ flex-grow: 18; -webkit-flex-grow: 18; }
.pad_flex-grow19{ flex-grow: 19; -webkit-flex-grow: 19; }
.pad_flex-grow20{ flex-grow: 20; -webkit-flex-grow: 20; }
.pad_flex-grow21{ flex-grow: 21; -webkit-flex-grow: 21; }
.pad_flex-grow22{ flex-grow: 22; -webkit-flex-grow: 22; }
.pad_flex-grow23{ flex-grow: 23; -webkit-flex-grow: 23; }
.pad_flex-grow24{ flex-grow: 24; -webkit-flex-grow: 24; }
.pad_flex-grow25{ flex-grow: 25; -webkit-flex-grow: 25; }
.pad_flex-grow26{ flex-grow: 26; -webkit-flex-grow: 26; }
.pad_flex-grow27{ flex-grow: 27; -webkit-flex-grow: 27; }
.pad_flex-grow28{ flex-grow: 28; -webkit-flex-grow: 28; }
.pad_flex-grow29{ flex-grow: 29; -webkit-flex-grow: 29; }
.pad_flex-grow30{ flex-grow: 30; -webkit-flex-grow: 30; }
.pad_flex-grow31{ flex-grow: 31; -webkit-flex-grow: 31; }
.pad_flex-grow32{ flex-grow: 32; -webkit-flex-grow: 32; }
.pad_flex-grow33{ flex-grow: 33; -webkit-flex-grow: 33; }
.pad_flex-grow34{ flex-grow: 34; -webkit-flex-grow: 34; }
.pad_flex-grow35{ flex-grow: 35; -webkit-flex-grow: 35; }
.pad_flex-grow36{ flex-grow: 36; -webkit-flex-grow: 36; }
.pad_flex-grow37{ flex-grow: 37; -webkit-flex-grow: 37; }
.pad_flex-grow38{ flex-grow: 38; -webkit-flex-grow: 38; }
.pad_flex-grow39{ flex-grow: 39; -webkit-flex-grow: 39; }
.pad_flex-grow40{ flex-grow: 40; -webkit-flex-grow: 40; }
.pad_flex-grow41{ flex-grow: 41; -webkit-flex-grow: 41; }
.pad_flex-grow42{ flex-grow: 42; -webkit-flex-grow: 42; }
.pad_flex-grow43{ flex-grow: 43; -webkit-flex-grow: 43; }
.pad_flex-grow44{ flex-grow: 44; -webkit-flex-grow: 44; }
.pad_flex-grow45{ flex-grow: 45; -webkit-flex-grow: 45; }
.pad_flex-grow46{ flex-grow: 46; -webkit-flex-grow: 46; }
.pad_flex-grow47{ flex-grow: 47; -webkit-flex-grow: 47; }
.pad_flex-grow48{ flex-grow: 48; -webkit-flex-grow: 48; }
.pad_flex-grow49{ flex-grow: 49; -webkit-flex-grow: 49; }
.pad_flex-grow50{ flex-grow: 50; -webkit-flex-grow: 50; }
.pad_flex-grow51{ flex-grow: 51; -webkit-flex-grow: 51; }
.pad_flex-grow52{ flex-grow: 52; -webkit-flex-grow: 52; }
.pad_flex-grow53{ flex-grow: 53; -webkit-flex-grow: 53; }
.pad_flex-grow54{ flex-grow: 54; -webkit-flex-grow: 54; }
.pad_flex-grow55{ flex-grow: 55; -webkit-flex-grow: 55; }
.pad_flex-grow56{ flex-grow: 56; -webkit-flex-grow: 56; }
.pad_flex-grow57{ flex-grow: 57; -webkit-flex-grow: 57; }
.pad_flex-grow58{ flex-grow: 58; -webkit-flex-grow: 58; }
.pad_flex-grow59{ flex-grow: 59; -webkit-flex-grow: 59; }
.pad_flex-grow60{ flex-grow: 60; -webkit-flex-grow: 60; }
.pad_flex-grow61{ flex-grow: 61; -webkit-flex-grow: 61; }
.pad_flex-grow62{ flex-grow: 62; -webkit-flex-grow: 62; }
.pad_flex-grow63{ flex-grow: 63; -webkit-flex-grow: 63; }
.pad_flex-grow64{ flex-grow: 64; -webkit-flex-grow: 64; }
.pad_flex-grow65{ flex-grow: 65; -webkit-flex-grow: 65; }
.pad_flex-grow66{ flex-grow: 66; -webkit-flex-grow: 66; }
.pad_flex-grow67{ flex-grow: 67; -webkit-flex-grow: 67; }
.pad_flex-grow68{ flex-grow: 68; -webkit-flex-grow: 68; }
.pad_flex-grow69{ flex-grow: 69; -webkit-flex-grow: 69; }
.pad_flex-grow70{ flex-grow: 70; -webkit-flex-grow: 70; }
.pad_flex-grow71{ flex-grow: 71; -webkit-flex-grow: 71; }
.pad_flex-grow72{ flex-grow: 72; -webkit-flex-grow: 72; }
.pad_flex-grow73{ flex-grow: 73; -webkit-flex-grow: 73; }
.pad_flex-grow74{ flex-grow: 74; -webkit-flex-grow: 74; }
.pad_flex-grow75{ flex-grow: 75; -webkit-flex-grow: 75; }
.pad_flex-grow76{ flex-grow: 76; -webkit-flex-grow: 76; }
.pad_flex-grow77{ flex-grow: 77; -webkit-flex-grow: 77; }
.pad_flex-grow78{ flex-grow: 78; -webkit-flex-grow: 78; }
.pad_flex-grow79{ flex-grow: 79; -webkit-flex-grow: 79; }
.pad_flex-grow80{ flex-grow: 80; -webkit-flex-grow: 80; }
.pad_flex-grow81{ flex-grow: 81; -webkit-flex-grow: 81; }
.pad_flex-grow82{ flex-grow: 82; -webkit-flex-grow: 82; }
.pad_flex-grow83{ flex-grow: 83; -webkit-flex-grow: 83; }
.pad_flex-grow84{ flex-grow: 84; -webkit-flex-grow: 84; }
.pad_flex-grow85{ flex-grow: 85; -webkit-flex-grow: 85; }
.pad_flex-grow86{ flex-grow: 86; -webkit-flex-grow: 86; }
.pad_flex-grow87{ flex-grow: 87; -webkit-flex-grow: 87; }
.pad_flex-grow88{ flex-grow: 88; -webkit-flex-grow: 88; }
.pad_flex-grow89{ flex-grow: 89; -webkit-flex-grow: 89; }
.pad_flex-grow90{ flex-grow: 90; -webkit-flex-grow: 90; }
.pad_flex-grow91{ flex-grow: 91; -webkit-flex-grow: 91; }
.pad_flex-grow92{ flex-grow: 92; -webkit-flex-grow: 92; }
.pad_flex-grow93{ flex-grow: 93; -webkit-flex-grow: 93; }
.pad_flex-grow94{ flex-grow: 94; -webkit-flex-grow: 94; }
.pad_flex-grow95{ flex-grow: 95; -webkit-flex-grow: 95; }
.pad_flex-grow96{ flex-grow: 96; -webkit-flex-grow: 96; }
.pad_flex-grow97{ flex-grow: 97; -webkit-flex-grow: 97; }
.pad_flex-grow98{ flex-grow: 98; -webkit-flex-grow: 98; }
.pad_flex-grow99{ flex-grow: 99; -webkit-flex-grow: 99; }
.pad_flex-grow100{ flex-grow: 100; -webkit-flex-grow: 100; }

/*  --------------- .pad_flex-shrink --------------- */

.pad_flex-shrink01{ flex-shrink: 1; -webkit-flex-shrink: 1; }
.pad_flex-shrink02{ flex-shrink: 2; -webkit-flex-shrink: 2; }
.pad_flex-shrink03{ flex-shrink: 3; -webkit-flex-shrink: 3; }
.pad_flex-shrink04{ flex-shrink: 4; -webkit-flex-shrink: 4; }
.pad_flex-shrink05{ flex-shrink: 5; -webkit-flex-shrink: 5; }
.pad_flex-shrink06{ flex-shrink: 6; -webkit-flex-shrink: 6; }
.pad_flex-shrink07{ flex-shrink: 7; -webkit-flex-shrink: 7; }
.pad_flex-shrink08{ flex-shrink: 8; -webkit-flex-shrink: 8; }
.pad_flex-shrink09{ flex-shrink: 9; -webkit-flex-shrink: 9; }
.pad_flex-shrink10{ flex-shrink: 10; -webkit-flex-shrink: 10; }
.pad_flex-shrink11{ flex-shrink: 11; -webkit-flex-shrink: 11; }
.pad_flex-shrink12{ flex-shrink: 12; -webkit-flex-shrink: 12; }
.pad_flex-shrink13{ flex-shrink: 13; -webkit-flex-shrink: 13; }
.pad_flex-shrink14{ flex-shrink: 14; -webkit-flex-shrink: 14; }
.pad_flex-shrink15{ flex-shrink: 15; -webkit-flex-shrink: 15; }
.pad_flex-shrink16{ flex-shrink: 16; -webkit-flex-shrink: 16; }
.pad_flex-shrink17{ flex-shrink: 17; -webkit-flex-shrink: 17; }
.pad_flex-shrink18{ flex-shrink: 18; -webkit-flex-shrink: 18; }
.pad_flex-shrink19{ flex-shrink: 19; -webkit-flex-shrink: 19; }
.pad_flex-shrink20{ flex-shrink: 20; -webkit-flex-shrink: 20; }
.pad_flex-shrink21{ flex-shrink: 21; -webkit-flex-shrink: 21; }
.pad_flex-shrink22{ flex-shrink: 22; -webkit-flex-shrink: 22; }
.pad_flex-shrink23{ flex-shrink: 23; -webkit-flex-shrink: 23; }
.pad_flex-shrink24{ flex-shrink: 24; -webkit-flex-shrink: 24; }
.pad_flex-shrink25{ flex-shrink: 25; -webkit-flex-shrink: 25; }
.pad_flex-shrink26{ flex-shrink: 26; -webkit-flex-shrink: 26; }
.pad_flex-shrink27{ flex-shrink: 27; -webkit-flex-shrink: 27; }
.pad_flex-shrink28{ flex-shrink: 28; -webkit-flex-shrink: 28; }
.pad_flex-shrink29{ flex-shrink: 29; -webkit-flex-shrink: 29; }
.pad_flex-shrink30{ flex-shrink: 30; -webkit-flex-shrink: 30; }
.pad_flex-shrink31{ flex-shrink: 31; -webkit-flex-shrink: 31; }
.pad_flex-shrink32{ flex-shrink: 32; -webkit-flex-shrink: 32; }
.pad_flex-shrink33{ flex-shrink: 33; -webkit-flex-shrink: 33; }
.pad_flex-shrink34{ flex-shrink: 34; -webkit-flex-shrink: 34; }
.pad_flex-shrink35{ flex-shrink: 35; -webkit-flex-shrink: 35; }
.pad_flex-shrink36{ flex-shrink: 36; -webkit-flex-shrink: 36; }
.pad_flex-shrink37{ flex-shrink: 37; -webkit-flex-shrink: 37; }
.pad_flex-shrink38{ flex-shrink: 38; -webkit-flex-shrink: 38; }
.pad_flex-shrink39{ flex-shrink: 39; -webkit-flex-shrink: 39; }
.pad_flex-shrink40{ flex-shrink: 40; -webkit-flex-shrink: 40; }
.pad_flex-shrink41{ flex-shrink: 41; -webkit-flex-shrink: 41; }
.pad_flex-shrink42{ flex-shrink: 42; -webkit-flex-shrink: 42; }
.pad_flex-shrink43{ flex-shrink: 43; -webkit-flex-shrink: 43; }
.pad_flex-shrink44{ flex-shrink: 44; -webkit-flex-shrink: 44; }
.pad_flex-shrink45{ flex-shrink: 45; -webkit-flex-shrink: 45; }

.pad_flex-shrink46{ flex-shrink: 46; -webkit-flex-shrink: 46; }
.pad_flex-shrink47{ flex-shrink: 47; -webkit-flex-shrink: 47; }
.pad_flex-shrink48{ flex-shrink: 48; -webkit-flex-shrink: 48; }
.pad_flex-shrink49{ flex-shrink: 49; -webkit-flex-shrink: 49; }
.pad_flex-shrink50{ flex-shrink: 50; -webkit-flex-shrink: 50; }
.pad_flex-shrink51{ flex-shrink: 51; -webkit-flex-shrink: 51; }
.pad_flex-shrink52{ flex-shrink: 52; -webkit-flex-shrink: 52; }
.pad_flex-shrink53{ flex-shrink: 53; -webkit-flex-shrink: 53; }
.pad_flex-shrink54{ flex-shrink: 54; -webkit-flex-shrink: 54; }
.pad_flex-shrink55{ flex-shrink: 55; -webkit-flex-shrink: 55; }
.pad_flex-shrink56{ flex-shrink: 56; -webkit-flex-shrink: 56; }
.pad_flex-shrink57{ flex-shrink: 57; -webkit-flex-shrink: 57; }
.pad_flex-shrink58{ flex-shrink: 58; -webkit-flex-shrink: 58; }
.pad_flex-shrink59{ flex-shrink: 59; -webkit-flex-shrink: 59; }
.pad_flex-shrink60{ flex-shrink: 60; -webkit-flex-shrink: 60; }
.pad_flex-shrink61{ flex-shrink: 61; -webkit-flex-shrink: 61; }
.pad_flex-shrink62{ flex-shrink: 62; -webkit-flex-shrink: 62; }
.pad_flex-shrink63{ flex-shrink: 63; -webkit-flex-shrink: 63; }
.pad_flex-shrink64{ flex-shrink: 64; -webkit-flex-shrink: 64; }
.pad_flex-shrink65{ flex-shrink: 65; -webkit-flex-shrink: 65; }
.pad_flex-shrink66{ flex-shrink: 66; -webkit-flex-shrink: 66; }
.pad_flex-shrink67{ flex-shrink: 67; -webkit-flex-shrink: 67; }
.pad_flex-shrink68{ flex-shrink: 68; -webkit-flex-shrink: 68; }
.pad_flex-shrink69{ flex-shrink: 69; -webkit-flex-shrink: 69; }
.pad_flex-shrink70{ flex-shrink: 70; -webkit-flex-shrink: 70; }
.pad_flex-shrink71{ flex-shrink: 71; -webkit-flex-shrink: 71; }
.pad_flex-shrink72{ flex-shrink: 72; -webkit-flex-shrink: 72; }
.pad_flex-shrink73{ flex-shrink: 73; -webkit-flex-shrink: 73; }
.pad_flex-shrink74{ flex-shrink: 74; -webkit-flex-shrink: 74; }
.pad_flex-shrink75{ flex-shrink: 75; -webkit-flex-shrink: 75; }
.pad_flex-shrink76{ flex-shrink: 76; -webkit-flex-shrink: 76; }
.pad_flex-shrink77{ flex-shrink: 77; -webkit-flex-shrink: 77; }
.pad_flex-shrink78{ flex-shrink: 78; -webkit-flex-shrink: 78; }
.pad_flex-shrink79{ flex-shrink: 79; -webkit-flex-shrink: 79; }
.pad_flex-shrink80{ flex-shrink: 80; -webkit-flex-shrink: 80; }
.pad_flex-shrink81{ flex-shrink: 81; -webkit-flex-shrink: 81; }
.pad_flex-shrink82{ flex-shrink: 82; -webkit-flex-shrink: 82; }
.pad_flex-shrink83{ flex-shrink: 83; -webkit-flex-shrink: 83; }
.pad_flex-shrink84{ flex-shrink: 84; -webkit-flex-shrink: 84; }
.pad_flex-shrink85{ flex-shrink: 85; -webkit-flex-shrink: 85; }
.pad_flex-shrink86{ flex-shrink: 86; -webkit-flex-shrink: 86; }
.pad_flex-shrink87{ flex-shrink: 87; -webkit-flex-shrink: 87; }
.pad_flex-shrink88{ flex-shrink: 88; -webkit-flex-shrink: 88; }
.pad_flex-shrink89{ flex-shrink: 89; -webkit-flex-shrink: 89; }
.pad_flex-shrink90{ flex-shrink: 90; -webkit-flex-shrink: 90; }
.pad_flex-shrink91{ flex-shrink: 91; -webkit-flex-shrink: 91; }
.pad_flex-shrink92{ flex-shrink: 92; -webkit-flex-shrink: 92; }
.pad_flex-shrink93{ flex-shrink: 93; -webkit-flex-shrink: 93; }
.pad_flex-shrink94{ flex-shrink: 94; -webkit-flex-shrink: 94; }
.pad_flex-shrink95{ flex-shrink: 95; -webkit-flex-shrink: 95; }
.pad_flex-shrink96{ flex-shrink: 96; -webkit-flex-shrink: 96; }
.pad_flex-shrink97{ flex-shrink: 97; -webkit-flex-shrink: 97; }
.pad_flex-shrink98{ flex-shrink: 98; -webkit-flex-shrink: 98; }
.pad_flex-shrink99{ flex-shrink: 99; -webkit-flex-shrink: 99; }
.pad_flex-shrink100{ flex-shrink: 100; -webkit-flex-shrink: 100; }

/*  .pad_flex-basis  */

.pad_flex-basis00{ flex-basis: 0px !important; -webkit-flex-basis: 0px !important;}
.pad_flex-basis10{ flex-basis: 10px !important; -webkit-flex-basis: 10px !important;}
.pad_flex-basis20{ flex-basis: 20px !important; -webkit-flex-basis: 20px !important;}
.pad_flex-basis30{ flex-basis: 30px !important; -webkit-flex-basis: 30px !important;}
.pad_flex-basis40{ flex-basis: 40px !important; -webkit-flex-basis: 40px !important;}
.pad_flex-basis50{ flex-basis: 50px !important; -webkit-flex-basis: 50px !important;}
.pad_flex-basis60{ flex-basis: 60px !important; -webkit-flex-basis: 60px !important;}
.pad_flex-basis70{ flex-basis: 70px !important; -webkit-flex-basis: 70px !important;}
.pad_flex-basis80{ flex-basis: 80px !important; -webkit-flex-basis: 80px !important;}
.pad_flex-basis90{ flex-basis: 90px !important; -webkit-flex-basis: 90px !important;}
.pad_flex-basis100{ flex-basis: 100px !important; -webkit-flex-basis: 100px !important;}
.pad_flex-basis110{ flex-basis: 110px !important; -webkit-flex-basis: 110px !important;}
.pad_flex-basis120{ flex-basis: 120px !important; -webkit-flex-basis: 120px !important;}
.pad_flex-basis130{ flex-basis: 130px !important; -webkit-flex-basis: 130px !important;}
.pad_flex-basis140{ flex-basis: 140px !important; -webkit-flex-basis: 140px !important;}
.pad_flex-basis150{ flex-basis: 150px !important; -webkit-flex-basis: 150px !important;}
.pad_flex-basis160{ flex-basis: 160px !important; -webkit-flex-basis: 160px !important;}
.pad_flex-basis170{ flex-basis: 170px !important; -webkit-flex-basis: 170px !important;}
.pad_flex-basis180{ flex-basis: 180px !important; -webkit-flex-basis: 180px !important;}
.pad_flex-basis190{ flex-basis: 190px !important; -webkit-flex-basis: 190px !important;}
.pad_flex-basis200{ flex-basis: 200px !important; -webkit-flex-basis: 200px !important;}
.pad_flex-basis210{ flex-basis: 210px !important; -webkit-flex-basis: 210px !important;}
.pad_flex-basis220{ flex-basis: 220px !important; -webkit-flex-basis: 220px !important;}
.pad_flex-basis230{ flex-basis: 230px !important; -webkit-flex-basis: 230px !important;}
.pad_flex-basis240{ flex-basis: 240px !important; -webkit-flex-basis: 240px !important;}
.pad_flex-basis250{ flex-basis: 250px !important; -webkit-flex-basis: 250px !important;}
.pad_flex-basis260{ flex-basis: 260px !important; -webkit-flex-basis: 260px !important;}
.pad_flex-basis270{ flex-basis: 270px !important; -webkit-flex-basis: 270px !important;}
.pad_flex-basis280{ flex-basis: 280px !important; -webkit-flex-basis: 280px !important;}
.pad_flex-basis290{ flex-basis: 290px !important; -webkit-flex-basis: 290px !important;}
.pad_flex-basis300{ flex-basis: 300px !important; -webkit-flex-basis: 300px !important;}
.pad_flex-basis310{ flex-basis: 310px !important; -webkit-flex-basis: 310px !important;}
.pad_flex-basis320{ flex-basis: 320px !important; -webkit-flex-basis: 320px !important;}
.pad_flex-basis330{ flex-basis: 330px !important; -webkit-flex-basis: 330px !important;}
.pad_flex-basis340{ flex-basis: 340px !important; -webkit-flex-basis: 340px !important;}
.pad_flex-basis350{ flex-basis: 350px !important; -webkit-flex-basis: 350px !important;}
.pad_flex-basis360{ flex-basis: 360px !important; -webkit-flex-basis: 360px !important;}
.pad_flex-basis370{ flex-basis: 370px !important; -webkit-flex-basis: 370px !important;}
.pad_flex-basis380{ flex-basis: 380px !important; -webkit-flex-basis: 380px !important;}
.pad_flex-basis390{ flex-basis: 390px !important; -webkit-flex-basis: 390px !important;}
.pad_flex-basis400{ flex-basis: 400px !important; -webkit-flex-basis: 400px !important;}
.pad_flex-basis410{ flex-basis: 410px !important; -webkit-flex-basis: 410px !important;}
.pad_flex-basis420{ flex-basis: 420px !important; -webkit-flex-basis: 420px !important;}
.pad_flex-basis430{ flex-basis: 430px !important; -webkit-flex-basis: 430px !important;}
.pad_flex-basis440{ flex-basis: 440px !important; -webkit-flex-basis: 440px !important;}
.pad_flex-basis450{ flex-basis: 450px !important; -webkit-flex-basis: 450px !important;}
.pad_flex-basis460{ flex-basis: 460px !important; -webkit-flex-basis: 460px !important;}
.pad_flex-basis470{ flex-basis: 470px !important; -webkit-flex-basis: 470px !important;}
.pad_flex-basis480{ flex-basis: 480px !important; -webkit-flex-basis: 480px !important;}
.pad_flex-basis490{ flex-basis: 490px !important; -webkit-flex-basis: 490px !important;}
.pad_flex-basis500{ flex-basis: 500px !important; -webkit-flex-basis: 500px !important;}
.pad_flex-basis510{ flex-basis: 510px !important; -webkit-flex-basis: 510px !important;}
.pad_flex-basis520{ flex-basis: 520px !important; -webkit-flex-basis: 520px !important;}
.pad_flex-basis530{ flex-basis: 530px !important; -webkit-flex-basis: 530px !important;}
.pad_flex-basis540{ flex-basis: 540px !important; -webkit-flex-basis: 540px !important;}
.pad_flex-basis550{ flex-basis: 550px !important; -webkit-flex-basis: 550px !important;}
.pad_flex-basis560{ flex-basis: 560px !important; -webkit-flex-basis: 560px !important;}
.pad_flex-basis570{ flex-basis: 570px !important; -webkit-flex-basis: 570px !important;}
.pad_flex-basis580{ flex-basis: 580px !important; -webkit-flex-basis: 580px !important;}
.pad_flex-basis590{ flex-basis: 590px !important; -webkit-flex-basis: 590px !important;}
.pad_flex-basis600{ flex-basis: 600px !important; -webkit-flex-basis: 600px !important;}
.pad_flex-basis610{ flex-basis: 610px !important; -webkit-flex-basis: 610px !important;}
.pad_flex-basis620{ flex-basis: 620px !important; -webkit-flex-basis: 620px !important;}
.pad_flex-basis630{ flex-basis: 630px !important; -webkit-flex-basis: 630px !important;}
.pad_flex-basis640{ flex-basis: 640px !important; -webkit-flex-basis: 640px !important;}
.pad_flex-basis650{ flex-basis: 650px !important; -webkit-flex-basis: 650px !important;}
.pad_flex-basis660{ flex-basis: 660px !important; -webkit-flex-basis: 660px !important;}
.pad_flex-basis670{ flex-basis: 670px !important; -webkit-flex-basis: 670px !important;}
.pad_flex-basis680{ flex-basis: 680px !important; -webkit-flex-basis: 680px !important;}
.pad_flex-basis690{ flex-basis: 690px !important; -webkit-flex-basis: 690px !important;}
.pad_flex-basis700{ flex-basis: 700px !important; -webkit-flex-basis: 700px !important;}
.pad_flex-basis710{ flex-basis: 710px !important; -webkit-flex-basis: 710px !important;}
.pad_flex-basis720{ flex-basis: 720px !important; -webkit-flex-basis: 720px !important;}
.pad_flex-basis730{ flex-basis: 730px !important; -webkit-flex-basis: 730px !important;}
.pad_flex-basis740{ flex-basis: 740px !important; -webkit-flex-basis: 740px !important;}
.pad_flex-basis750{ flex-basis: 750px !important; -webkit-flex-basis: 750px !important;}
.pad_flex-basis760{ flex-basis: 760px !important; -webkit-flex-basis: 760px !important;}
.pad_flex-basis770{ flex-basis: 770px !important; -webkit-flex-basis: 770px !important;}
.pad_flex-basis780{ flex-basis: 780px !important; -webkit-flex-basis: 780px !important;}
.pad_flex-basis790{ flex-basis: 790px !important; -webkit-flex-basis: 790px !important;}
.pad_flex-basis800{ flex-basis: 800px !important; -webkit-flex-basis: 800px !important;}
.pad_flex-basis810{ flex-basis: 810px !important; -webkit-flex-basis: 810px !important;}
.pad_flex-basis820{ flex-basis: 820px !important; -webkit-flex-basis: 820px !important;}
.pad_flex-basis830{ flex-basis: 830px !important; -webkit-flex-basis: 830px !important;}
.pad_flex-basis840{ flex-basis: 840px !important; -webkit-flex-basis: 840px !important;}
.pad_flex-basis850{ flex-basis: 850px !important; -webkit-flex-basis: 850px !important;}
.pad_flex-basis860{ flex-basis: 860px !important; -webkit-flex-basis: 860px !important;}
.pad_flex-basis870{ flex-basis: 870px !important; -webkit-flex-basis: 870px !important;}
.pad_flex-basis880{ flex-basis: 880px !important; -webkit-flex-basis: 880px !important;}
.pad_flex-basis890{ flex-basis: 890px !important; -webkit-flex-basis: 890px !important;}
.pad_flex-basis900{ flex-basis: 900px !important; -webkit-flex-basis: 900px !important;}
.pad_flex-basis910{ flex-basis: 910px !important; -webkit-flex-basis: 910px !important;}
.pad_flex-basis920{ flex-basis: 920px !important; -webkit-flex-basis: 920px !important;}
.pad_flex-basis930{ flex-basis: 930px !important; -webkit-flex-basis: 930px !important;}
.pad_flex-basis940{ flex-basis: 940px !important; -webkit-flex-basis: 940px !important;}
.pad_flex-basis950{ flex-basis: 950px !important; -webkit-flex-basis: 950px !important;}
.pad_flex-basis960{ flex-basis: 960px !important; -webkit-flex-basis: 960px !important;}
.pad_flex-basis970{ flex-basis: 970px !important; -webkit-flex-basis: 970px !important;}
.pad_flex-basis980{ flex-basis: 980px !important; -webkit-flex-basis: 980px !important;}
.pad_flex-basis990{ flex-basis: 990px !important; -webkit-flex-basis: 990px !important;}
.pad_flex-basis1000{ flex-basis: 1000px !important; -webkit-flex-basis: 1000px !important;}
.pad_flex-basis1010{ flex-basis: 1010px !important; -webkit-flex-basis: 1010px !important;}
.pad_flex-basis1020{ flex-basis: 1020px !important; -webkit-flex-basis: 1020px !important;}
.pad_flex-basis1030{ flex-basis: 1030px !important; -webkit-flex-basis: 1030px !important;}
.pad_flex-basis1040{ flex-basis: 1040px !important; -webkit-flex-basis: 1040px !important;}
.pad_flex-basis1050{ flex-basis: 1050px !important; -webkit-flex-basis: 1050px !important;}
.pad_flex-basis1060{ flex-basis: 1060px !important; -webkit-flex-basis: 1060px !important;}
.pad_flex-basis1070{ flex-basis: 1070px !important; -webkit-flex-basis: 1070px !important;}
.pad_flex-basis1080{ flex-basis: 1080px !important; -webkit-flex-basis: 1080px !important;}
.pad_flex-basis1090{ flex-basis: 1090px !important; -webkit-flex-basis: 1090px !important;}
.pad_flex-basis1100{ flex-basis: 1100px !important; -webkit-flex-basis: 1100px !important;}
.pad_flex-basis1110{ flex-basis: 1110px !important; -webkit-flex-basis: 1110px !important;}
.pad_flex-basis1120{ flex-basis: 1120px !important; -webkit-flex-basis: 1120px !important;}
.pad_flex-basis1130{ flex-basis: 1130px !important; -webkit-flex-basis: 1130px !important;}
.pad_flex-basis1140{ flex-basis: 1140px !important; -webkit-flex-basis: 1140px !important;}
.pad_flex-basis1150{ flex-basis: 1150px !important; -webkit-flex-basis: 1150px !important;}
.pad_flex-basis1160{ flex-basis: 1160px !important; -webkit-flex-basis: 1160px !important;}
.pad_flex-basis1170{ flex-basis: 1170px !important; -webkit-flex-basis: 1170px !important;}
.pad_flex-basis1180{ flex-basis: 1180px !important; -webkit-flex-basis: 1180px !important;}
.pad_flex-basis1190{ flex-basis: 1190px !important; -webkit-flex-basis: 1190px !important;}
.pad_flex-basis1200{ flex-basis: 1200px !important; -webkit-flex-basis: 1200px !important;}

.pad_flex-basis00p{ flex-basis: 0% !important; -webkit-flex-basis: 0% !important;}
.pad_flex-basis01p{ flex-basis: 1% !important; -webkit-flex-basis: 1% !important;}
.pad_flex-basis02p{ flex-basis: 2% !important; -webkit-flex-basis: 2% !important;}
.pad_flex-basis03p{ flex-basis: 3% !important; -webkit-flex-basis: 3% !important;}
.pad_flex-basis04p{ flex-basis: 4% !important; -webkit-flex-basis: 4% !important;}
.pad_flex-basis05p{ flex-basis: 5% !important; -webkit-flex-basis: 5% !important;}
.pad_flex-basis06p{ flex-basis: 6% !important; -webkit-flex-basis: 6% !important;}
.pad_flex-basis07p{ flex-basis: 7% !important; -webkit-flex-basis: 7% !important;}
.pad_flex-basis08p{ flex-basis: 8% !important; -webkit-flex-basis: 8% !important;}
.pad_flex-basis09p{ flex-basis: 9% !important; -webkit-flex-basis: 9% !important;}
.pad_flex-basis10p{ flex-basis: 10% !important; -webkit-flex-basis: 10% !important;}
.pad_flex-basis11p{ flex-basis: 11% !important; -webkit-flex-basis: 11% !important;}
.pad_flex-basis12p{ flex-basis: 12% !important; -webkit-flex-basis: 12% !important;}
.pad_flex-basis13p{ flex-basis: 13% !important; -webkit-flex-basis: 13% !important;}
.pad_flex-basis14p{ flex-basis: 14% !important; -webkit-flex-basis: 14% !important;}
.pad_flex-basis15p{ flex-basis: 15% !important; -webkit-flex-basis: 15% !important;}
.pad_flex-basis16p{ flex-basis: 16% !important; -webkit-flex-basis: 16% !important;}
.pad_flex-basis17p{ flex-basis: 17% !important; -webkit-flex-basis: 17% !important;}
.pad_flex-basis18p{ flex-basis: 18% !important; -webkit-flex-basis: 18% !important;}
.pad_flex-basis19p{ flex-basis: 19% !important; -webkit-flex-basis: 19% !important;}
.pad_flex-basis20p{ flex-basis: 20% !important; -webkit-flex-basis: 20% !important;}
.pad_flex-basis21p{ flex-basis: 21% !important; -webkit-flex-basis: 21% !important;}
.pad_flex-basis22p{ flex-basis: 22% !important; -webkit-flex-basis: 22% !important;}
.pad_flex-basis23p{ flex-basis: 23% !important; -webkit-flex-basis: 23% !important;}
.pad_flex-basis24p{ flex-basis: 24% !important; -webkit-flex-basis: 24% !important;}
.pad_flex-basis25p{ flex-basis: 25% !important; -webkit-flex-basis: 25% !important;}
.pad_flex-basis26p{ flex-basis: 26% !important; -webkit-flex-basis: 26% !important;}
.pad_flex-basis27p{ flex-basis: 27% !important; -webkit-flex-basis: 27% !important;}
.pad_flex-basis28p{ flex-basis: 28% !important; -webkit-flex-basis: 28% !important;}
.pad_flex-basis29p{ flex-basis: 29% !important; -webkit-flex-basis: 29% !important;}
.pad_flex-basis30p{ flex-basis: 30% !important; -webkit-flex-basis: 30% !important;}
.pad_flex-basis31p{ flex-basis: 31% !important; -webkit-flex-basis: 31% !important;}
.pad_flex-basis32p{ flex-basis: 32% !important; -webkit-flex-basis: 32% !important;}
.pad_flex-basis33p{ flex-basis: 33% !important; -webkit-flex-basis: 33% !important;}
.pad_flex-basis34p{ flex-basis: 34% !important; -webkit-flex-basis: 34% !important;}
.pad_flex-basis35p{ flex-basis: 35% !important; -webkit-flex-basis: 35% !important;}
.pad_flex-basis36p{ flex-basis: 36% !important; -webkit-flex-basis: 36% !important;}
.pad_flex-basis37p{ flex-basis: 37% !important; -webkit-flex-basis: 37% !important;}
.pad_flex-basis38p{ flex-basis: 38% !important; -webkit-flex-basis: 38% !important;}
.pad_flex-basis39p{ flex-basis: 39% !important; -webkit-flex-basis: 39% !important;}
.pad_flex-basis40p{ flex-basis: 40% !important; -webkit-flex-basis: 40% !important;}
.pad_flex-basis41p{ flex-basis: 41% !important; -webkit-flex-basis: 41% !important;}
.pad_flex-basis42p{ flex-basis: 42% !important; -webkit-flex-basis: 42% !important;}
.pad_flex-basis43p{ flex-basis: 43% !important; -webkit-flex-basis: 43% !important;}
.pad_flex-basis44p{ flex-basis: 44% !important; -webkit-flex-basis: 44% !important;}
.pad_flex-basis45p{ flex-basis: 45% !important; -webkit-flex-basis: 45% !important;}
.pad_flex-basis46p{ flex-basis: 46% !important; -webkit-flex-basis: 46% !important;}
.pad_flex-basis47p{ flex-basis: 47% !important; -webkit-flex-basis: 47% !important;}
.pad_flex-basis48p{ flex-basis: 48% !important; -webkit-flex-basis: 48% !important;}
.pad_flex-basis49p{ flex-basis: 49% !important; -webkit-flex-basis: 49% !important;}
.pad_flex-basis50p{ flex-basis: 50% !important; -webkit-flex-basis: 50% !important;}
.pad_flex-basis51p{ flex-basis: 51% !important; -webkit-flex-basis: 51% !important;}
.pad_flex-basis52p{ flex-basis: 52% !important; -webkit-flex-basis: 52% !important;}
.pad_flex-basis53p{ flex-basis: 53% !important; -webkit-flex-basis: 53% !important;}
.pad_flex-basis54p{ flex-basis: 54% !important; -webkit-flex-basis: 54% !important;}
.pad_flex-basis55p{ flex-basis: 55% !important; -webkit-flex-basis: 55% !important;}
.pad_flex-basis56p{ flex-basis: 56% !important; -webkit-flex-basis: 56% !important;}
.pad_flex-basis57p{ flex-basis: 57% !important; -webkit-flex-basis: 57% !important;}
.pad_flex-basis58p{ flex-basis: 58% !important; -webkit-flex-basis: 58% !important;}
.pad_flex-basis59p{ flex-basis: 59% !important; -webkit-flex-basis: 59% !important;}
.pad_flex-basis60p{ flex-basis: 60% !important; -webkit-flex-basis: 60% !important;}
.pad_flex-basis61p{ flex-basis: 61% !important; -webkit-flex-basis: 61% !important;}
.pad_flex-basis62p{ flex-basis: 62% !important; -webkit-flex-basis: 62% !important;}
.pad_flex-basis63p{ flex-basis: 63% !important; -webkit-flex-basis: 63% !important;}
.pad_flex-basis64p{ flex-basis: 64% !important; -webkit-flex-basis: 64% !important;}
.pad_flex-basis65p{ flex-basis: 65% !important; -webkit-flex-basis: 65% !important;}
.pad_flex-basis66p{ flex-basis: 66% !important; -webkit-flex-basis: 66% !important;}
.pad_flex-basis67p{ flex-basis: 67% !important; -webkit-flex-basis: 67% !important;}
.pad_flex-basis68p{ flex-basis: 68% !important; -webkit-flex-basis: 68% !important;}
.pad_flex-basis69p{ flex-basis: 69% !important; -webkit-flex-basis: 69% !important;}
.pad_flex-basis70p{ flex-basis: 70% !important; -webkit-flex-basis: 70% !important;}
.pad_flex-basis71p{ flex-basis: 71% !important; -webkit-flex-basis: 71% !important;}
.pad_flex-basis72p{ flex-basis: 72% !important; -webkit-flex-basis: 72% !important;}
.pad_flex-basis73p{ flex-basis: 73% !important; -webkit-flex-basis: 73% !important;}
.pad_flex-basis74p{ flex-basis: 74% !important; -webkit-flex-basis: 74% !important;}
.pad_flex-basis75p{ flex-basis: 75% !important; -webkit-flex-basis: 75% !important;}
.pad_flex-basis76p{ flex-basis: 76% !important; -webkit-flex-basis: 76% !important;}
.pad_flex-basis77p{ flex-basis: 77% !important; -webkit-flex-basis: 77% !important;}
.pad_flex-basis78p{ flex-basis: 78% !important; -webkit-flex-basis: 78% !important;}
.pad_flex-basis79p{ flex-basis: 79% !important; -webkit-flex-basis: 79% !important;}
.pad_flex-basis80p{ flex-basis: 80% !important; -webkit-flex-basis: 80% !important;}
.pad_flex-basis81p{ flex-basis: 81% !important; -webkit-flex-basis: 81% !important;}
.pad_flex-basis82p{ flex-basis: 82% !important; -webkit-flex-basis: 82% !important;}
.pad_flex-basis83p{ flex-basis: 83% !important; -webkit-flex-basis: 83% !important;}
.pad_flex-basis84p{ flex-basis: 84% !important; -webkit-flex-basis: 84% !important;}
.pad_flex-basis85p{ flex-basis: 85% !important; -webkit-flex-basis: 85% !important;}
.pad_flex-basis86p{ flex-basis: 86% !important; -webkit-flex-basis: 86% !important;}
.pad_flex-basis87p{ flex-basis: 87% !important; -webkit-flex-basis: 87% !important;}
.pad_flex-basis88p{ flex-basis: 88% !important; -webkit-flex-basis: 88% !important;}
.pad_flex-basis89p{ flex-basis: 89% !important; -webkit-flex-basis: 89% !important;}
.pad_flex-basis90p{ flex-basis: 90% !important; -webkit-flex-basis: 90% !important;}
.pad_flex-basis91p{ flex-basis: 91% !important; -webkit-flex-basis: 91% !important;}
.pad_flex-basis92p{ flex-basis: 92% !important; -webkit-flex-basis: 92% !important;}
.pad_flex-basis93p{ flex-basis: 93% !important; -webkit-flex-basis: 93% !important;}
.pad_flex-basis94p{ flex-basis: 94% !important; -webkit-flex-basis: 94% !important;}
.pad_flex-basis95p{ flex-basis: 95% !important; -webkit-flex-basis: 95% !important;}
.pad_flex-basis96p{ flex-basis: 96% !important; -webkit-flex-basis: 96% !important;}
.pad_flex-basis97p{ flex-basis: 97% !important; -webkit-flex-basis: 97% !important;}
.pad_flex-basis98p{ flex-basis: 98% !important; -webkit-flex-basis: 98% !important;}
.pad_flex-basis99p{ flex-basis: 99% !important; -webkit-flex-basis: 99% !important;}
.pad_flex-basis100p{ flex-basis: 100% !important; -webkit-flex-basis: 100% !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; 
}

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

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

/* clearfix
===========================================================*/
.sp_clearfix:after {
  content: ".sp_"; 
  display: block;
  clear: both;
  visibility: hidden;
  height:0;}
.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; }

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

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


/*
---------------------- display: flex;関係 -----------------------------
*/

.sp_flex{
  display: flex !important;
  display: -webkit-flex !important;
}

/* ------------------------------- Fexbox（親）に対して指定できるCSS  -------------------------------*/

/*  --------------- flex-direction（flex item全体の配置方向） --------------- */

.sp_direction_row{
  flex-direction: row !important;
  -webkit-flex-direction: row !important;
}

.sp_direction_reverse{
  flex-direction: row-reverse !important;
  -webkit-flex-direction: row-reverse !important;
}

.sp_direction_column{
  flex-direction: column !important;
  -webkit-flex-direction: column !important;
}

.sp_direction_column-reverse{
  flex-direction: column-reverse !important;
  -webkit-flex-direction: column-reverse !important;
}

/*  --------------- flex-wrap（flex item全体の折り返しかた） --------------- */

.sp_flex-wrap_nowrap{
  flex-direction: nowrap !important;
  -webkit-flex-direction: nowrap !important;
}

.sp_flex-wrap_wrap{
  flex-direction: wrap !important;
  -webkit-flex-direction: wrap !important;
}

.sp_flex-wrap_wrap-reverse{
  flex-direction: wrap-reverse !important;
  -webkit-flex-direction: wrap-reverse !important;
}

/* pc */

.sp_pc_flex-wrap_nowrap{
  flex-direction: nowrap !important;
  -webkit-flex-direction: nowrap !important;
}

.sp_pc_flex-wrap_wrap{
  flex-direction: wrap !important;
  -webkit-flex-direction: wrap !important;
}

.sp_pc_flex-wrap_wrap-reverse{
  flex-direction: wrap-reverse !important;
  -webkit-flex-direction: wrap-reverse !important;
}

/*  --------------- justify-content（flexbox（親に対する） flex itemの横の揃え）  --------------- */

.sp_jc_flex-start{
  justify-content: flex-start !important;
  -webkit-justify-content: flex-start !important;
}

.sp_jc_flex-end{
  justify-content: flex-end !important;
  -webkit-justify-content: flex-end !important;
}

.sp_jc_center{
  justify-content: center !important;
  -webkit-justify-content: center !important;
}

.sp_jc_space-between{
  justify-content: space-between !important;
  -webkit-justify-content: space-between !important;
}

.sp_jc_space-around{
  justify-content: space-around !important;
  -webkit-justify-content: space-around !important;
}


/*  --------------- align-content（flexbox（親に対する） flex itemの縦の揃え） ---------------  */

.sp_ac_flex-start {
  justify-content: flex-start !important;
  -webkit-justify-content: flex-start !important;
}

.sp_ac_flex-end {
  justify-content: flex-end !important;
  -webkit-justify-content: flex-end !important;
}

.sp_ac_center {
  justify-content: center !important;
  -webkit-justify-content: center !important;
}

.sp_ac_space-between {
  justify-content: space-between !important;
  -webkit-justify-content: space-between !important;
}


.sp_ac_space-around {
  justify-content: space-around !important;
  -webkit-justify-content: space-around !important;
}

/*  --------------- align-items  --------------- */

.sp_ai_flex-start{
  align-items: flex-start !important;
  -webkit-align-items: flex-start !important;
}

.sp_ai_flex-end{
  align-items: flex-end !important;
  -webkit-align-items: flex-end !important;
}

.sp_ai_center{
  align-items: center !important;
  -webkit-align-items: center !important;
}

.sp_ai_baseline{
  align-items: baseline !important;
  -webkit-align-items: baseline !important;
}

.sp_ai_stretch{
  align-items: stretch !important;
  -webkit-align-items: stretch !important;
}

/* ------------------------------- Fexitem（子）に対して指定できるCSS  -------------------------------*/

/*  --------------- .sp_align-self  ---------------*/

.sp_as_flex-start{
  align-items: flex-start !important;
  -webkit-align-items: flex-start !important;
}

.sp_as_flex-end{
  align-items: flex-end !important;
  -webkit-align-items: flex-end !important;
}

.sp_as_center{
  align-items: center !important;
  -webkit-align-items: center !important;
}

.sp_as_baseline{
  align-items: baseline !important;
  -webkit-align-items: baseline !important;
}

.sp_as_stretch{
  align-items: stretch !important;
  -webkit-align-items: stretch !important;
}

/* --------------- .sp_order  --------------- */

.sp_order01{ order: 1; -webkit-order: 1; }
.sp_order02{ order: 2; -webkit-order: 2; }
.sp_order03{ order: 3; -webkit-order: 3; }
.sp_order04{ order: 4; -webkit-order: 4; }
.sp_order05{ order: 5; -webkit-order: 5; }
.sp_order06{ order: 6; -webkit-order: 6; }
.sp_order07{ order: 7; -webkit-order: 7; }
.sp_order08{ order: 8; -webkit-order: 8; }
.sp_order09{ order: 9; -webkit-order: 9; }
.sp_order10{ order: 10; -webkit-order: 10; }

/*  --------------- .sp_flex-grow --------------- */

.sp_flex-grow01{ flex-grow: 1; -webkit-flex-grow: 1; }
.sp_flex-grow02{ flex-grow: 2; -webkit-flex-grow: 2; }
.sp_flex-grow03{ flex-grow: 3; -webkit-flex-grow: 3; }
.sp_flex-grow04{ flex-grow: 4; -webkit-flex-grow: 4; }
.sp_flex-grow05{ flex-grow: 5; -webkit-flex-grow: 5; }
.sp_flex-grow06{ flex-grow: 6; -webkit-flex-grow: 6; }
.sp_flex-grow07{ flex-grow: 7; -webkit-flex-grow: 7; }
.sp_flex-grow08{ flex-grow: 8; -webkit-flex-grow: 8; }
.sp_flex-grow09{ flex-grow: 9; -webkit-flex-grow: 9; }
.sp_flex-grow10{ flex-grow: 10; -webkit-flex-grow: 10; }
.sp_flex-grow11{ flex-grow: 11; -webkit-flex-grow: 11; }
.sp_flex-grow12{ flex-grow: 12; -webkit-flex-grow: 12; }
.sp_flex-grow13{ flex-grow: 13; -webkit-flex-grow: 13; }
.sp_flex-grow14{ flex-grow: 14; -webkit-flex-grow: 14; }
.sp_flex-grow15{ flex-grow: 15; -webkit-flex-grow: 15; }
.sp_flex-grow16{ flex-grow: 16; -webkit-flex-grow: 16; }
.sp_flex-grow17{ flex-grow: 17; -webkit-flex-grow: 17; }
.sp_flex-grow18{ flex-grow: 18; -webkit-flex-grow: 18; }
.sp_flex-grow19{ flex-grow: 19; -webkit-flex-grow: 19; }
.sp_flex-grow20{ flex-grow: 20; -webkit-flex-grow: 20; }
.sp_flex-grow21{ flex-grow: 21; -webkit-flex-grow: 21; }
.sp_flex-grow22{ flex-grow: 22; -webkit-flex-grow: 22; }
.sp_flex-grow23{ flex-grow: 23; -webkit-flex-grow: 23; }
.sp_flex-grow24{ flex-grow: 24; -webkit-flex-grow: 24; }
.sp_flex-grow25{ flex-grow: 25; -webkit-flex-grow: 25; }
.sp_flex-grow26{ flex-grow: 26; -webkit-flex-grow: 26; }
.sp_flex-grow27{ flex-grow: 27; -webkit-flex-grow: 27; }
.sp_flex-grow28{ flex-grow: 28; -webkit-flex-grow: 28; }
.sp_flex-grow29{ flex-grow: 29; -webkit-flex-grow: 29; }
.sp_flex-grow30{ flex-grow: 30; -webkit-flex-grow: 30; }
.sp_flex-grow31{ flex-grow: 31; -webkit-flex-grow: 31; }
.sp_flex-grow32{ flex-grow: 32; -webkit-flex-grow: 32; }
.sp_flex-grow33{ flex-grow: 33; -webkit-flex-grow: 33; }
.sp_flex-grow34{ flex-grow: 34; -webkit-flex-grow: 34; }
.sp_flex-grow35{ flex-grow: 35; -webkit-flex-grow: 35; }
.sp_flex-grow36{ flex-grow: 36; -webkit-flex-grow: 36; }
.sp_flex-grow37{ flex-grow: 37; -webkit-flex-grow: 37; }
.sp_flex-grow38{ flex-grow: 38; -webkit-flex-grow: 38; }
.sp_flex-grow39{ flex-grow: 39; -webkit-flex-grow: 39; }
.sp_flex-grow40{ flex-grow: 40; -webkit-flex-grow: 40; }
.sp_flex-grow41{ flex-grow: 41; -webkit-flex-grow: 41; }
.sp_flex-grow42{ flex-grow: 42; -webkit-flex-grow: 42; }
.sp_flex-grow43{ flex-grow: 43; -webkit-flex-grow: 43; }
.sp_flex-grow44{ flex-grow: 44; -webkit-flex-grow: 44; }
.sp_flex-grow45{ flex-grow: 45; -webkit-flex-grow: 45; }
.sp_flex-grow46{ flex-grow: 46; -webkit-flex-grow: 46; }
.sp_flex-grow47{ flex-grow: 47; -webkit-flex-grow: 47; }
.sp_flex-grow48{ flex-grow: 48; -webkit-flex-grow: 48; }
.sp_flex-grow49{ flex-grow: 49; -webkit-flex-grow: 49; }
.sp_flex-grow50{ flex-grow: 50; -webkit-flex-grow: 50; }
.sp_flex-grow51{ flex-grow: 51; -webkit-flex-grow: 51; }
.sp_flex-grow52{ flex-grow: 52; -webkit-flex-grow: 52; }
.sp_flex-grow53{ flex-grow: 53; -webkit-flex-grow: 53; }
.sp_flex-grow54{ flex-grow: 54; -webkit-flex-grow: 54; }
.sp_flex-grow55{ flex-grow: 55; -webkit-flex-grow: 55; }
.sp_flex-grow56{ flex-grow: 56; -webkit-flex-grow: 56; }
.sp_flex-grow57{ flex-grow: 57; -webkit-flex-grow: 57; }
.sp_flex-grow58{ flex-grow: 58; -webkit-flex-grow: 58; }
.sp_flex-grow59{ flex-grow: 59; -webkit-flex-grow: 59; }
.sp_flex-grow60{ flex-grow: 60; -webkit-flex-grow: 60; }
.sp_flex-grow61{ flex-grow: 61; -webkit-flex-grow: 61; }
.sp_flex-grow62{ flex-grow: 62; -webkit-flex-grow: 62; }
.sp_flex-grow63{ flex-grow: 63; -webkit-flex-grow: 63; }
.sp_flex-grow64{ flex-grow: 64; -webkit-flex-grow: 64; }
.sp_flex-grow65{ flex-grow: 65; -webkit-flex-grow: 65; }
.sp_flex-grow66{ flex-grow: 66; -webkit-flex-grow: 66; }
.sp_flex-grow67{ flex-grow: 67; -webkit-flex-grow: 67; }
.sp_flex-grow68{ flex-grow: 68; -webkit-flex-grow: 68; }
.sp_flex-grow69{ flex-grow: 69; -webkit-flex-grow: 69; }
.sp_flex-grow70{ flex-grow: 70; -webkit-flex-grow: 70; }
.sp_flex-grow71{ flex-grow: 71; -webkit-flex-grow: 71; }
.sp_flex-grow72{ flex-grow: 72; -webkit-flex-grow: 72; }
.sp_flex-grow73{ flex-grow: 73; -webkit-flex-grow: 73; }
.sp_flex-grow74{ flex-grow: 74; -webkit-flex-grow: 74; }
.sp_flex-grow75{ flex-grow: 75; -webkit-flex-grow: 75; }
.sp_flex-grow76{ flex-grow: 76; -webkit-flex-grow: 76; }
.sp_flex-grow77{ flex-grow: 77; -webkit-flex-grow: 77; }
.sp_flex-grow78{ flex-grow: 78; -webkit-flex-grow: 78; }
.sp_flex-grow79{ flex-grow: 79; -webkit-flex-grow: 79; }
.sp_flex-grow80{ flex-grow: 80; -webkit-flex-grow: 80; }
.sp_flex-grow81{ flex-grow: 81; -webkit-flex-grow: 81; }
.sp_flex-grow82{ flex-grow: 82; -webkit-flex-grow: 82; }
.sp_flex-grow83{ flex-grow: 83; -webkit-flex-grow: 83; }
.sp_flex-grow84{ flex-grow: 84; -webkit-flex-grow: 84; }
.sp_flex-grow85{ flex-grow: 85; -webkit-flex-grow: 85; }
.sp_flex-grow86{ flex-grow: 86; -webkit-flex-grow: 86; }
.sp_flex-grow87{ flex-grow: 87; -webkit-flex-grow: 87; }
.sp_flex-grow88{ flex-grow: 88; -webkit-flex-grow: 88; }
.sp_flex-grow89{ flex-grow: 89; -webkit-flex-grow: 89; }
.sp_flex-grow90{ flex-grow: 90; -webkit-flex-grow: 90; }
.sp_flex-grow91{ flex-grow: 91; -webkit-flex-grow: 91; }
.sp_flex-grow92{ flex-grow: 92; -webkit-flex-grow: 92; }
.sp_flex-grow93{ flex-grow: 93; -webkit-flex-grow: 93; }
.sp_flex-grow94{ flex-grow: 94; -webkit-flex-grow: 94; }
.sp_flex-grow95{ flex-grow: 95; -webkit-flex-grow: 95; }
.sp_flex-grow96{ flex-grow: 96; -webkit-flex-grow: 96; }
.sp_flex-grow97{ flex-grow: 97; -webkit-flex-grow: 97; }
.sp_flex-grow98{ flex-grow: 98; -webkit-flex-grow: 98; }
.sp_flex-grow99{ flex-grow: 99; -webkit-flex-grow: 99; }
.sp_flex-grow100{ flex-grow: 100; -webkit-flex-grow: 100; }

/*  --------------- .sp_flex-shrink --------------- */

.sp_flex-shrink01{ flex-shrink: 1; -webkit-flex-shrink: 1; }
.sp_flex-shrink02{ flex-shrink: 2; -webkit-flex-shrink: 2; }
.sp_flex-shrink03{ flex-shrink: 3; -webkit-flex-shrink: 3; }
.sp_flex-shrink04{ flex-shrink: 4; -webkit-flex-shrink: 4; }
.sp_flex-shrink05{ flex-shrink: 5; -webkit-flex-shrink: 5; }
.sp_flex-shrink06{ flex-shrink: 6; -webkit-flex-shrink: 6; }
.sp_flex-shrink07{ flex-shrink: 7; -webkit-flex-shrink: 7; }
.sp_flex-shrink08{ flex-shrink: 8; -webkit-flex-shrink: 8; }
.sp_flex-shrink09{ flex-shrink: 9; -webkit-flex-shrink: 9; }
.sp_flex-shrink10{ flex-shrink: 10; -webkit-flex-shrink: 10; }
.sp_flex-shrink11{ flex-shrink: 11; -webkit-flex-shrink: 11; }
.sp_flex-shrink12{ flex-shrink: 12; -webkit-flex-shrink: 12; }
.sp_flex-shrink13{ flex-shrink: 13; -webkit-flex-shrink: 13; }
.sp_flex-shrink14{ flex-shrink: 14; -webkit-flex-shrink: 14; }
.sp_flex-shrink15{ flex-shrink: 15; -webkit-flex-shrink: 15; }
.sp_flex-shrink16{ flex-shrink: 16; -webkit-flex-shrink: 16; }
.sp_flex-shrink17{ flex-shrink: 17; -webkit-flex-shrink: 17; }
.sp_flex-shrink18{ flex-shrink: 18; -webkit-flex-shrink: 18; }
.sp_flex-shrink19{ flex-shrink: 19; -webkit-flex-shrink: 19; }
.sp_flex-shrink20{ flex-shrink: 20; -webkit-flex-shrink: 20; }
.sp_flex-shrink21{ flex-shrink: 21; -webkit-flex-shrink: 21; }
.sp_flex-shrink22{ flex-shrink: 22; -webkit-flex-shrink: 22; }
.sp_flex-shrink23{ flex-shrink: 23; -webkit-flex-shrink: 23; }
.sp_flex-shrink24{ flex-shrink: 24; -webkit-flex-shrink: 24; }
.sp_flex-shrink25{ flex-shrink: 25; -webkit-flex-shrink: 25; }
.sp_flex-shrink26{ flex-shrink: 26; -webkit-flex-shrink: 26; }
.sp_flex-shrink27{ flex-shrink: 27; -webkit-flex-shrink: 27; }
.sp_flex-shrink28{ flex-shrink: 28; -webkit-flex-shrink: 28; }
.sp_flex-shrink29{ flex-shrink: 29; -webkit-flex-shrink: 29; }
.sp_flex-shrink30{ flex-shrink: 30; -webkit-flex-shrink: 30; }
.sp_flex-shrink31{ flex-shrink: 31; -webkit-flex-shrink: 31; }
.sp_flex-shrink32{ flex-shrink: 32; -webkit-flex-shrink: 32; }
.sp_flex-shrink33{ flex-shrink: 33; -webkit-flex-shrink: 33; }
.sp_flex-shrink34{ flex-shrink: 34; -webkit-flex-shrink: 34; }
.sp_flex-shrink35{ flex-shrink: 35; -webkit-flex-shrink: 35; }
.sp_flex-shrink36{ flex-shrink: 36; -webkit-flex-shrink: 36; }
.sp_flex-shrink37{ flex-shrink: 37; -webkit-flex-shrink: 37; }
.sp_flex-shrink38{ flex-shrink: 38; -webkit-flex-shrink: 38; }
.sp_flex-shrink39{ flex-shrink: 39; -webkit-flex-shrink: 39; }
.sp_flex-shrink40{ flex-shrink: 40; -webkit-flex-shrink: 40; }
.sp_flex-shrink41{ flex-shrink: 41; -webkit-flex-shrink: 41; }
.sp_flex-shrink42{ flex-shrink: 42; -webkit-flex-shrink: 42; }
.sp_flex-shrink43{ flex-shrink: 43; -webkit-flex-shrink: 43; }
.sp_flex-shrink44{ flex-shrink: 44; -webkit-flex-shrink: 44; }
.sp_flex-shrink45{ flex-shrink: 45; -webkit-flex-shrink: 45; }
.sp_flex-shrink46{ flex-shrink: 46; -webkit-flex-shrink: 46; }
.sp_flex-shrink47{ flex-shrink: 47; -webkit-flex-shrink: 47; }
.sp_flex-shrink48{ flex-shrink: 48; -webkit-flex-shrink: 48; }
.sp_flex-shrink49{ flex-shrink: 49; -webkit-flex-shrink: 49; }
.sp_flex-shrink50{ flex-shrink: 50; -webkit-flex-shrink: 50; }
.sp_flex-shrink51{ flex-shrink: 51; -webkit-flex-shrink: 51; }
.sp_flex-shrink52{ flex-shrink: 52; -webkit-flex-shrink: 52; }
.sp_flex-shrink53{ flex-shrink: 53; -webkit-flex-shrink: 53; }
.sp_flex-shrink54{ flex-shrink: 54; -webkit-flex-shrink: 54; }
.sp_flex-shrink55{ flex-shrink: 55; -webkit-flex-shrink: 55; }
.sp_flex-shrink56{ flex-shrink: 56; -webkit-flex-shrink: 56; }
.sp_flex-shrink57{ flex-shrink: 57; -webkit-flex-shrink: 57; }
.sp_flex-shrink58{ flex-shrink: 58; -webkit-flex-shrink: 58; }
.sp_flex-shrink59{ flex-shrink: 59; -webkit-flex-shrink: 59; }
.sp_flex-shrink60{ flex-shrink: 60; -webkit-flex-shrink: 60; }
.sp_flex-shrink61{ flex-shrink: 61; -webkit-flex-shrink: 61; }
.sp_flex-shrink62{ flex-shrink: 62; -webkit-flex-shrink: 62; }
.sp_flex-shrink63{ flex-shrink: 63; -webkit-flex-shrink: 63; }
.sp_flex-shrink64{ flex-shrink: 64; -webkit-flex-shrink: 64; }
.sp_flex-shrink65{ flex-shrink: 65; -webkit-flex-shrink: 65; }
.sp_flex-shrink66{ flex-shrink: 66; -webkit-flex-shrink: 66; }
.sp_flex-shrink67{ flex-shrink: 67; -webkit-flex-shrink: 67; }
.sp_flex-shrink68{ flex-shrink: 68; -webkit-flex-shrink: 68; }
.sp_flex-shrink69{ flex-shrink: 69; -webkit-flex-shrink: 69; }
.sp_flex-shrink70{ flex-shrink: 70; -webkit-flex-shrink: 70; }
.sp_flex-shrink71{ flex-shrink: 71; -webkit-flex-shrink: 71; }
.sp_flex-shrink72{ flex-shrink: 72; -webkit-flex-shrink: 72; }
.sp_flex-shrink73{ flex-shrink: 73; -webkit-flex-shrink: 73; }
.sp_flex-shrink74{ flex-shrink: 74; -webkit-flex-shrink: 74; }
.sp_flex-shrink75{ flex-shrink: 75; -webkit-flex-shrink: 75; }
.sp_flex-shrink76{ flex-shrink: 76; -webkit-flex-shrink: 76; }
.sp_flex-shrink77{ flex-shrink: 77; -webkit-flex-shrink: 77; }
.sp_flex-shrink78{ flex-shrink: 78; -webkit-flex-shrink: 78; }
.sp_flex-shrink79{ flex-shrink: 79; -webkit-flex-shrink: 79; }
.sp_flex-shrink80{ flex-shrink: 80; -webkit-flex-shrink: 80; }
.sp_flex-shrink81{ flex-shrink: 81; -webkit-flex-shrink: 81; }
.sp_flex-shrink82{ flex-shrink: 82; -webkit-flex-shrink: 82; }
.sp_flex-shrink83{ flex-shrink: 83; -webkit-flex-shrink: 83; }
.sp_flex-shrink84{ flex-shrink: 84; -webkit-flex-shrink: 84; }
.sp_flex-shrink85{ flex-shrink: 85; -webkit-flex-shrink: 85; }
.sp_flex-shrink86{ flex-shrink: 86; -webkit-flex-shrink: 86; }
.sp_flex-shrink87{ flex-shrink: 87; -webkit-flex-shrink: 87; }
.sp_flex-shrink88{ flex-shrink: 88; -webkit-flex-shrink: 88; }
.sp_flex-shrink89{ flex-shrink: 89; -webkit-flex-shrink: 89; }
.sp_flex-shrink90{ flex-shrink: 90; -webkit-flex-shrink: 90; }
.sp_flex-shrink91{ flex-shrink: 91; -webkit-flex-shrink: 91; }
.sp_flex-shrink92{ flex-shrink: 92; -webkit-flex-shrink: 92; }
.sp_flex-shrink93{ flex-shrink: 93; -webkit-flex-shrink: 93; }
.sp_flex-shrink94{ flex-shrink: 94; -webkit-flex-shrink: 94; }
.sp_flex-shrink95{ flex-shrink: 95; -webkit-flex-shrink: 95; }
.sp_flex-shrink96{ flex-shrink: 96; -webkit-flex-shrink: 96; }
.sp_flex-shrink97{ flex-shrink: 97; -webkit-flex-shrink: 97; }
.sp_flex-shrink98{ flex-shrink: 98; -webkit-flex-shrink: 98; }
.sp_flex-shrink99{ flex-shrink: 99; -webkit-flex-shrink: 99; }
.sp_flex-shrink100{ flex-shrink: 100; -webkit-flex-shrink: 100; }

/*  .sp_flex-basis  */

.sp_flex-basis00{ flex-basis: 0px !important; -webkit-flex-basis: 0px !important;}
.sp_flex-basis10{ flex-basis: 10px !important; -webkit-flex-basis: 10px !important;}
.sp_flex-basis20{ flex-basis: 20px !important; -webkit-flex-basis: 20px !important;}
.sp_flex-basis30{ flex-basis: 30px !important; -webkit-flex-basis: 30px !important;}
.sp_flex-basis40{ flex-basis: 40px !important; -webkit-flex-basis: 40px !important;}
.sp_flex-basis50{ flex-basis: 50px !important; -webkit-flex-basis: 50px !important;}
.sp_flex-basis60{ flex-basis: 60px !important; -webkit-flex-basis: 60px !important;}
.sp_flex-basis70{ flex-basis: 70px !important; -webkit-flex-basis: 70px !important;}
.sp_flex-basis80{ flex-basis: 80px !important; -webkit-flex-basis: 80px !important;}
.sp_flex-basis90{ flex-basis: 90px !important; -webkit-flex-basis: 90px !important;}
.sp_flex-basis100{ flex-basis: 100px !important; -webkit-flex-basis: 100px !important;}
.sp_flex-basis110{ flex-basis: 110px !important; -webkit-flex-basis: 110px !important;}
.sp_flex-basis120{ flex-basis: 120px !important; -webkit-flex-basis: 120px !important;}
.sp_flex-basis130{ flex-basis: 130px !important; -webkit-flex-basis: 130px !important;}
.sp_flex-basis140{ flex-basis: 140px !important; -webkit-flex-basis: 140px !important;}
.sp_flex-basis150{ flex-basis: 150px !important; -webkit-flex-basis: 150px !important;}
.sp_flex-basis160{ flex-basis: 160px !important; -webkit-flex-basis: 160px !important;}
.sp_flex-basis170{ flex-basis: 170px !important; -webkit-flex-basis: 170px !important;}
.sp_flex-basis180{ flex-basis: 180px !important; -webkit-flex-basis: 180px !important;}
.sp_flex-basis190{ flex-basis: 190px !important; -webkit-flex-basis: 190px !important;}
.sp_flex-basis200{ flex-basis: 200px !important; -webkit-flex-basis: 200px !important;}
.sp_flex-basis210{ flex-basis: 210px !important; -webkit-flex-basis: 210px !important;}
.sp_flex-basis220{ flex-basis: 220px !important; -webkit-flex-basis: 220px !important;}
.sp_flex-basis230{ flex-basis: 230px !important; -webkit-flex-basis: 230px !important;}
.sp_flex-basis240{ flex-basis: 240px !important; -webkit-flex-basis: 240px !important;}
.sp_flex-basis250{ flex-basis: 250px !important; -webkit-flex-basis: 250px !important;}
.sp_flex-basis260{ flex-basis: 260px !important; -webkit-flex-basis: 260px !important;}
.sp_flex-basis270{ flex-basis: 270px !important; -webkit-flex-basis: 270px !important;}
.sp_flex-basis280{ flex-basis: 280px !important; -webkit-flex-basis: 280px !important;}
.sp_flex-basis290{ flex-basis: 290px !important; -webkit-flex-basis: 290px !important;}
.sp_flex-basis300{ flex-basis: 300px !important; -webkit-flex-basis: 300px !important;}
.sp_flex-basis310{ flex-basis: 310px !important; -webkit-flex-basis: 310px !important;}
.sp_flex-basis320{ flex-basis: 320px !important; -webkit-flex-basis: 320px !important;}
.sp_flex-basis330{ flex-basis: 330px !important; -webkit-flex-basis: 330px !important;}
.sp_flex-basis340{ flex-basis: 340px !important; -webkit-flex-basis: 340px !important;}
.sp_flex-basis350{ flex-basis: 350px !important; -webkit-flex-basis: 350px !important;}
.sp_flex-basis360{ flex-basis: 360px !important; -webkit-flex-basis: 360px !important;}
.sp_flex-basis370{ flex-basis: 370px !important; -webkit-flex-basis: 370px !important;}
.sp_flex-basis380{ flex-basis: 380px !important; -webkit-flex-basis: 380px !important;}
.sp_flex-basis390{ flex-basis: 390px !important; -webkit-flex-basis: 390px !important;}
.sp_flex-basis400{ flex-basis: 400px !important; -webkit-flex-basis: 400px !important;}
.sp_flex-basis410{ flex-basis: 410px !important; -webkit-flex-basis: 410px !important;}
.sp_flex-basis420{ flex-basis: 420px !important; -webkit-flex-basis: 420px !important;}
.sp_flex-basis430{ flex-basis: 430px !important; -webkit-flex-basis: 430px !important;}
.sp_flex-basis440{ flex-basis: 440px !important; -webkit-flex-basis: 440px !important;}
.sp_flex-basis450{ flex-basis: 450px !important; -webkit-flex-basis: 450px !important;}
.sp_flex-basis460{ flex-basis: 460px !important; -webkit-flex-basis: 460px !important;}
.sp_flex-basis470{ flex-basis: 470px !important; -webkit-flex-basis: 470px !important;}
.sp_flex-basis480{ flex-basis: 480px !important; -webkit-flex-basis: 480px !important;}
.sp_flex-basis490{ flex-basis: 490px !important; -webkit-flex-basis: 490px !important;}
.sp_flex-basis500{ flex-basis: 500px !important; -webkit-flex-basis: 500px !important;}
.sp_flex-basis510{ flex-basis: 510px !important; -webkit-flex-basis: 510px !important;}
.sp_flex-basis520{ flex-basis: 520px !important; -webkit-flex-basis: 520px !important;}
.sp_flex-basis530{ flex-basis: 530px !important; -webkit-flex-basis: 530px !important;}
.sp_flex-basis540{ flex-basis: 540px !important; -webkit-flex-basis: 540px !important;}
.sp_flex-basis550{ flex-basis: 550px !important; -webkit-flex-basis: 550px !important;}
.sp_flex-basis560{ flex-basis: 560px !important; -webkit-flex-basis: 560px !important;}
.sp_flex-basis570{ flex-basis: 570px !important; -webkit-flex-basis: 570px !important;}
.sp_flex-basis580{ flex-basis: 580px !important; -webkit-flex-basis: 580px !important;}
.sp_flex-basis590{ flex-basis: 590px !important; -webkit-flex-basis: 590px !important;}
.sp_flex-basis600{ flex-basis: 600px !important; -webkit-flex-basis: 600px !important;}
.sp_flex-basis610{ flex-basis: 610px !important; -webkit-flex-basis: 610px !important;}
.sp_flex-basis620{ flex-basis: 620px !important; -webkit-flex-basis: 620px !important;}
.sp_flex-basis630{ flex-basis: 630px !important; -webkit-flex-basis: 630px !important;}
.sp_flex-basis640{ flex-basis: 640px !important; -webkit-flex-basis: 640px !important;}
.sp_flex-basis650{ flex-basis: 650px !important; -webkit-flex-basis: 650px !important;}
.sp_flex-basis660{ flex-basis: 660px !important; -webkit-flex-basis: 660px !important;}
.sp_flex-basis670{ flex-basis: 670px !important; -webkit-flex-basis: 670px !important;}
.sp_flex-basis680{ flex-basis: 680px !important; -webkit-flex-basis: 680px !important;}
.sp_flex-basis690{ flex-basis: 690px !important; -webkit-flex-basis: 690px !important;}
.sp_flex-basis700{ flex-basis: 700px !important; -webkit-flex-basis: 700px !important;}
.sp_flex-basis710{ flex-basis: 710px !important; -webkit-flex-basis: 710px !important;}
.sp_flex-basis720{ flex-basis: 720px !important; -webkit-flex-basis: 720px !important;}
.sp_flex-basis730{ flex-basis: 730px !important; -webkit-flex-basis: 730px !important;}
.sp_flex-basis740{ flex-basis: 740px !important; -webkit-flex-basis: 740px !important;}
.sp_flex-basis750{ flex-basis: 750px !important; -webkit-flex-basis: 750px !important;}
.sp_flex-basis760{ flex-basis: 760px !important; -webkit-flex-basis: 760px !important;}
.sp_flex-basis770{ flex-basis: 770px !important; -webkit-flex-basis: 770px !important;}
.sp_flex-basis780{ flex-basis: 780px !important; -webkit-flex-basis: 780px !important;}
.sp_flex-basis790{ flex-basis: 790px !important; -webkit-flex-basis: 790px !important;}
.sp_flex-basis800{ flex-basis: 800px !important; -webkit-flex-basis: 800px !important;}
.sp_flex-basis810{ flex-basis: 810px !important; -webkit-flex-basis: 810px !important;}
.sp_flex-basis820{ flex-basis: 820px !important; -webkit-flex-basis: 820px !important;}
.sp_flex-basis830{ flex-basis: 830px !important; -webkit-flex-basis: 830px !important;}
.sp_flex-basis840{ flex-basis: 840px !important; -webkit-flex-basis: 840px !important;}
.sp_flex-basis850{ flex-basis: 850px !important; -webkit-flex-basis: 850px !important;}
.sp_flex-basis860{ flex-basis: 860px !important; -webkit-flex-basis: 860px !important;}
.sp_flex-basis870{ flex-basis: 870px !important; -webkit-flex-basis: 870px !important;}
.sp_flex-basis880{ flex-basis: 880px !important; -webkit-flex-basis: 880px !important;}
.sp_flex-basis890{ flex-basis: 890px !important; -webkit-flex-basis: 890px !important;}
.sp_flex-basis900{ flex-basis: 900px !important; -webkit-flex-basis: 900px !important;}
.sp_flex-basis910{ flex-basis: 910px !important; -webkit-flex-basis: 910px !important;}
.sp_flex-basis920{ flex-basis: 920px !important; -webkit-flex-basis: 920px !important;}
.sp_flex-basis930{ flex-basis: 930px !important; -webkit-flex-basis: 930px !important;}
.sp_flex-basis940{ flex-basis: 940px !important; -webkit-flex-basis: 940px !important;}
.sp_flex-basis950{ flex-basis: 950px !important; -webkit-flex-basis: 950px !important;}
.sp_flex-basis960{ flex-basis: 960px !important; -webkit-flex-basis: 960px !important;}
.sp_flex-basis970{ flex-basis: 970px !important; -webkit-flex-basis: 970px !important;}
.sp_flex-basis980{ flex-basis: 980px !important; -webkit-flex-basis: 980px !important;}
.sp_flex-basis990{ flex-basis: 990px !important; -webkit-flex-basis: 990px !important;}
.sp_flex-basis1000{ flex-basis: 1000px !important; -webkit-flex-basis: 1000px !important;}
.sp_flex-basis1010{ flex-basis: 1010px !important; -webkit-flex-basis: 1010px !important;}
.sp_flex-basis1020{ flex-basis: 1020px !important; -webkit-flex-basis: 1020px !important;}
.sp_flex-basis1030{ flex-basis: 1030px !important; -webkit-flex-basis: 1030px !important;}
.sp_flex-basis1040{ flex-basis: 1040px !important; -webkit-flex-basis: 1040px !important;}
.sp_flex-basis1050{ flex-basis: 1050px !important; -webkit-flex-basis: 1050px !important;}
.sp_flex-basis1060{ flex-basis: 1060px !important; -webkit-flex-basis: 1060px !important;}
.sp_flex-basis1070{ flex-basis: 1070px !important; -webkit-flex-basis: 1070px !important;}
.sp_flex-basis1080{ flex-basis: 1080px !important; -webkit-flex-basis: 1080px !important;}
.sp_flex-basis1090{ flex-basis: 1090px !important; -webkit-flex-basis: 1090px !important;}
.sp_flex-basis1100{ flex-basis: 1100px !important; -webkit-flex-basis: 1100px !important;}
.sp_flex-basis1110{ flex-basis: 1110px !important; -webkit-flex-basis: 1110px !important;}
.sp_flex-basis1120{ flex-basis: 1120px !important; -webkit-flex-basis: 1120px !important;}
.sp_flex-basis1130{ flex-basis: 1130px !important; -webkit-flex-basis: 1130px !important;}
.sp_flex-basis1140{ flex-basis: 1140px !important; -webkit-flex-basis: 1140px !important;}
.sp_flex-basis1150{ flex-basis: 1150px !important; -webkit-flex-basis: 1150px !important;}
.sp_flex-basis1160{ flex-basis: 1160px !important; -webkit-flex-basis: 1160px !important;}
.sp_flex-basis1170{ flex-basis: 1170px !important; -webkit-flex-basis: 1170px !important;}
.sp_flex-basis1180{ flex-basis: 1180px !important; -webkit-flex-basis: 1180px !important;}
.sp_flex-basis1190{ flex-basis: 1190px !important; -webkit-flex-basis: 1190px !important;}
.sp_flex-basis1200{ flex-basis: 1200px !important; -webkit-flex-basis: 1200px !important;}

.sp_flex-basis00p{ flex-basis: 0% !important; -webkit-flex-basis: 0% !important;}
.sp_flex-basis01p{ flex-basis: 1% !important; -webkit-flex-basis: 1% !important;}
.sp_flex-basis02p{ flex-basis: 2% !important; -webkit-flex-basis: 2% !important;}
.sp_flex-basis03p{ flex-basis: 3% !important; -webkit-flex-basis: 3% !important;}
.sp_flex-basis04p{ flex-basis: 4% !important; -webkit-flex-basis: 4% !important;}
.sp_flex-basis05p{ flex-basis: 5% !important; -webkit-flex-basis: 5% !important;}
.sp_flex-basis06p{ flex-basis: 6% !important; -webkit-flex-basis: 6% !important;}
.sp_flex-basis07p{ flex-basis: 7% !important; -webkit-flex-basis: 7% !important;}
.sp_flex-basis08p{ flex-basis: 8% !important; -webkit-flex-basis: 8% !important;}
.sp_flex-basis09p{ flex-basis: 9% !important; -webkit-flex-basis: 9% !important;}
.sp_flex-basis10p{ flex-basis: 10% !important; -webkit-flex-basis: 10% !important;}
.sp_flex-basis11p{ flex-basis: 11% !important; -webkit-flex-basis: 11% !important;}
.sp_flex-basis12p{ flex-basis: 12% !important; -webkit-flex-basis: 12% !important;}
.sp_flex-basis13p{ flex-basis: 13% !important; -webkit-flex-basis: 13% !important;}
.sp_flex-basis14p{ flex-basis: 14% !important; -webkit-flex-basis: 14% !important;}
.sp_flex-basis15p{ flex-basis: 15% !important; -webkit-flex-basis: 15% !important;}
.sp_flex-basis16p{ flex-basis: 16% !important; -webkit-flex-basis: 16% !important;}
.sp_flex-basis17p{ flex-basis: 17% !important; -webkit-flex-basis: 17% !important;}
.sp_flex-basis18p{ flex-basis: 18% !important; -webkit-flex-basis: 18% !important;}
.sp_flex-basis19p{ flex-basis: 19% !important; -webkit-flex-basis: 19% !important;}
.sp_flex-basis20p{ flex-basis: 20% !important; -webkit-flex-basis: 20% !important;}
.sp_flex-basis21p{ flex-basis: 21% !important; -webkit-flex-basis: 21% !important;}
.sp_flex-basis22p{ flex-basis: 22% !important; -webkit-flex-basis: 22% !important;}
.sp_flex-basis23p{ flex-basis: 23% !important; -webkit-flex-basis: 23% !important;}
.sp_flex-basis24p{ flex-basis: 24% !important; -webkit-flex-basis: 24% !important;}
.sp_flex-basis25p{ flex-basis: 25% !important; -webkit-flex-basis: 25% !important;}
.sp_flex-basis26p{ flex-basis: 26% !important; -webkit-flex-basis: 26% !important;}
.sp_flex-basis27p{ flex-basis: 27% !important; -webkit-flex-basis: 27% !important;}
.sp_flex-basis28p{ flex-basis: 28% !important; -webkit-flex-basis: 28% !important;}
.sp_flex-basis29p{ flex-basis: 29% !important; -webkit-flex-basis: 29% !important;}
.sp_flex-basis30p{ flex-basis: 30% !important; -webkit-flex-basis: 30% !important;}
.sp_flex-basis31p{ flex-basis: 31% !important; -webkit-flex-basis: 31% !important;}
.sp_flex-basis32p{ flex-basis: 32% !important; -webkit-flex-basis: 32% !important;}
.sp_flex-basis33p{ flex-basis: 33% !important; -webkit-flex-basis: 33% !important;}
.sp_flex-basis34p{ flex-basis: 34% !important; -webkit-flex-basis: 34% !important;}
.sp_flex-basis35p{ flex-basis: 35% !important; -webkit-flex-basis: 35% !important;}
.sp_flex-basis36p{ flex-basis: 36% !important; -webkit-flex-basis: 36% !important;}
.sp_flex-basis37p{ flex-basis: 37% !important; -webkit-flex-basis: 37% !important;}
.sp_flex-basis38p{ flex-basis: 38% !important; -webkit-flex-basis: 38% !important;}
.sp_flex-basis39p{ flex-basis: 39% !important; -webkit-flex-basis: 39% !important;}
.sp_flex-basis40p{ flex-basis: 40% !important; -webkit-flex-basis: 40% !important;}
.sp_flex-basis41p{ flex-basis: 41% !important; -webkit-flex-basis: 41% !important;}
.sp_flex-basis42p{ flex-basis: 42% !important; -webkit-flex-basis: 42% !important;}
.sp_flex-basis43p{ flex-basis: 43% !important; -webkit-flex-basis: 43% !important;}
.sp_flex-basis44p{ flex-basis: 44% !important; -webkit-flex-basis: 44% !important;}
.sp_flex-basis45p{ flex-basis: 45% !important; -webkit-flex-basis: 45% !important;}
.sp_flex-basis46p{ flex-basis: 46% !important; -webkit-flex-basis: 46% !important;}
.sp_flex-basis47p{ flex-basis: 47% !important; -webkit-flex-basis: 47% !important;}
.sp_flex-basis48p{ flex-basis: 48% !important; -webkit-flex-basis: 48% !important;}
.sp_flex-basis49p{ flex-basis: 49% !important; -webkit-flex-basis: 49% !important;}
.sp_flex-basis50p{ flex-basis: 50% !important; -webkit-flex-basis: 50% !important;}
.sp_flex-basis51p{ flex-basis: 51% !important; -webkit-flex-basis: 51% !important;}
.sp_flex-basis52p{ flex-basis: 52% !important; -webkit-flex-basis: 52% !important;}
.sp_flex-basis53p{ flex-basis: 53% !important; -webkit-flex-basis: 53% !important;}
.sp_flex-basis54p{ flex-basis: 54% !important; -webkit-flex-basis: 54% !important;}
.sp_flex-basis55p{ flex-basis: 55% !important; -webkit-flex-basis: 55% !important;}
.sp_flex-basis56p{ flex-basis: 56% !important; -webkit-flex-basis: 56% !important;}
.sp_flex-basis57p{ flex-basis: 57% !important; -webkit-flex-basis: 57% !important;}
.sp_flex-basis58p{ flex-basis: 58% !important; -webkit-flex-basis: 58% !important;}
.sp_flex-basis59p{ flex-basis: 59% !important; -webkit-flex-basis: 59% !important;}
.sp_flex-basis60p{ flex-basis: 60% !important; -webkit-flex-basis: 60% !important;}
.sp_flex-basis61p{ flex-basis: 61% !important; -webkit-flex-basis: 61% !important;}
.sp_flex-basis62p{ flex-basis: 62% !important; -webkit-flex-basis: 62% !important;}
.sp_flex-basis63p{ flex-basis: 63% !important; -webkit-flex-basis: 63% !important;}
.sp_flex-basis64p{ flex-basis: 64% !important; -webkit-flex-basis: 64% !important;}
.sp_flex-basis65p{ flex-basis: 65% !important; -webkit-flex-basis: 65% !important;}
.sp_flex-basis66p{ flex-basis: 66% !important; -webkit-flex-basis: 66% !important;}
.sp_flex-basis67p{ flex-basis: 67% !important; -webkit-flex-basis: 67% !important;}
.sp_flex-basis68p{ flex-basis: 68% !important; -webkit-flex-basis: 68% !important;}
.sp_flex-basis69p{ flex-basis: 69% !important; -webkit-flex-basis: 69% !important;}
.sp_flex-basis70p{ flex-basis: 70% !important; -webkit-flex-basis: 70% !important;}
.sp_flex-basis71p{ flex-basis: 71% !important; -webkit-flex-basis: 71% !important;}
.sp_flex-basis72p{ flex-basis: 72% !important; -webkit-flex-basis: 72% !important;}
.sp_flex-basis73p{ flex-basis: 73% !important; -webkit-flex-basis: 73% !important;}
.sp_flex-basis74p{ flex-basis: 74% !important; -webkit-flex-basis: 74% !important;}
.sp_flex-basis75p{ flex-basis: 75% !important; -webkit-flex-basis: 75% !important;}
.sp_flex-basis76p{ flex-basis: 76% !important; -webkit-flex-basis: 76% !important;}
.sp_flex-basis77p{ flex-basis: 77% !important; -webkit-flex-basis: 77% !important;}
.sp_flex-basis78p{ flex-basis: 78% !important; -webkit-flex-basis: 78% !important;}
.sp_flex-basis79p{ flex-basis: 79% !important; -webkit-flex-basis: 79% !important;}
.sp_flex-basis80p{ flex-basis: 80% !important; -webkit-flex-basis: 80% !important;}
.sp_flex-basis81p{ flex-basis: 81% !important; -webkit-flex-basis: 81% !important;}
.sp_flex-basis82p{ flex-basis: 82% !important; -webkit-flex-basis: 82% !important;}
.sp_flex-basis83p{ flex-basis: 83% !important; -webkit-flex-basis: 83% !important;}
.sp_flex-basis84p{ flex-basis: 84% !important; -webkit-flex-basis: 84% !important;}
.sp_flex-basis85p{ flex-basis: 85% !important; -webkit-flex-basis: 85% !important;}
.sp_flex-basis86p{ flex-basis: 86% !important; -webkit-flex-basis: 86% !important;}
.sp_flex-basis87p{ flex-basis: 87% !important; -webkit-flex-basis: 87% !important;}
.sp_flex-basis88p{ flex-basis: 88% !important; -webkit-flex-basis: 88% !important;}
.sp_flex-basis89p{ flex-basis: 89% !important; -webkit-flex-basis: 89% !important;}
.sp_flex-basis90p{ flex-basis: 90% !important; -webkit-flex-basis: 90% !important;}
.sp_flex-basis91p{ flex-basis: 91% !important; -webkit-flex-basis: 91% !important;}
.sp_flex-basis92p{ flex-basis: 92% !important; -webkit-flex-basis: 92% !important;}
.sp_flex-basis93p{ flex-basis: 93% !important; -webkit-flex-basis: 93% !important;}
.sp_flex-basis94p{ flex-basis: 94% !important; -webkit-flex-basis: 94% !important;}
.sp_flex-basis95p{ flex-basis: 95% !important; -webkit-flex-basis: 95% !important;}
.sp_flex-basis96p{ flex-basis: 96% !important; -webkit-flex-basis: 96% !important;}
.sp_flex-basis97p{ flex-basis: 97% !important; -webkit-flex-basis: 97% !important;}
.sp_flex-basis98p{ flex-basis: 98% !important; -webkit-flex-basis: 98% !important;}
.sp_flex-basis99p{ flex-basis: 99% !important; -webkit-flex-basis: 99% !important;}
.sp_flex-basis100p{ flex-basis: 100% !important; -webkit-flex-basis: 100% !important;}
}

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

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

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

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