@charset "UTF-8";
/* CSS Document */

/*WEBフォント*/
@import url(http://mplus-webfonts.sourceforge.jp/mplus_webfonts.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
@import url(https://use.fontawesome.com/releases/v5.11.2/css/all.css);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
	list-style:none
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	/*スマホで勝手に文字が大きくなる対策*/
-webkit-text-size-adjust: 100%;
}


a:link {
	text-decoration: none;
	color: #00a2ff;
	transition: all 0.3s;
}
a:visited {
	text-decoration: none;
	color: #00a2ff;
}
a:hover {
	color: #ff8410;
	text-decoration: none;
}
a:active,a:focus{
	outline:none;
}


html {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif, "MS Pゴシック", Osaka;
	margin: 0;
	padding: 0;
	color: #666;
	height:100%;
}


/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
/* ここまで */




header {
	background-color: #FFF;
}




/*固定のヘッダー*/
#header_main {
	height: 100px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#header_main h1 {
	float: left;
	height: 75px;
	padding-top: 25px;
}
#header_main h2 {
	font-size: 10px;
	letter-spacing: 0.3em;
	color: #666;
	text-align: center;
}
#sub_title {
	float: left;
	height: 48px;
	width: 600px;
	padding-top: 22px;

	padding-left: 45px;
}


/*アコーディオンみたいなメニュープルダウン*/
.dropmenu ul {
	float: right;
	margin:0;
    padding:0;
}

.dropmenu ul li {
	list-style: none;
	margin: 0;
	font-size: 12px;
	float: left;
	position: relative;/*親メニューの幅*/
	height: 30px;/*親メニューの高さ*/
	text-align: center;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
}

/* 「原稿の作成方法」のボタンだけ横幅を広くする ()の中の数字を適宜変更 */
.dropmenu ul li:nth-of-type(3){
	width: 130px;
}
.dropmenu ul li ul li:nth-of-type(3){
	width: 100%;
}

.dropmenu ul li:last-of-type {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
}

.dropmenu ul li a {
	color: #666666;
	display: block;
	text-decoration: none;
	padding: 8px;
	height: 20px;
}
.dropmenu ul li ul li a {
	padding: 8px;
}

.dropmenu ul li .head_chuumon {
	color: #666666;
	display: block;
	text-decoration: none;
	padding-right: 12px;
	padding-left: 12px;
	height: 20px;
	padding-top: 10px;
}


.dropmenu ul li .head_chuumon:hover {
	color: #999999;
	display: block;
	text-decoration: none;
	padding-right: 12px;
	padding-left: 12px;
	height: 20px;
	padding-top: 10px;
}

.dropmenu ul li:hover, .dropmenu ul li a:hover {
	color: #999;
	/*ホバー時の親メニューの文字色*/
}
.dropmenu ul li ul {
  position: absolute;
  top: 30px;
  /*親メニューの高さと同じにする*/
  width: 100%;
  z-index: 100;
}

.dropmenu ul li ul li {
	visibility: hidden;
	overflow: hidden;
	width: 100%;
	/*サブメニューの幅*/
	height: 0;
	background-color: rgba(255,255,255,0.7);
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999;
	border-left-color: #999;
	margin-left: -1px;
}

.dropmenu ul li ul li:last-of-type {
	padding-bottom: 6px;
}

.dropmenu ul li ul li:hover, .dropmenu ul li ul li a:hover {
	background-color: #FFFFFF;
}
.dropmenu ul li:hover ul li, .dropmenu ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height:30px;
  /*サブメニューの高さ*/
  z-index: 10;
}
.dropmenu * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}


#sticky_header {
	background-color: #FFF;
	height: 50px;
	width: 100%;
	position: fixed;
	top: 0px;
	/*box-shadow: 0px 3px 5px #333;*/
	z-index: 5555;
	clear: both;
}
#sticky_header_2 {
	background-color: #FFF;
	height: 70px;
	width: 100%;
	position: fixed;
	top: 50px;
	/*box-shadow: 0px 3px 5px #333;*/
	z-index: 999;
	clear: both;
}


