@charset "utf-8";
/* 
====================================================================================================
■ basic setting
 □ tag
 □ class
■ additional
■ layout
 □ #site_header
 □ main
 □ #sub_area
 □ #site_footer
----------------------------------------------------------------------------------------------------
※ 基本的にテンプレとしての簡易な整形レベルです。必ずサイトに合わせて各種設定を見直すこと。 
※ font-sizeに関しては、リセット後、#wrapperに18px相当で指定済。そこからの相対指定で行うこと。
　（親要素に既に%指定済の場合、子孫要素は基準が変わるので注意してください。）
※ サイト制作後、不要と思われるコメントはなるべく削除し整理すること。
==================================================================================================== */
/* 
====================================================================================================
■ basic setting
----------------------------------------------------------------------------------------------------
 □ tag
---------------------------------------------------------------------------------------------------- */
html { background-color:#CCC; /* 画面外背景色 */ font-family:メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
body { position: relative; margin: 0 auto; font-size:14px; }
p, li, pre, td, th, dt, dd { line-height:1.5; }  /* 基本の行の高さ */
/* 
----------------------------------------------------------------------------------------------------
 □ class
---------------------------------------------------------------------------------------------------- */
/* 
--------------------------------------------------
 ▽ 文字装飾定義専用クラス
-------------------------------------------------- */
/* 主に新着情報への使用想定だが、通常コンテンツ内で使用も可 */
.text_left { text-align:left }
.text_right { text-align:right }
.text_center { text-align:center }
.text_justify { text-align:justify }
.text_nowrap { white-space:nowrap }
.text_lowercase { text-transform:lowercase }
.text_uppercase { text-transform:uppercase }
.text_capitalize { text-transform:capitalize }
.text_muted { color:#777 }
.text_normal { font-weight:normal !important; }
.text_bold { font-weight:bold; }
.text_red { color:#ff0000; }
.text_grey { color:#999999; }
.text_pink { color:#FF1493; }
.text_green { color:#39B221; }
.text_blue { color:#3399FF; } /* このブルーはリンク色のブルーとは色味を若干変える事を推奨 */
.text_yellow { color:#EECC00; }
.text_white { color:#F0F0F0; }
/* ページトップへのリンク */
.page_up { text-align:right; }
.page_up a { /* ※これ以下のサイズ設定は非推奨 */ color:#ccc; font-size:92.9%; } 
.page_up a:before { content:"▲"; } /* 文字列頭の装飾 */
/* 
--------------------------------------------------
 ▽ font-size設定専用クラス
-------------------------------------------------- */
/* デフォルトでは#wrapperに18px相当の指定が設定済みのため、そこからの相対値になります。
※親要素に既に%指定済みの場合は子孫要素は基準が変わるのでこのクラスの使用は出来れば避けます。 */
.f10 { font-size: 55.6% !important; } /* 10px */
.f11 { font-size: 61.2% !important; } /* 11px */
.f12 { font-size: 66.7% !important; } /* 12px */
.f13 { font-size: 72.3% !important; } /* 13px */
.f14 { font-size: 72.3% !important; } /* 14px */
.f15 { font-size: 83.4% !important; } /* 15px */
.f16 { font-size: 88.9% !important; } /* 16px */
.f17 { font-size: 94.5% !important; } /* 17px */
.f18 { font-size:100.0% !important; } /* 18px */
.f19 { font-size:105.6% !important; } /* 19px */
.f20 { font-size:111.2% !important; } /* 20px */
.f21 { font-size:116.7% !important; } /* 21px */
.f22 { font-size:122.3% !important; } /* 22px */
.f23 { font-size:127.8% !important; } /* 23px */
.f24 { font-size:133.4% !important; } /* 24px */
.f25 { font-size:138.9% !important; } /* 25px */
/* 
--------------------------------------------------
 ▽ margin設定専用クラス
-------------------------------------------------- */
.m00 { margin: 0px !important; }
.m05 { margin: 5px !important; }
.m10 { margin:10px !important; }
.m15 { margin:15px !important; }
.m20 { margin:20px !important; }
.m25 { margin:25px !important; }
.m30 { margin:30px !important; }
.m35 { margin:35px !important; }
.m40 { margin:40px !important; }
.m45 { margin:45px !important; }
.mt00 { margin-top: 0px !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt45 { margin-top:45px !important; }
.mr00 { margin-right: 0px !important; }
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }
.mr35 { margin-right:35px !important; }
.mr40 { margin-right:40px !important; }
.mr45 { margin-right:45px !important; }
.mb00 { margin-bottom: 0px !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb45 { margin-bottom:45px !important; }
.ml00 { margin-left: 0px !important; }
.ml05 { margin-left: 5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }
.ml35 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }
.ml45 { margin-left:45px !important; }
/* 
--------------------------------------------------
 ▽ padding設定専用クラス
-------------------------------------------------- */
.p00 { padding: 0px !important; }
.p05 { padding: 5px !important; }
.p10 { padding:10px !important; }
.p15 { padding:15px !important; }
.p20 { padding:20px !important; }
.p25 { padding:25px !important; }
.p30 { padding:30px !important; }
.p35 { padding:35px !important; }
.p40 { padding:40px !important; }
.p45 { padding:45px !important; }
.pt00 { padding-top: 0px !important; }
.pt05 { padding-top: 5px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }
.pt45 { padding-top:45px !important; }
.pr00 { padding-right: 0px !important; }
.pr05 { padding-right: 5px !important; }
.pr10 { padding-right:10px !important; }
.pr15 { padding-right:15px !important; }
.pr20 { padding-right:20px !important; }
.pr25 { padding-right:25px !important; }
.pr30 { padding-right:30px !important; }
.pr35 { padding-right:35px !important; }
.pr40 { padding-right:40px !important; }
.pr45 { padding-right:45px !important; }
.pb00 { padding-bottom: 0px !important; }
.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom:10px !important; }
.pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; }
.pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; }
.pb35 { padding-bottom:35px !important; }
.pb40 { padding-bottom:40px !important; }
.pb45 { padding-bottom:45px !important; }
.pl00 { padding-left: 0px !important; }
.pl05 { padding-left: 5px !important; }
.pl10 { padding-left:10px !important; }
.pl15 { padding-left:15px !important; }
.pl20 { padding-left:20px !important; }
.pl25 { padding-left:25px !important; }
.pl30 { padding-left:30px !important; }
.pl35 { padding-left:35px !important; }
.pl40 { padding-left:40px !important; }
.pl45 { padding-left:45px !important; }
/* 
--------------------------------------------------
 ▽ radious（角丸）設定専用クラス
-------------------------------------------------- */
.r03 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.r04 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.r05 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.r06 { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.r07 { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
.r08 { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.r09 { -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; }
.r10 { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.r11 { -webkit-border-radius:11px; -moz-border-radius:11px; border-radius:11px; }
.r12 { -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; }
.r13 { -webkit-border-radius:13px; -moz-border-radius:13px; border-radius:13px; }
.r14 { -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px; }
.r15 { -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; }
.r16 { -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; }
.r17 { -webkit-border-radius:17px; -moz-border-radius:17px; border-radius:17px; }
.r18 { -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px; }
.r19 { -webkit-border-radius:19px; -moz-border-radius:19px; border-radius:19px; }
.r20 { -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
/* 
--------------------------------------------------
 ▽ 1カラムコンテンツ
-------------------------------------------------- */
.col01 { }
.col01 figure { margin:0 auto 10px; }
/* 
--------------------------------------------------
 ▽ 左右均等2カラムコンテンツ
-------------------------------------------------- */
.col02:after { display:block; clear:both; content:""; }
.col02 .float_l, .col02 .float_r { width:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.col02 .float_l { padding-right:1%; /* ここで余白設定 */ }
.col02 .float_r { padding-left:1%; /* ここで余白設定 */ }
/* 
--------------------------------------------------
 ▽ 2カラムコンテンツ(ul liの場合)
-------------------------------------------------- */
/* 左右2カラムデザイン（※ulに.col02を追加する事で切り替え） */
.col02>li { width:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; margin-bottom:10px; }
/* 左カラム */
.col02>li:nth-of-type(2n-1) {
 padding-right:1%;/* ここで余白設定 */
 float:left;
 clear:both;
}
/* 右カラム */
.col02>li:nth-of-type(2n) {
 padding-left:1%;/* ここで余白設定 */
 float:right;
}
.col02 figure { margin-bottom:10px; }
/* 
--------------------------------------------------
 ▽ 3カラムコンテンツ(ul liの場合)
-------------------------------------------------- */
/* 3カラムデザイン（※ulに.col03を追加する事で切り替え） */
.col03:after { display:block; clear:both; content:""; }
.col03>li { width:32%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; margin-bottom:10px;float:left}
/* 右(1)カラム */
.col03>li:nth-of-type(3n-2) {
 clear:both;
}
/* 左(3)カラム */
.col03>li:nth-of-type(3n) { }
/* 中央(2)カラム */
.col03>li:nth-of-type(3n-1) {
 margin-left:2%;
 margin-right:2%;/* ここで余白設定(余白を指定した場合は.col03>liのwidthを変更) */
}

/* 
--------------------------------------------------
 ▽ 新着などのページネーション
-------------------------------------------------- */
.pagination{ padding:0 2%; margin-bottom: 5px;}

.pagination a { line-height:42px; }
/* 前へ */
.pagination .page_prev { float:left; }
/* 次へ */
.pagination .page_next { float:right; }
/* 戻る */
.pagination .page_back { text-align:center; }
/*
====================================================================================================
■ additional
---------------------------------------------------------------------------------------------------- */
.acco_box { clear:both; margin-bottom:10px; }
.acco_dv { display:none; }
.acco_a { display:block; cursor:pointer; }
.media_txt .txt { line-height: 1.5}
.media_txt .img { width: 40%; }
.media_txt .img img { width:100%; height:auto }
.pic_l  { float:left; margin-right:10px; }
.pic_r { float:right; margin-left:10px; }
/*Less and More*/
.tn_box_maxheight { margin-bottom:10px; line-height:20px; }
.tn_box_maxheight .tn_box_maxheight_in { margin-bottom:0; line-height:20px; }
.maxheightline-0 .tn_box_maxheight_in { max-height:0px; overflow:hidden; }
.maxheightline-1 .tn_box_maxheight_in { max-height:20px; overflow:hidden; }
.maxheightline-2 .tn_box_maxheight_in { max-height:40px; overflow:hidden; }
.maxheightline-3 .tn_box_maxheight_in { max-height:60px; overflow:hidden; }
.maxheightline-4 .tn_box_maxheight_in { max-height:80px; overflow:hidden; }
.maxheightline-5 .tn_box_maxheight_in { max-height:100px; overflow:hidden; }
.maxheightline-6 .tn_box_maxheight_in { max-height:120px; overflow:hidden; }
.maxheightline-7 .tn_box_maxheight_in { max-height:140px; overflow:hidden; }
.maxheightline-8 .tn_box_maxheight_in { max-height:160px; overflow:hidden; }
.maxheightline-9 .tn_box_maxheight_in { max-height:180px; overflow:hidden; }
.maxheightline-10 .tn_box_maxheight_in { max-height:200px; overflow:hidden; }
.maxheightline-11 .tn_box_maxheight_in { max-height:220px; overflow:hidden; }
.maxheightline-12 .tn_box_maxheight_in { max-height:240px; overflow:hidden; }
.tn_box_maxheight.open .tn_box_maxheight_in { max-height:none; overflow:inherit; }
.tn_btn_maxheight { text-decoration:underline; display:block; cursor:pointer; color:#3567c0; font-weight:bold; }
.box_maxheight .maxheight_hide { display:none; }
.box_maxheight .maxheight_btn { text-decoration:underline; cursor:pointer; color:#fc5a03; font-weight:bold; text-align:right; z-index:1; position:relative;}
.box_maxheight .maxheight_hide .maxheight_btn { display:block; }
/*
====================================================================================================
■ layout
---------------------------------------------------------------------------------------------------- */
#wrapper { width: 100%; /* サイトの実際の横幅（640px以下は画面サイズによって変動） */ max-width:320px; margin: 0 auto; background-color: #071707; overflow:hidden; color:#cccccc;}
/* 
----------------------------------------------------------------------------------------------------
 □ #site_header
---------------------------------------------------------------------------------------------------- */
header { position:relative; margin: 2% 2% 0 2%; background-color: #607938; background: url(images/linear_bg_2.png); background-repeat: repeat-x; padding: 2%; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#607938), to(#293712)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #293712, #607938); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #293712, #607938); /* IE 10 */ background: -ms-linear-gradient(top, #293712, #607938); /* Opera 11.10+ */ background: -o-linear-gradient(top, #293712, #607938); }
header:after { content:""; z-index:1;position:absolute; top:0; left:0; background:url(../common_img/bg_header.png); background-repeat:no-repeat; background-size:262px auto; width:262px; height:119px;}
header .h_top { position:relative;  z-index:3;}
header .h_top .icon_menu { padding-top: 10px; }
header .h_top .icon_menu li { float: left; margin-left: 5px; }
header .h_mid { position:relative;  z-index:2;}
header .h_mid li { color: #b6c69b; float: left; }
header .h_mid li:last-child { float: right; font-size: 107.2%; }
header .h_mid li a { color: #b6c69b; }
header .h_bot { position:relative; z-index:2; }
header .h_bot { padding-top: 5px; }
header .h_bot li { float: left; }
header .h_bot li:last-child { float: right; }
header .h_bot .gnav2 { padding-top:10px;}
/* 
--------------------------------------------------
 ▽ #gnav （グローバルナビゲーション）
-------------------------------------------------- */
header .h_top .gnav { position: relative;z-index: 1; }
header .h_top .gnav .drop_menu { display: none; padding: 5px; position: absolute; top: 10px; left: -7px; z-index: 1; width: 88%; background: #607938; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
header .h_top .gnav .drop_menu li { font-size: 110%; position: relative; z-index: 1; padding: 5px; border-bottom: 1px solid #fff; margin-bottom: 5px; text-align: left; }
header .h_top .gnav .drop_menu li:last-child { border-bottom: 0; margin-bottom: 0; }
header .h_top .gnav .drop_menu li a { font-weight: bold; color: #fff; text-decoration: none; }
/* 
----------------------------------------------------------------------------------------------------
  □ main
---------------------------------------------------------------------------------------------------- */
/*--- section ---*/
.sg_main section { margin-bottom:20px; padding: 0 2%; }
.sg_main section section { margin-bottom:15px; padding: 0 0%; }
/* 
----------------------------------------------------------------------------------------------------
  □ #sub_area
---------------------------------------------------------------------------------------------------- */

/* 
----------------------------------------------------------------------------------------------------
 □ #site_footer
---------------------------------------------------------------------------------------------------- */
footer .wrap_f { margin: 2%; padding: 3% 2%; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1f2b0e), to(#2f4114)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #2f4114, #1f2b0e); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #2f4114, #1f2b0e); /* IE 10 */ background: -ms-linear-gradient(top, #2f4114, #1f2b0e); /* Opera 11.10+ */ background: -o-linear-gradient(top, #2f4114, #1f2b0e); }
footer .wrap_f .f_bot { padding-top: 10px; }
footer .wrap_f .f_bot li { float: left; }
footer .wrap_f .f_bot li:last-child { float: right; }
footer .pc { text-align: center; padding: 2%; }
footer .pc a { color: #acb59b; background: url(../common_img/icon_pc.png) no-repeat left 5px; background-size: 18px; padding: 4px 5px 4px 23px; }




/* ▼▼▼▼ position ▼▼▼▼ */
.prtv {
	position: relative;
}
.pfxd {
	position: fixed;
	top: 0;
	z-index: 50;
}
/* ▲▲▲▲ position ▲▲▲▲ */


/* ▼▼▼▼ display ▼▼▼▼ */
.disp_b  { display: block        !important; }
.disp_i  { display: inline       !important; }
.disp_n  { display: none         !important; }
.disp_ib { display: inline-block !important; }
/* ▲▲▲▲ display ▲▲▲▲ */


/* ▼▼▼▼ background ▼▼▼▼ */
.bg_n { background: none !important; }
/* ▲▲▲▲ background ▲▲▲▲ */


/* ▼▼▼▼ width ▼▼▼▼ */
.w10p  { width:  10%  !important; }
.w15p  { width:  15%  !important; }
.w20p  { width:  20%  !important; }
.w25p  { width:  25%  !important; }
.w30p  { width:  30%  !important; }
.w45p  { width:  45%  !important; }
.w100p { width: 100%  !important; }
.w250  { width: 250px !important; }
.w290  { width: 290px !important; }
.w300  { width: 300px !important; }
.w310  { width: 310px !important; }
.w345  { width: 345px !important; }
.w350  { width: 350px !important; }
.w360  { width: 360px !important; }
.w370  { width: 370px !important; }
.w440  { width: 440px !important; }
.w450  { width: 450px !important; }
.w485  { width: 485px !important; }
.w495  { width: 495px !important; }
.w525  { width: 525px !important; }
.w575  { width: 575px !important; }
.w700  { width: 700px !important; }
/* ▲▲▲▲ width ▲▲▲▲ */


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

.fl { float: left ; }
.fr { float: right; }
/* ▲▲▲▲ clear / float ▲▲▲▲ */


/* ▼▼▼▼▼ text / font ▼▼▼▼▼ */
.lh00 { line-height: 0  ; }
.lh12 { line-height: 1.2; }
.lh14 { line-height: 1.4; }
.lh15 { line-height: 1.5; }
.lh16 { line-height: 1.6; }
.lh18 { line-height: 1.8; }

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

.vat { vertical-align: top   ; }
.vam { vertical-align: middle; }
.vab { vertical-align: bottom; }

.fwn { font-weight: normal; }
.fwb { font-weight: bold  ; }

.fs10 { font-size: 10px !important; }
.fs11 { font-size: 11px !important; }
.fs12 { font-size: 12px !important; }
.fs13 { font-size: 13px !important; }
.fs14 { font-size: 14px !important; }
.fs16 { font-size: 16px !important; }
.fs18 { font-size: 18px !important; }
.fs20 { font-size: 20px !important; }
.fs21 { font-size: 21px !important; }
.fs22 { font-size: 22px !important; }
.fs24 { font-size: 24px !important; }
.fs26 { font-size: 26px !important; }
.fs28 { font-size: 28px !important; }
.fs30 { font-size: 30px !important; }
.fs32 { font-size: 32px !important; }
.fs36 { font-size: 36px !important; }
.fs40 { font-size: 40px !important; }

.base   { color: #0068B7; }
.black  { color: #000000; }
.white  { color: #FFFFFF; }
.red    { color: #FF0000; }
.grey   { color: #666666; }
.pink   { color: #FFCCFF; }
.green  { color: #149600; }
.blue   { color: #0073E6; }
.yellow { color: #FAFA00; }
.orange { color: #FF7300; }
/* ▲▲▲▲▲ text / font ▲▲▲▲▲ */


/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼  margin  ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
.mat  { margin: auto         !important; }     .m00  { margin:  0px         !important; }
.m05  { margin:  5px         !important; }     .m10  { margin: 10px         !important; }
.m15  { margin: 15px         !important; }     .m20  { margin: 20px         !important; }
.m25  { margin: 25px         !important; }     .m30  { margin: 30px         !important; }
.m35  { margin: 35px         !important; }     .m40  { margin: 40px         !important; }
.m45  { margin: 45px         !important; }     .m50  { margin: 50px         !important; }
.m55  { margin: 55px         !important; }     .m60  { margin: 60px         !important; }
.m65  { margin: 65px         !important; }     .m70  { margin: 70px         !important; }
.m75  { margin: 75px         !important; }     .m80  { margin: 80px         !important; }
.m85  { margin: 85px         !important; }     .m90  { margin: 90px         !important; }

.mt00 { margin-top:  0px     !important; }
.mt05 { margin-top:  5px     !important; }     .mt10 { margin-top: 10px     !important; }
.mt15 { margin-top: 15px     !important; }     .mt20 { margin-top: 20px     !important; }
.mt25 { margin-top: 25px     !important; }     .mt30 { margin-top: 30px     !important; }
.mt35 { margin-top: 35px     !important; }     .mt40 { margin-top: 40px     !important; }
.mt45 { margin-top: 45px     !important; }     .mt50 { margin-top: 50px     !important; }
.mt55 { margin-top: 55px     !important; }     .mt60 { margin-top: 60px     !important; }
.mt65 { margin-top: 65px     !important; }     .mt70 { margin-top: 70px     !important; }
.mt75 { margin-top: 75px     !important; }     .mt80 { margin-top: 80px     !important; }
.mt85 { margin-top: 85px     !important; }     .mt90 { margin-top: 90px     !important; }

.mr00 { margin-right:  0px   !important; }
.mr05 { margin-right:  5px   !important; }     .mr10 { margin-right: 10px   !important; }
.mr15 { margin-right: 15px   !important; }     .mr20 { margin-right: 20px   !important; }
.mr25 { margin-right: 25px   !important; }     .mr30 { margin-right: 30px   !important; }
.mr35 { margin-right: 35px   !important; }     .mr40 { margin-right: 40px   !important; }
.mr45 { margin-right: 45px   !important; }     .mr50 { margin-right: 50px   !important; }
.mr55 { margin-right: 55px   !important; }     .mr60 { margin-right: 60px   !important; }
.mr65 { margin-right: 65px   !important; }     .mr70 { margin-right: 70px   !important; }
.mr75 { margin-right: 75px   !important; }     .mr80 { margin-right: 80px   !important; }
.mr85 { margin-right: 85px   !important; }     .mr90 { margin-right: 90px   !important; }

.mb00 { margin-bottom:  0px  !important; }
.mb05 { margin-bottom:  5px  !important; }     .mb10 { margin-bottom: 10px  !important; }
.mb15 { margin-bottom: 15px  !important; }     .mb20 { margin-bottom: 20px  !important; }
.mb25 { margin-bottom: 25px  !important; }     .mb30 { margin-bottom: 30px  !important; }
.mb35 { margin-bottom: 35px  !important; }     .mb40 { margin-bottom: 40px  !important; }
.mb45 { margin-bottom: 45px  !important; }     .mb50 { margin-bottom: 50px  !important; }
.mb55 { margin-bottom: 55px  !important; }     .mb60 { margin-bottom: 60px  !important; }
.mb65 { margin-bottom: 65px  !important; }     .mb70 { margin-bottom: 70px  !important; }
.mb75 { margin-bottom: 75px  !important; }     .mb80 { margin-bottom: 80px  !important; }
.mb85 { margin-bottom: 85px  !important; }     .mb90 { margin-bottom: 90px  !important; }

.ml00 { margin-left:  0px    !important; }
.ml05 { margin-left:  5px    !important; }     .ml10 { margin-left: 10px    !important; }
.ml15 { margin-left: 15px    !important; }     .ml20 { margin-left: 20px    !important; }
.ml25 { margin-left: 25px    !important; }     .ml30 { margin-left: 30px    !important; }
.ml35 { margin-left: 35px    !important; }     .ml40 { margin-left: 40px    !important; }
.ml45 { margin-left: 45px    !important; }     .ml50 { margin-left: 50px    !important; }
.ml55 { margin-left: 55px    !important; }     .ml60 { margin-left: 60px    !important; }
.ml65 { margin-left: 65px    !important; }     .ml70 { margin-left: 70px    !important; }
.ml75 { margin-left: 75px    !important; }     .ml80 { margin-left: 80px    !important; }
.ml85 { margin-left: 85px    !important; }     .ml90 { margin-left: 90px    !important; }
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲  margin  ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */


/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ padding ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
.p00  { padding:  0px        !important; }
.p05  { padding:  5px        !important; }     .p10  { padding: 10px        !important; }
.p15  { padding: 15px        !important; }     .p20  { padding: 20px        !important; }
.p25  { padding: 25px        !important; }     .p30  { padding: 30px        !important; }
.p35  { padding: 35px        !important; }     .p40  { padding: 40px        !important; }
.p45  { padding: 45px        !important; }     .p50  { padding: 50px        !important; }
.p55  { padding: 55px        !important; }     .p60  { padding: 60px        !important; }
.p65  { padding: 65px        !important; }     .p70  { padding: 70px        !important; }
.p75  { padding: 75px        !important; }     .p80  { padding: 80px        !important; }
.p85  { padding: 85px        !important; }     .p90  { padding: 90px        !important; }

.pt00 { padding-top:  0px    !important; }
.pt05 { padding-top:  5px    !important; }     .pt10 { padding-top: 10px    !important; }
.pt15 { padding-top: 15px    !important; }     .pt20 { padding-top: 20px    !important; }
.pt25 { padding-top: 25px    !important; }     .pt30 { padding-top: 30px    !important; }
.pt35 { padding-top: 35px    !important; }     .pt40 { padding-top: 40px    !important; }
.pt45 { padding-top: 45px    !important; }     .pt50 { padding-top: 50px    !important; }
.pt55 { padding-top: 55px    !important; }     .pt60 { padding-top: 60px    !important; }
.pt65 { padding-top: 65px    !important; }     .pt70 { padding-top: 70px    !important; }
.pt75 { padding-top: 75px    !important; }     .pt80 { padding-top: 80px    !important; }
.pt85 { padding-top: 85px    !important; }     .pt90 { padding-top: 90px    !important; }

.pr00 { padding-right:  0px  !important; }
.pr05 { padding-right:  5px  !important; }     .pr10 { padding-right: 10px  !important; }
.pr15 { padding-right: 15px  !important; }     .pr20 { padding-right: 20px  !important; }
.pr25 { padding-right: 25px  !important; }     .pr30 { padding-right: 30px  !important; }
.pr35 { padding-right: 35px  !important; }     .pr40 { padding-right: 40px  !important; }
.pr45 { padding-right: 45px  !important; }     .pr50 { padding-right: 50px  !important; }
.pr55 { padding-right: 55px  !important; }     .pr60 { padding-right: 60px  !important; }
.pr65 { padding-right: 65px  !important; }     .pr70 { padding-right: 70px  !important; }
.pr75 { padding-right: 75px  !important; }     .pr80 { padding-right: 80px  !important; }
.pr85 { padding-right: 85px  !important; }     .pr90 { padding-right: 90px  !important; }

.pb00 { padding-bottom:  0px !important; }
.pb05 { padding-bottom:  5px !important; }     .pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }     .pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }     .pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }     .pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }     .pb50 { padding-bottom: 50px !important; }
.pb55 { padding-bottom: 55px !important; }     .pb60 { padding-bottom: 60px !important; }
.pb65 { padding-bottom: 65px !important; }     .pb70 { padding-bottom: 70px !important; }
.pb75 { padding-bottom: 75px !important; }     .pb80 { padding-bottom: 80px !important; }
.pb85 { padding-bottom: 85px !important; }     .pb90 { padding-bottom: 90px !important; }

.pl00 { padding-left:  0px   !important; }
.pl05 { padding-left:  5px   !important; }     .pl10 { padding-left: 10px   !important; }
.pl15 { padding-left: 15px   !important; }     .pl20 { padding-left: 20px   !important; }
.pl25 { padding-left: 25px   !important; }     .pl30 { padding-left: 30px   !important; }
.pl35 { padding-left: 35px   !important; }     .pl40 { padding-left: 40px   !important; }
.pl45 { padding-left: 45px   !important; }     .pl50 { padding-left: 50px   !important; }
.pl55 { padding-left: 55px   !important; }     .pl60 { padding-left: 60px   !important; }
.pl65 { padding-left: 65px   !important; }     .pl70 { padding-left: 70px   !important; }
.pl75 { padding-left: 75px   !important; }     .pl80 { padding-left: 80px   !important; }
.pl85 { padding-left: 85px   !important; }     .pl90 { padding-left: 90px   !important; }
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ padding ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */