@charset "utf-8";

/* =============================================
 汎用クラス
================================================ */
.hyde{display:none;}
.hidden{visibility:hidden;}
.block-center{margin-left:auto;margin-right:auto;}
.clear{clear:both;}
.block{display:block;}
.inline{display:inline;}
.frame{padding:2px; border:3px solid #E7E8DD;}/* */
.nolistStyle{list-style:none !important;}


/* ボーダー
---------------------------------------------- */
.no-border-bottom{border-bottom:none !important;}
.no-border-top{border-top:none !important;}
.no-border-left{border-left:none !important;}
.no-border-right{border-right:none !important;}


/* テキスト
---------------------------------------------- */
.font1px{font-size:1px;}
.bold{font-weight:bold;}
.normal{font-weight:normal;}
.red{color:#f00;}
.line-height-xs { line-height: 1; }
.line-height-s { line-height: 1.2; }
.line-height-m { line-height: 1.4; }
.line-height-l { line-height: 1.5; }
.line-height-xl { line-height: 1.8; }
.text-decoration{text-decoration:underline;}


/* align
---------------------------------------------- */
.tcenter{text-align:center !important;}
.tleft{text-align:left !important;}
.tright{text-align:right !important;}
.vtop,.vtop th,.vtop td{vertical-align:top !important;}
.vmiddle,.vmiddle th,.vmiddle td{vertical-align:middle !important;}
.vbottom,.vbottom th,.vbottom td{vertical-align:bottom !important;}
.td-right td{text-align:right;}
.td-center td{text-align:center;}
.th-right th{text-align:right;}
.th-center th{text-align:center;}


/* スペーシング（マージンとパディングは同じ値にすること）
---------------------------------------------- */
.mt-xs {margin-top:5px !important;}
.pt-xs {padding-top:5px !important;}
.mr-0 {margin-right:0 !important;}
.pr-0 {padding-right:0 !important;}
.mr-m {margin-right:20px !important;}
.pr-m {padding-right:20px !important;}
.ml-0 {margin-left:0 !important;}
.pl-0 {padding-left:0 !important;}
.mb-0 {margin-bottom:0 !important;}
.mb-xs {margin-bottom:5px !important;}
.mb-s {margin-bottom:10px !important;}
.mb-xm {margin-bottom:15px !important;}
.mb-m {margin-bottom:20px !important;}
.mb-l {margin-bottom:35px !important;}
.mb-xl {margin-bottom:45px !important;}
.pb-0 {padding-bottom:0 !important;}
.pb-xs {padding-bottom:5px !important;}
.pb-s {padding-bottom:10px !important;}
.pb-xm {padding-bottom:15px !important;}
.pb-m {padding-bottom:20px !important;}
.pb-l {padding-bottom:35px !important;}
.pb-xl {padding-bottom:45px !important;}


/* フロート設定
---------------------------------------------- */
.fleft{float:left;}
.fright{float:right;}
.image-left {float:left;margin-right:20px;}
.image-right {float:right;margin-left:20px;}
.overflow{overflow:hidden;/zoom:1;}


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

/*Hidea from IE-mac \*/
*html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/


/* size
---------------------------------------------- */
.size1 { width: 0.833333333%; }
.size2 { width: 1.666666667%; }
.size3 { width: 2.5%; }
.size4 { width: 3.333333333%; }
.size5 { width: 4.166666667%; }
.size6 { width: 5%; }
.size7 { width: 5.833333333%; }
.size8 { width: 6.666666667%; }
.size9 { width: 7.5%; }
.size10 { width: 8.333333333%; }
.size11 { width: 9.166666667%; }
.size12 { width: 10%; }
.size13 { width: 10.83333333%; }
.size14 { width: 11.66666667%; }
.size15 { width: 12.5%; }
.size16 { width: 13.33333333%; }
.size17 { width: 14.16666667%; }
.size18 { width: 15%; }
.size19 { width: 15.83333333%; }
.size20 { width: 16.66666667%; }
.size21 { width: 17.5%; }
.size22 { width: 18.33333333%; }
.size23 { width: 19.16666667%; }
.size24 { width: 20%; }
.size25 { width: 20.83333333%; }
.size26 { width: 21.66666667%; }
.size27 { width: 22.5%; }
.size28 { width: 23.33333333%; }
.size29 { width: 24.16666667%; }
.size30 { width: 25%; }
.size31 { width: 25.83333333%; }
.size32 { width: 26.66666667%; }
.size33 { width: 27.5%; }
.size34 { width: 28.33333333%; }
.size35 { width: 29.16666667%; }
.size36 { width: 30%; }
.size37 { width: 30.83333333%; }
.size38 { width: 31.66666667%; }
.size39 { width: 32.5%; }
.size40 { width: 33.33333333%; }
.size41 { width: 34.16666667%; }
.size42 { width: 35%; }
.size43 { width: 35.83333333%; }
.size44 { width: 36.66666667%; }
.size45 { width: 37.5%; }
.size46 { width: 38.33333333%; }
.size47 { width: 39.16666667%; }
.size48 { width: 40%; }
.size49 { width: 40.83333333%; }
.size50 { width: 41.66666667%; }
.size51 { width: 42.5%; }
.size52 { width: 43.33333333%; }
.size53 { width: 44.16666667%; }
.size54 { width: 45%; }
.size55 { width: 45.83333333%; }
.size56 { width: 46.66666667%; }
.size57 { width: 47.5%; }
.size58 { width: 48.33333333%; }
.size59 { width: 49.16666667%; }
.size60 { width: 50%; }
.size61 { width: 50.83333333%; }
.size62 { width: 51.66666667%; }
.size63 { width: 52.5%; }
.size64 { width: 53.33333333%; }
.size65 { width: 54.16666667%; }
.size66 { width: 55%; }
.size67 { width: 55.83333333%; }
.size68 { width: 56.66666667%; }
.size69 { width: 57.5%; }
.size70 { width: 58.33333333%; }
.size71 { width: 59.16666667%; }
.size72 { width: 60%; }
.size73 { width: 60.83333333%; }
.size74 { width: 61.66666667%; }
.size75 { width: 62.5%; }
.size76 { width: 63.33333333%; }
.size77 { width: 64.16666667%; }
.size78 { width: 65%; }
.size79 { width: 65.83333333%; }
.size80 { width: 66.66666667%; }
.size81 { width: 67.5%; }
.size82 { width: 68.33333333%; }
.size83 { width: 69.16666667%; }
.size84 { width: 70%; }
.size85 { width: 70.83333333%; }
.size86 { width: 71.66666667%; }
.size87 { width: 72.5%; }
.size88 { width: 73.33333333%; }
.size89 { width: 74.16666667%; }
.size90 { width: 75%; }
.size91 { width: 75.83333333%; }
.size92 { width: 76.66666667%; }
.size93 { width: 77.5%; }
.size94 { width: 78.33333333%; }
.size95 { width: 79.16666667%; }
.size96 { width: 80%; }
.size97 { width: 80.83333333%; }
.size98 { width: 81.66666667%; }
.size99 { width: 82.5%; }
.size100 { width: 83.33333333%; }
.size101 { width: 84.16666667%; }
.size102 { width: 85%; }
.size103 { width: 85.83333333%; }
.size104 { width: 86.66666667%; }
.size105 { width: 87.5%; }
.size106 { width: 88.33333333%; }
.size107 { width: 89.16666667%; }
.size108 { width: 90%; }
.size109 { width: 90.83333333%; }
.size110 { width: 91.66666667%; }
.size111 { width: 92.5%; }
.size112 { width: 93.33333333%; }
.size113 { width: 94.16666667%; }
.size114 { width: 95%; }
.size115 { width: 95.83333333%; }
.size116 { width: 96.66666667%; }
.size117 { width: 97.5%; }
.size118 { width: 98.33333333%; }
.size119 { width: 99.16666667%; }
.size120 { width: 100%; }