#sticky_header_other {
	background-color: #FFF;
	height: 50px;
	width: 100%;
	position: fixed;
	top: 0px;
	/*box-shadow: 0px 3px 5px #333;*/
	z-index: 9999;
	clear: both;
	margin-bottom: 0px;
}

#sticky_header_main h1 {
	float: left;
	height: 40px;
	padding-top: 10px;
}

#sticky_header_main {
	height: 50px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	top: 0px;
}






/*フッター*/
footer {
	clear: both;
	background-color: #333;
	height: auto;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
}
#footer_main {
	width: 1000px;
	margin: 0 auto;
	background-color: #333;
	padding: 30px 0;
}
#footer_navi {
	width: 100%;
	display:flex;
	justify-content: space-between;
}
.footer_navi_inner {
	margin-right: 10px;
	flex:1;
}
.footer_navi_inner:last-of-type {
	margin-right: 0;
}


.footer_navi_inner ul {
	margin-bottom:20px;
}

.footer_navi_inner h5 {
	font-size: 14px;
	color: #CCC;
	font-weight: bold;
	margin-bottom: 5px;
	white-space: nowrap;
}
.footer_navi_inner ul li {
	height: 18px;
	margin: 0;
	white-space: nowrap;
}
.footer_navi_inner ul li a {
	color: #CCC;
	font-size: 11px;
}

.footer_navi_inner ul li a:hover {
	color: #999;
}
.address {
	font-size: 12px;
	color: #CCC;
	margin-bottom: 12px;
}
.address a{
	color: #CCC;
}
.footer_navi_inner img {
	border-radius: 3px;
	margin-bottom: 5px;
}
#footer_bottom {
	color: #CCC;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	margin-top: 20px;
}
#footer_bottom ul {
	display: inline;
	margin: 0px;
}
#footer_bottom ul li {
	list-style-type: none;
	float: left;
	height: 10px;
	padding-top: 10px;
	padding-right: 20px;
	margin-right: 20px;
}
#footer_bottom ul li a {
	font-size: 10px;
	color: #CCC;
}
#bottom_left {
	width: 600px;
	float: left;
	box-sizing: border-box;
	padding: 0 0 0 20px;
}
#bottom_right {
	width: 400px;
	float: left;
	box-sizing: border-box;
	padding: 0 20px 0 0;
	text-align: right;
}
#bottom_right p {
	font-size: 10px;
	height: 10px;
	padding-top: 16px;
}
#navi_3 {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}



#navi_3 ul li {
	float: left;
}




/*パンくずリスト*/

#breadCrumbs {
	text-align: left;
	clear: both;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	height: 20px;
	background-color: #FFF;
	padding-bottom: 2px;
}

	#breadCrumbs ul {
		/*リストの装飾を消す*/
		list-style: none;
		display: inline-table;
}

		#breadCrumbs ul li {
			display: inline;
}

			#breadCrumbs ul li a {
	display: block;
	float: left;
	height: 16px;
	background: #FFF;
	text-align: center;
	position: relative;
	font-size: 11px;
	text-decoration: none;
	color: #666;
	margin-top: 0;
	margin-right: 4px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 15px;
}
#breadCrumbs ul li a:after {
	/*各パンくず右側のCSS*/
	content: "";
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-left: 9px solid #FFF;
	position: absolute; right: -9px; top: 0;
	z-index: 1;
}

#breadCrumbs ul li a:before {
	/*各パンくずの左側のCSS*/
	content: "";
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-left: 9px solid #CCC;
	position: absolute; left: 0; top: 0;
}
#breadCrumbs ul li:first-child a:before {
display: none;
}
#breadCrumbs ul li:last-child a:after {
display: none;
}
#breadCrumbs ul li a:hover {
/*ロールオーバーしたとき*/
color:#CCC;
background: #FFF;
}
#breadCrumbs ul li a:hover:after {
border-left-color: #FFF;
}
.red {
	color: #F00;
}
#breadCrumbs_back {
	background-color: #FFF;
}
#side_menu .side_top {
	text-align: center;
}
.s_size {
	font-size: 12px;
	margin-top: 1px;
	line-height: 1.4em;
}
#syouhin_page {
	margin-bottom: 50px;
}
#ue_slide {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 100px;
	margin-bottom: 40px;
}
#shita {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 70px;
}

