@charset "utf-8";

/* フォントサイズ
===========================================================*/

.fs55{ font-size: 55% !important; }
.fs60{ font-size: 60% !important; }
.fs65{ font-size: 65% !important; }
.fs70{ font-size: 70% !important; }
.fs75{ font-size: 75% !important; }
.fs80{ font-size: 80% !important; }
.fs85{ font-size: 85% !important; }
.fs90{ font-size: 90% !important; }
.fs95{ font-size: 95% !important; }
.fs100{ font-size: 100% !important; }
.fs105{ font-size: 105% !important; }
.fs110{ font-size: 110% !important; }
.fs115{ font-size: 115% !important; }
.fs120{ font-size: 120% !important; }
.fs125{ font-size: 125% !important; }
.fs130{ font-size: 130% !important; }
.fs135{ font-size: 135% !important; }
.fs140{ font-size: 140% !important; }
.fs145{ font-size: 145% !important; }
.fs150{ font-size: 150% !important; }
.fs155{ font-size: 155% !important; }
.fs160{ font-size: 160% !important; }
.fs165{ font-size: 165% !important; }
.fs170{ font-size: 170% !important; }
.fs175{ font-size: 175% !important; }
.fs180{ font-size: 180% !important; }
.fs185{ font-size: 185% !important; }
.fs190{ font-size: 190% !important; }
.fs195{ font-size: 195% !important; }
.fs200{ font-size: 200% !important; }


.line100{ line-height: 100% !important; }
.line110{ line-height: 110% !important; }
.line120{ line-height: 120% !important; }
.line130{ line-height: 130% !important; }
.line140{ line-height: 140% !important; }
.line150{ line-height: 150% !important; }
.line160{ line-height: 160% !important; }
.line170{ line-height: 170% !important; }
.line180{ line-height: 180% !important; }
.line190{ line-height: 190% !important; }
.line200{ line-height: 200% !important; }

/* マージン
===========================================================*/

/* %調整 */

.mt01{ margin-top: 1% !important; }
.mt02{ margin-top: 2% !important; }
.mt03{ margin-top: 3% !important; }
.mt04{ margin-top: 4% !important; }
.mt05{ margin-top: 5% !important; }
.mt06{ margin-top: 6% !important; }
.mt07{ margin-top: 7% !important; }
.mt08{ margin-top: 8% !important; }
.mt09{ margin-top: 9% !important; }
.mt10{ margin-top: 10% !important; }
.mt11{ margin-top: 11% !important; }
.mt12{ margin-top: 12% !important; }
.mt13{ margin-top: 13% !important; }
.mt14{ margin-top: 14% !important; }
.mt15{ margin-top: 15% !important; }
.mt16{ margin-top: 16% !important; }
.mt17{ margin-top: 17% !important; }
.mt18{ margin-top: 18% !important; }
.mt19{ margin-top: 19% !important; }
.mt20{ margin-top: 20% !important; }

.ml01{ margin-left: 1% !important; }
.ml02{ margin-left: 2% !important; }
.ml03{ margin-left: 3% !important; }
.ml04{ margin-left: 4% !important; }
.ml05{ margin-left: 5% !important; }
.ml06{ margin-left: 6% !important; }
.ml07{ margin-left: 7% !important; }
.ml08{ margin-left: 8% !important; }
.ml09{ margin-left: 9% !important; }
.ml10{ margin-left: 10% !important; }
.ml11{ margin-left: 11% !important; }
.ml12{ margin-left: 12% !important; }
.ml13{ margin-left: 13% !important; }
.ml14{ margin-left: 14% !important; }
.ml15{ margin-left: 15% !important; }
.ml16{ margin-left: 16% !important; }
.ml17{ margin-left: 17% !important; }
.ml18{ margin-left: 18% !important; }
.ml19{ margin-left: 19% !important; }
.ml20{ margin-left: 20% !important; }

.mb01{ margin-bottom: 1% !important; }
.mb02{ margin-bottom: 2% !important; }
.mb03{ margin-bottom: 3% !important; }
.mb04{ margin-bottom: 4% !important; }
.mb05{ margin-bottom: 5% !important; }
.mb06{ margin-bottom: 6% !important; }
.mb07{ margin-bottom: 7% !important; }
.mb08{ margin-bottom: 8% !important; }
.mb09{ margin-bottom: 9% !important; }
.mb10{ margin-bottom: 10% !important; }
.mb11{ margin-bottom: 11% !important; }
.mb12{ margin-bottom: 12% !important; }
.mb13{ margin-bottom: 13% !important; }
.mb14{ margin-bottom: 14% !important; }
.mb15{ margin-bottom: 15% !important; }
.mb16{ margin-bottom: 16% !important; }
.mb17{ margin-bottom: 17% !important; }
.mb18{ margin-bottom: 18% !important; }
.mb19{ margin-bottom: 19% !important; }
.mb20{ margin-bottom: 20% !important; }

.mr01{ margin-right: 1% !important; }
.mr02{ margin-right: 2% !important; }
.mr03{ margin-right: 3% !important; }
.mr04{ margin-right: 4% !important; }
.mr05{ margin-right: 5% !important; }
.mr06{ margin-right: 6% !important; }
.mr07{ margin-right: 7% !important; }
.mr08{ margin-right: 8% !important; }
.mr09{ margin-right: 9% !important; }
.mr10{ margin-right: 10% !important; }
.mr11{ margin-right: 11% !important; }
.mr12{ margin-right: 12% !important; }
.mr13{ margin-right: 13% !important; }
.mr14{ margin-right: 14% !important; }
.mr15{ margin-right: 15% !important; }
.mr16{ margin-right: 16% !important; }
.mr17{ margin-right: 17% !important; }
.mr18{ margin-right: 18% !important; }
.mr19{ margin-right: 19% !important; }
.mr20{ margin-right: 20% !important; }

/* パディング
===========================================================*/

/* %調整 */

.pt01{ padding-top: 1% !important; }
.pt02{ padding-top: 2% !important; }
.pt03{ padding-top: 3% !important; }
.pt04{ padding-top: 4% !important; }
.pt05{ padding-top: 5% !important; }
.pt06{ padding-top: 6% !important; }
.pt07{ padding-top: 7% !important; }
.pt08{ padding-top: 8% !important; }
.pt09{ padding-top: 9% !important; }
.pt10{ padding-top: 10% !important; }
.pt11{ padding-top: 11% !important; }
.pt12{ padding-top: 12% !important; }
.pt13{ padding-top: 13% !important; }
.pt14{ padding-top: 14% !important; }
.pt15{ padding-top: 15% !important; }
.pt16{ padding-top: 16% !important; }
.pt17{ padding-top: 17% !important; }
.pt18{ padding-top: 18% !important; }
.pt19{ padding-top: 19% !important; }
.pt20{ padding-top: 20% !important; }

.pl01{ padding-left: 1% !important; }
.pl02{ padding-left: 2% !important; }
.pl03{ padding-left: 3% !important; }
.pl04{ padding-left: 4% !important; }
.pl05{ padding-left: 5% !important; }
.pl06{ padding-left: 6% !important; }
.pl07{ padding-left: 7% !important; }
.pl08{ padding-left: 8% !important; }
.pl09{ padding-left: 9% !important; }
.pl10{ padding-left: 10% !important; }
.pl11{ padding-left: 11% !important; }
.pl12{ padding-left: 12% !important; }
.pl13{ padding-left: 13% !important; }
.pl14{ padding-left: 14% !important; }
.pl15{ padding-left: 15% !important; }
.pl16{ padding-left: 16% !important; }
.pl17{ padding-left: 17% !important; }
.pl18{ padding-left: 18% !important; }
.pl19{ padding-left: 19% !important; }
.pl20{ padding-left: 20% !important; }