.s_size_1 {
	font-size: 16px;

}

.s_size_2 {
	font-size: 16px;
	font-weight: bold;
}








/*筧が使用するCSS*/

.k_text_m {
	font-size: 17px;
	font-weight: bold;
	color: #666;
	line-height: 140%;
}

.k_text_m_bold {
	font-size: 17px;
	font-weight: bold;
	line-height: 140%;
}


.k_text_l_bold {
	font-size: 20px;
	font-weight: bold;
	line-height: 140%;
}


.k_text_m_red {
	font-size: 18px;
	font-weight: bold;
	color: red;
	line-height: 140%;
}


.k_text_s_bold {
	font-size: 13px;
	font-weight:bold;
	line-height: 140%;
}

.k_text_s {
	font-size: 13px;
	line-height: 140%;
}

.k_text_s_gyokan {
	font-size: 13px;
	line-height: 170%;
}

.k_text_s2 {
	font-size: 13px;
	line-height: 120%;
}

.k_text_s_gray {
	font-size: 13px;
	line-height: 140%;
	color:#999999;
}

.k_text_ss {
	font-size: 11px;
	line-height: 140%;
}

.k_text_ss_red {
	font-size: 11px;
	line-height: 140%;
	color:red;
}


.k_text_s_red {
	font-size: 13px;
	color:red;
	line-height: 140%;
}

.k_text_s_bold_white {
	font-size: 14px;
	font-weight:bold;
	line-height: 140%;
	color:#FFF;
}

.k_text_ss_bold_white {
	font-size: 12px;
	font-weight: bold;
	line-height: 140%;
	color: #FFF;
}

.k_text_m_bold_white {
	font-size: 20px;
	font-weight:bold;
	line-height: 140%;
	color:#FFF;
}


.k_table_magin-bottom1{margin-bottom:5px;
}

.k_table_magin-top1{margin-top:5px;
}


/*筧が使用する 終了CSS*/#foottest {
	background-color: #F00;
	height: 200px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#syouhinsetsumei .text_ss_red {
	font-size: 11px;
	line-height: 160%;
	color: #F00;
}
#other_uchigawa .temp_setsumei {
	font-size: 10px;
	width: 330px;
	float: right;
	padding: 0px;
	margin-bottom: 50px;
}


/* 活版印刷　告知 */
.kokuchi_kappan{
	margin: 0 0 30px;
	display: flex;

}
.kokuchi_kappan p{
	color: #ff0000;
	font-size: 14px;
	letter-spacing: 0.1em;
	margin: 0 auto;
}
/* 告知 */
.kokuchi{
	margin: 0 0 30px;
	display: flex;

}
.kokuchi p{
	color: #ff0000;
	font-size: 14px;
	letter-spacing: 0.1em;
	margin: 0 auto;
}

#topbanner {
    margin-bottom: 10px;
    margin-top: 80px;
}

#kobetsu_banner {
    margin-bottom: -60px;
    margin-top: 75px;
    margin-left: auto;
    margin-right: auto;
	width: 1000px;
}







/* 基本の横幅 */
.wrap10, .wrap11, .wrap12, .wrap13, .wrap15{
	margin: 0 auto;
	position: relative;
	min-width: 1000px;
}
.wrap10{max-width: 1000px;}
.wrap11{max-width: 1100px;}
.wrap12{max-width: 1200px;}
.wrap13{max-width: 1300px;}
.wrap15{max-width: 1500px;}

/* 基本の横幅　フレックスボックス */
.wrap10_f, .wrap11_f, .wrap12_f, .wrap13_f, .wrap15_f{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	min-width: 1000px;
	margin: 0 auto;
	flex-wrap: wrap;
	position: relative;
}
.wrap10_f{max-width: 1000px;}
.wrap11_f{max-width: 1100px;}
.wrap12_f{max-width: 1200px;}
.wrap13_f{max-width: 1300px;}
.wrap15_f{max-width: 1500px;}


/* 画像配置用 */
.col3, .col4, .col5, .col6{
	width: 100%;
	margin: 0 auto 40px;
	display: flex;
	flex-wrap: wrap;
}
.col3 figure, .col4 figure, .col5 figure, .col6 figure{
	margin: 0 0 30px;
	padding: 0 10px;
	box-sizing: border-box;
}
.col3 figure{
	flex-basis: 33.3%;
	width: 33.3%;
}
.col4 figure{
	flex-basis: 25%;
	width: 25%;
}
.col5 figure{
	flex-basis: 20%;
	width: 20%;
}
.col6 figure{
	flex-basis: 16.6%;
	width: 16.6%;
}

.col3 figure img, .col4 figure img, .col5 figure img, .col6 figure img{
	width: 100%;
	height: auto;
	transition: all 0.3s ease-out;
}
.col3 figure div img, .col4 figure div img, .col5 figure div img, .col6 figure div img{
	transform: scale(1,1);
}
.col3 figure a:hover div img, .col4 figure a:hover div img, .col5 figure a:hover div img, .col6 figure a:hover div img{
	transform: scale(1.1,1.1);
	cursor: pointer;
}
.col3 figure figcaption, .col4 figure figcaption, .col5 figure figcaption, .col6 figure figcaption{
	width: 100%;
	margin: 10px 0 15px;
	line-height: 130%;
	text-align: center;
	box-sizing: border-box;
}
.col3 figure figcaption, .col4 figure figcaption{
	padding: 0 15px;
}
.col5 figure figcaption, .col6 figure figcaption{
	padding: 0 5px;
}
.col3 figure p, .col4 figure p, .col5 figure p, .col6 figure p{
	width: 100%;
	margin: 0;
	padding: 0 15px;
	line-height: 130%;
	text-align: left;
	box-sizing: border-box;
	font-size: 1.2rem;
}
.col3 figure figcaption{font-size:16px;}
.col4 figure figcaption{font-size:14px;}
.col5 figure figcaption{font-size:12px;}
.col6 figure figcaption{font-size:12px;}



/*下線付き見出し*/
.midashi {
	flex-basis: 100%;
	font-size: 24px;
	border-bottom: solid 1px #000;
	padding: 0 0 10px 5%;
	font-weight: bold;
	margin: 0 0 40px;

}
.midashi:before {
    content: "";
    position: absolute;
	top: 10%;
	left: 2%;
    height: 8px;
    width: 8px;
    /* border-radius: 50%; */
	border:solid 4px #afafaf;
}



/* 画像に対して右側のテキストを上下左右、真ん中寄せ */
.half_img{
	flex-basis: 45%;
	display: flex;
	align-content: center;
	align-items: center;
	margin: 0 0 60px;
	padding: 0 30px 0 20px;
	box-sizing: border-box;
}
.half_img img{
	width:100%;
	border: #a0a0a0 1px solid;
	box-sizing: border-box;
}
.half_text{
	flex: 1;
	display: flex;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 0 60px;
}

.half_text h6{
	font-size: 18px;
	margin:0 0 5px;
	line-height: 150%;
	flex-basis: 100%;
	font-weight: bold;
}
.half_text p{
	font-size: 16px;
	margin:0 0 5px;
	line-height: 150%;
	flex-basis: 100%;
}

/* 注意事項 */
.chuui{
	width: 90%;
	margin: 0 auto;
}
.chuui dl{
	margin: 0 0 30px;
}
.chuui dl dt{
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 5px;
}


/* 修正用CSS */

/* 幅 */
.w-100{width: 100%;}