.pb01{ padding-bottom: 1% !important; }
.pb02{ padding-bottom: 2% !important; }
.pb03{ padding-bottom: 3% !important; }
.pb04{ padding-bottom: 4% !important; }
.pb05{ padding-bottom: 5% !important; }
.pb06{ padding-bottom: 6% !important; }
.pb07{ padding-bottom: 7% !important; }
.pb08{ padding-bottom: 8% !important; }
.pb09{ padding-bottom: 9% !important; }
.pb10{ padding-bottom: 10% !important; }
.pb11{ padding-bottom: 11% !important; }
.pb12{ padding-bottom: 12% !important; }
.pb13{ padding-bottom: 13% !important; }
.pb14{ padding-bottom: 14% !important; }
.pb15{ padding-bottom: 15% !important; }
.pb16{ padding-bottom: 16% !important; }
.pb17{ padding-bottom: 17% !important; }
.pb18{ padding-bottom: 18% !important; }
.pb19{ padding-bottom: 19% !important; }
.pb20{ padding-bottom: 20% !important; }

.pr01{ padding-right: 1% !important; }
.pr02{ padding-right: 2% !important; }
.pr03{ padding-right: 3% !important; }
.pr04{ padding-right: 4% !important; }
.pr05{ padding-right: 5% !important; }
.pr06{ padding-right: 6% !important; }
.pr07{ padding-right: 7% !important; }
.pr08{ padding-right: 8% !important; }
.pr09{ padding-right: 9% !important; }
.pr10{ padding-right: 10% !important; }
.pr11{ padding-right: 11% !important; }
.pr12{ padding-right: 12% !important; }
.pr13{ padding-right: 13% !important; }
.pr14{ padding-right: 14% !important; }
.pr15{ padding-right: 15% !important; }
.pr16{ padding-right: 16% !important; }
.pr17{ padding-right: 17% !important; }
.pr18{ padding-right: 18% !important; }
.pr19{ padding-right: 19% !important; }
.pr20{ padding-right: 20% !important; }

/* width関係
===========================================================*/

.w00{ width: 0%;	 }
.w05{ width: 5%;	 }
.w10{ width: 10%; }
.w15{ width: 15%; }
.w20{ width: 20%; }
.w25{ width: 25%; }
.w30{ width: 30%; }
.w35{ width: 35%; }
.w40{ width: 40%; }
.w45{ width: 45%; }
.w50{ width: 50%; }
.w55{ width: 55%; }
.w60{ width: 60%; }
.w65{ width: 65%; }
.w70{ width: 70%; }
.w75{ width: 75%; }
.w80{ width: 80%; }
.w85{ width: 85%; }
.w90{ width: 90%; }
.w95{ width: 95%; }
.w100{ width: 100%; }

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

.clearfix {
  min-height: 1% !important; }

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

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

.block{
	display: block !important; }

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

.inline-block{
	vertical-align: top;
	display: inline-block;
	/display: inline;
	/zoom: 1 !important; }

/* .displaynone
===========================================================*/

.none{
	display: none !important; }

/* ボーダー無し
===========================================================*/

.blnone{ border-left: none !important; }
.brnone{ border-right: none !important; }
.bbnone{ border-bottom: none !important; }
.btnone{ border-bottom: none !important; }
.bnone{ border: none !important; }

/* テキストアライン
===========================================================*/

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

/* フロート
===========================================================*/

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

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

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

/*
---------------------- PCのみ -----------------------------
*/

@media screen and (min-width: 961px) {
	
.pcnone{
	display: none !important; }

}

/*
---------------------- PADのみ -----------------------------
*/

@media screen and (min-width: 701px) and (max-width: 960px) {

.padnone{
	display: none !important; }

}


/*
---------------------- スマホのみ -----------------------------
*/

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