/* padding */
.pt-0{padding-top: 0px !important;}
.pt-5{padding-top: 5px !important;}
.pt-10{padding-top: 10px !important;}
.pt-15{padding-top: 15px !important;}
.pt-20{padding-top: 20px !important;}
.pt-25{padding-top: 25px !important;}
.pt-30{padding-top: 30px !important;}
.pt-35{padding-top: 35px !important;}
.pt-40{padding-top: 40px !important;}
.pt-45{padding-top: 45px !important;}
.pt-50{padding-top: 50px !important;}
.pt-55{padding-top: 55px !important;}
.pt-60{padding-top: 60px !important;}
.pt-65{padding-top: 65px !important;}
.pt-70{padding-top: 70px !important;}
.pt-75{padding-top: 75px !important;}
.pt-80{padding-top: 80px !important;}
.pt-85{padding-top: 85px !important;}
.pt-90{padding-top: 90px !important;}
.pt-95{padding-top: 95px !important;}
.pt-100{padding-top: 100px !important;}
.pt-110{padding-top: 110px !important;}
.pt-120{padding-top: 120px !important;}
.pt-130{padding-top: 130px !important;}
.pt-140{padding-top: 140px !important;}
.pt-150{padding-top: 150px !important;}
.pt-160{padding-top: 160px !important;}
.pt-170{padding-top: 170px !important;}
.pt-180{padding-top: 180px !important;}
.pt-190{padding-top: 190px !important;}
.pt-200{padding-top: 200px !important;}

.pb-0{padding-bottom: 0px !important;}
.pb-5{padding-bottom: 5px !important;}
.pb-10{padding-bottom: 10px !important;}
.pb-15{padding-bottom: 15px !important;}
.pb-20{padding-bottom: 20px !important;}
.pb-25{padding-bottom: 25px !important;}
.pb-30{padding-bottom: 30px !important;}
.pb-35{padding-bottom: 35px !important;}
.pb-40{padding-bottom: 40px !important;}
.pb-45{padding-bottom: 45px !important;}
.pb-50{padding-bottom: 50px !important;}
.pb-55{padding-bottom: 55px !important;}
.pb-60{padding-bottom: 60px !important;}
.pb-65{padding-bottom: 65px !important;}
.pb-70{padding-bottom: 70px !important;}
.pb-75{padding-bottom: 75px !important;}
.pb-80{padding-bottom: 80px !important;}
.pb-85{padding-bottom: 85px !important;}
.pb-90{padding-bottom: 90px !important;}
.pb-95{padding-bottom: 95px !important;}
.pb-100{padding-bottom: 100px !important;}
.pb-110{padding-bottom: 110px !important;}
.pb-120{padding-bottom: 120px !important;}
.pb-130{padding-bottom: 130px !important;}
.pb-140{padding-bottom: 140px !important;}
.pb-150{padding-bottom: 150px !important;}
.pb-160{padding-bottom: 160px !important;}
.pb-170{padding-bottom: 170px !important;}
.pb-180{padding-bottom: 180px !important;}
.pb-190{padding-bottom: 190px !important;}
.pb-200{padding-bottom: 200px !important;}

.pr-0{padding-right: 0px !important;}
.pr-5{padding-right: 5px !important;}
.pr-10{padding-right: 10px !important;}
.pr-15{padding-right: 15px !important;}
.pr-20{padding-right: 20px !important;}
.pr-25{padding-right: 25px !important;}
.pr-30{padding-right: 30px !important;}
.pr-35{padding-right: 35px !important;}
.pr-40{padding-right: 40px !important;}
.pr-45{padding-right: 45px !important;}
.pr-50{padding-right: 50px !important;}
.pr-55{padding-right: 55px !important;}
.pr-60{padding-right: 60px !important;}
.pr-65{padding-right: 65px !important;}
.pr-70{padding-right: 70px !important;}
.pr-75{padding-right: 75px !important;}
.pr-80{padding-right: 80px !important;}
.pr-85{padding-right: 85px !important;}
.pr-90{padding-right: 90px !important;}
.pr-95{padding-right: 95px !important;}
.pr-100{padding-right: 100px !important;}
.pr-110{padding-right: 110px !important;}
.pr-120{padding-right: 120px !important;}
.pr-130{padding-right: 130px !important;}
.pr-140{padding-right: 140px !important;}
.pr-150{padding-right: 150px !important;}
.pr-160{padding-right: 160px !important;}
.pr-170{padding-right: 170px !important;}
.pr-180{padding-right: 180px !important;}
.pr-190{padding-right: 190px !important;}
.pr-200{padding-right: 200px !important;}

.pl-0{padding-left: 0px !important;}
.pl-5{padding-left: 5px !important;}
.pl-10{padding-left: 10px !important;}
.pl-15{padding-left: 15px !important;}
.pl-20{padding-left: 20px !important;}
.pl-25{padding-left: 25px !important;}
.pl-30{padding-left: 30px !important;}
.pl-35{padding-left: 35px !important;}
.pl-40{padding-left: 40px !important;}
.pl-45{padding-left: 45px !important;}
.pl-50{padding-left: 50px !important;}
.pl-55{padding-left: 55px !important;}
.pl-60{padding-left: 60px !important;}
.pl-65{padding-left: 65px !important;}
.pl-70{padding-left: 70px !important;}
.pl-75{padding-left: 75px !important;}
.pl-80{padding-left: 80px !important;}
.pl-85{padding-left: 85px !important;}
.pl-90{padding-left: 90px !important;}
.pl-95{padding-left: 95px !important;}
.pl-100{padding-left: 100px !important;}
.pl-110{padding-left: 110px !important;}
.pl-120{padding-left: 120px !important;}
.pl-130{padding-left: 130px !important;}
.pl-140{padding-left: 140px !important;}
.pl-150{padding-left: 150px !important;}
.pl-160{padding-left: 160px !important;}
.pl-170{padding-left: 170px !important;}
.pl-180{padding-left: 180px !important;}
.pl-190{padding-left: 190px !important;}
.pl-200{padding-left: 200px !important;}

/* margin */
.mt-0{margin-top: 0px !important;}
.mt-5{margin-top: 5px !important;}
.mt-10{margin-top: 10px !important;}
.mt-15{margin-top: 15px !important;}
.mt-20{margin-top: 20px !important;}
.mt-25{margin-top: 25px !important;}
.mt-30{margin-top: 30px !important;}
.mt-35{margin-top: 35px !important;}
.mt-40{margin-top: 40px !important;}
.mt-45{margin-top: 45px !important;}
.mt-50{margin-top: 50px !important;}
.mt-55{margin-top: 55px !important;}
.mt-60{margin-top: 60px !important;}
.mt-65{margin-top: 65px !important;}
.mt-70{margin-top: 70px !important;}
.mt-75{margin-top: 75px !important;}
.mt-80{margin-top: 80px !important;}
.mt-85{margin-top: 85px !important;}
.mt-90{margin-top: 90px !important;}
.mt-95{margin-top: 95px !important;}
.mt-100{margin-top: 100px !important;}
.mt-110{margin-top: 110px !important;}
.mt-120{margin-top: 120px !important;}
.mt-130{margin-top: 130px !important;}
.mt-140{margin-top: 140px !important;}
.mt-150{margin-top: 150px !important;}
.mt-160{margin-top: 160px !important;}
.mt-170{margin-top: 170px !important;}
.mt-180{margin-top: 180px !important;}
.mt-190{margin-top: 190px !important;}
.mt-200{margin-top: 200px !important;}

.mb-0{margin-bottom: 0px !important;}
.mb-5{margin-bottom: 5px !important;}
.mb-10{margin-bottom: 10px !important;}
.mb-15{margin-bottom: 15px !important;}
.mb-20{margin-bottom: 20px !important;}
.mb-25{margin-bottom: 25px !important;}
.mb-30{margin-bottom: 30px !important;}
.mb-35{margin-bottom: 35px !important;}
.mb-40{margin-bottom: 40px !important;}
.mb-45{margin-bottom: 45px !important;}
.mb-50{margin-bottom: 50px !important;}
.mb-55{margin-bottom: 55px !important;}
.mb-60{margin-bottom: 60px !important;}
.mb-65{margin-bottom: 65px !important;}
.mb-70{margin-bottom: 70px !important;}
.mb-75{margin-bottom: 75px !important;}
.mb-80{margin-bottom: 80px !important;}
.mb-85{margin-bottom: 85px !important;}
.mb-90{margin-bottom: 90px !important;}
.mb-95{margin-bottom: 95px !important;}
.mb-100{margin-bottom: 100px !important;}
.mb-110{margin-bottom: 110px !important;}
.mb-120{margin-bottom: 120px !important;}
.mb-130{margin-bottom: 130px !important;}
.mb-140{margin-bottom: 140px !important;}
.mb-150{margin-bottom: 150px !important;}
.mb-160{margin-bottom: 160px !important;}
.mb-170{margin-bottom: 170px !important;}
.mb-180{margin-bottom: 180px !important;}
.mb-190{margin-bottom: 190px !important;}
.mb-200{margin-bottom: 200px !important;}

.mr-0{margin-right: 0px !important;}
.mr-5{margin-right: 5px !important;}
.mr-10{margin-right: 10px !important;}
.mr-15{margin-right: 15px !important;}
.mr-20{margin-right: 20px !important;}
.mr-25{margin-right: 25px !important;}
.mr-30{margin-right: 30px !important;}
.mr-35{margin-right: 35px !important;}
.mr-40{margin-right: 40px !important;}
.mr-45{margin-right: 45px !important;}
.mr-50{margin-right: 50px !important;}
.mr-55{margin-right: 55px !important;}
.mr-60{margin-right: 60px !important;}
.mr-65{margin-right: 65px !important;}
.mr-70{margin-right: 70px !important;}
.mr-75{margin-right: 75px !important;}
.mr-80{margin-right: 80px !important;}
.mr-85{margin-right: 85px !important;}
.mr-90{margin-right: 90px !important;}
.mr-95{margin-right: 95px !important;}
.mr-100{margin-right: 100px !important;}
.mr-110{margin-right: 110px !important;}
.mr-120{margin-right: 120px !important;}
.mr-130{margin-right: 130px !important;}
.mr-140{margin-right: 140px !important;}
.mr-150{margin-right: 150px !important;}
.mr-160{margin-right: 160px !important;}
.mr-170{margin-right: 170px !important;}
.mr-180{margin-right: 180px !important;}
.mr-190{margin-right: 190px !important;}
.mr-200{margin-right: 200px !important;}

.mr-0{margin-right: 0px !important;}
.mr-5{margin-right: 5px !important;}
.ml-10{margin-left: 10px !important;}
.ml-15{margin-left: 15px !important;}
.ml-20{margin-left: 20px !important;}
.ml-25{margin-left: 25px !important;}
.ml-30{margin-left: 30px !important;}
.ml-35{margin-left: 35px !important;}
.ml-40{margin-left: 40px !important;}
.ml-45{margin-left: 45px !important;}
.ml-50{margin-left: 50px !important;}
.ml-55{margin-left: 55px !important;}
.ml-60{margin-left: 60px !important;}
.ml-65{margin-left: 65px !important;}
.ml-70{margin-left: 70px !important;}
.ml-75{margin-left: 75px !important;}
.ml-80{margin-left: 80px !important;}
.ml-85{margin-left: 85px !important;}
.ml-90{margin-left: 90px !important;}
.ml-95{margin-left: 95px !important;}
.ml-100{margin-left: 100px !important;}
.ml-110{margin-left: 110px !important;}
.ml-120{margin-left: 120px !important;}
.ml-130{margin-left: 130px !important;}
.ml-140{margin-left: 140px !important;}
.ml-150{margin-left: 150px !important;}
.ml-160{margin-left: 160px !important;}
.ml-170{margin-left: 170px !important;}
.ml-180{margin-left: 180px !important;}
.ml-190{margin-left: 190px !important;}
.ml-200{margin-left: 200px !important;}


.font-red{color: #ff0000 !important;}

.t-center{text-align: center !important;}
.t-left{text-align: left !important;}
.t-right{text-align: right !important;}

.font10{font-size: 10px !important;}
.font11{font-size: 11px !important;}
.font12{font-size: 12px !important;}
.font13{font-size: 13px !important;}
.font14{font-size: 14px !important;}
.font15{font-size: 15px !important;}
.font16{font-size: 16px !important;}
.font17{font-size: 17px !important;}
.font18{font-size: 18px !important;}
.font19{font-size: 19px !important;}
.font20{font-size: 20px !important;}
.font21{font-size: 21px !important;}
.font22{font-size: 22px !important;}
.font23{font-size: 23px !important;}
.font24{font-size: 24px !important;}
.font25{font-size: 25px !important;}
.font26{font-size: 26px !important;}
.font27{font-size: 27px !important;}
.font28{font-size: 28px !important;}
.font29{font-size: 29px !important;}
.font30{font-size: 30px !important;}