* {
	margin: 0px;
	padding: 0px;
}
html {
	font-size: 62.5%;
	line-height: 100%;
	font-weight: 300;
	font-family: "Mplus 1p", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body {
	font-size: 1.5rem;
	color: #000;
	min-width: 1120px;
	background-color: #fff;
}
.clear {
	font-size: 0px;
	clear: both;
	line-height: 0px;
	height: 1px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/* Mac版IEのみに適用 \*//*/
	height: auto;
	overflow: hidden;
	/**/
}
img {
 	border:none;
	outline: none;
}
a:link {
	TEXT-DECORATION: none;
	outline: none;
	color: #333;
	transition: all 0.3s ease-in 0s;
}
a:visited {
	TEXT-DECORATION: none;
	outline: none;
	color: #333;
}
a:hover {
	TEXT-DECORATION: none;
	outline: none;
	color: #666;
}
a:active {
	TEXT-DECORATION: none;
	outline: none;
	color: #333;
}
a.op_hover:hover {
    opacity:0.8;
    -moz-opacity:0.8;
    filter:alpha(opacity = 80);
}
img.op_hover:hover  {
    opacity:0.8;
    -moz-opacity:0.8;
    filter:alpha(opacity = 80);
}
a.op_hover2 {
    opacity:0.7;
    -moz-opacity:0.7;
    filter:alpha(opacity = 70);
	transition: all 0.3s ease-in 0s;
	display: block;
}
a.op_hover2:hover {
    opacity:1;
    -moz-opacity:1;
    filter:alpha(opacity = 100);
}
img.d_block {
	display: block;
}
.pc { display: none !important; }
ul, ol {
	list-style-type: none;
}
p {
	line-height: 140%;
	margin-bottom: 20px;
}


#header {
	width: 1120px;
	margin: 0 auto;
  padding: 0 20px;
	position: relative;
	z-index: 1;
}
#header .header-logo {
	float: left;
}
#header .header-logo .img {
	float: left;
	padding-left: 20px;
	padding-top: 15px;
}
#header .header-logo .text {
	font-size: 1.1rem;
	line-height: 130%;
	font-weight: normal;
	text-align: left;
	color: #000;
	float: right;
	padding-left: 20px;
	padding-top: 20px;
}
#header .header-right {
	float: right;
	padding-right: 0px;
	padding-top: 10px;
}
#header .header-right .other {
	height: 30px;
	width: 110px;
	color: #fff;
	font-size: 1.1rem;
	text-align: center;
	line-height: 250%;
	background-color: #FF8C00;
	display: inline-block;
}
#header .header-right .top {
	height: 30px;
	width: 110px;
	color: #fff;
	font-size: 1.1rem;
	text-align: center;
	line-height: 250%;
	background-color: #373737;
	display: inline-block;
}
#header .header-right .contact {
	height: 40px;
	width: 220px;
	margin-top: 3px;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 400;
	text-align: center;
	line-height: 240%;
	background: url(../img/btn_icon01.png) no-repeat right 10px center;
	background-color: #3CB371;
	display: inline-block;
}
#header .sp-menu {
	display: none;
}
#header .sp-menu-close {
	display: none;
}

.h-content {
	background-color: #fff;
}
.nav {
	list-style-type: none;
	margin: 40px auto 0;
	text-align: center;
	width: 100%;
	display: table;
	table-layout: fixed;
}
.nav li {
	display: table-cell;
	text-align: center;
	background: url(../img/navi_line.png) no-repeat right center;
}
.nav li:last-child {
	background-image: none;
}
.nav li a {
	color: #3CB371;
	font-size: 1.8rem;
	line-height: 110%;
}
.nav li a span {
	display: block;
	font-size: 1.2rem;
}
.nav li a:hover {
	color: #FF8C00;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-ms-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}


.top-flash {
	background: url(../img/main_img01.jpg) no-repeat center center;
	max-height: 700px;
	margin-top: 40px;
	margin-bottom: 80px;
	position: relative;
	-moz-background-size:cover;
	background-size:cover;
}
.top-flash2 {
	background: url(../img/main_img02.jpg) no-repeat center center;
	-moz-background-size:cover;
	background-size:cover;
}
.top-flash3 {
	background: url(../img/main_img03.jpg) no-repeat center center;
	-moz-background-size:cover;
	background-size:cover;
}
.top-campaign {
	/*background: url(../img/sakado_cam.jpg) no-repeat center top;*/
	background-size: auto 95%;
}
.top-flash .top-flash-text-box {
	max-width: 1140px;
	min-width: 900px;
	margin: 0 auto;
	position: relative;
	top: 40%;
}
.top-flash .top-flash-text {
	float: left;
	color: #fff;
	font-size: 4.8rem;
	font-weight: 300;
	padding-left: 10%;
	letter-spacing: 4px;
	line-height: 130%;
	text-shadow: 1px 1px 2px #333;
}
.top-flash .top-flash-text-black {
	color: #333;
	text-shadow: 1px 1px 2px #fff;
}
.top-flash-sp {
	display: none;
}
.top-link-sp {
	display: none;
}
.bx-wrapper {
	position: relative;
	/*margin-bottom: 60px;*/
}
.bx-controls {
	z-index: 60;
	position: relative;
}
.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
		bottom: 20px;
    width: 100%;
}
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    vertical-align: bottom;
    *zoom: 1;
    *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #000;
    text-indent: -9999px;
    display: block;
    width: 12px;
    height: 12px;
    margin: 0 10px;
		outline: 0;
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		border-radius: 12px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #3CB371;
}
.youtube_wrap {
	margin-bottom: 40px;
}
/* top */

/* content */
h1 {
}
.h2_title {
	border-bottom: 1px solid #3CB371;
	color: #373737;
	font-size: 3.4rem;
	font-weight: normal;
	line-height: 60px;
	padding-left: 20px;
	padding-right: 80px;
	margin-bottom: 40px;
	display: inline-block;
}
.h2_title span {
	font-size: 1.6rem;
	padding-left: 10px;
	position: relative;
	top: -4px;
}
.h3_title {
	border-bottom: 1px solid #3CB371;
	color: #373737;
	font-size: 1.8rem;
	font-weight: normal;
	line-height: 30px;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 20px;
	display: inline-block;
}
#cnt_box {
	background-color: #fff;
	width: 1120px;
	margin: 0 auto;
	padding: 60px 20px 0;
}
a.btn01 {
	height: 55px;
	width: 320px;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 300;
	text-align: center;
	line-height: 310%;
	margin-bottom: 5px;
	background: url(../img/btn_icon01.png) no-repeat right 10px center;
	background-color: #3CB371;
	display: inline-block;
}
a.btn01:hover {
  opacity:0.8;
  -moz-opacity:0.8;
  filter:alpha(opacity = 80);
}
.btn_blue {
	background-color: #2D9AAA !important;
}
.btn_red {
	background-color: #FF0000 !important;
}
.btn_green {
	background-color: #3CB371 !important;
}
.btn_black {
	background-color: #373737 !important;
}
.inline_box {
	padding: 20px 10px;
}
.inline_box .text {
	line-height: 120%;
	padding: 0 30px;
}
.inline_box .news_title2 {
	border-bottom: 1px solid #3CB371;
	color: #373737;
	font-size: 1.8rem;
	font-weight: 500;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 20px;
	margin-top: 40px;
	display: inline-block;
}
.inline_box p {
}
.gmap_wrap {
	margin: 0 auto;
}
/* content */

/* cnt_full */
#cnt_full {
	width: 100%;
}
/* cnt_full */

/* cnt_left */
#cnt_left {
	width: 700px;
	float: left;
}
ul.top_service_link li {
	overflow: hidden;
	width: 700px;
	height: 180px;
}
ul.top_service_link li img {
	display: block;
	transition-duration: 0.8s;
}
ul.top_service_link li img:hover {
	transform: scale(1.03);
	transition-duration: 0.8s;
}
/* cnt_left */

/* cnt_right */
#cnt_right {
	width: 320px;
	float: right;
}
#cnt_right ul.navi {
	margin-bottom: 60px;
}
dl.time {
}
dl.time dd {
	width: 80px;
	float: left;
	margin-bottom: 13px;
}
dl.time dt {
	width: 220px;
	float: left;
	margin-bottom: 13px;
}
.address {
	margin-top: 15px;
	line-height: 140%;
}
.address a {
	text-decoration: underline;
}
.tel {
	margin-top: 35px;
	font-size: 2.5rem;
	font-weight: 700;
	text-decoration: underline;
}
#cnt_right .contact {
	margin-top: 50px;
}
/* cnt_right */

/* page */

table.table_menbership {
	margin: 0;
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #D2B6A4;
	color: #605148;
}
table.table_menbership th {
	padding: 18px 10px;
	border: 1px solid #D2B6A4;
	background-color: #ECDED7;
	font-size: 16px;
}
table.table_menbership td {
	padding: 10px;
	border: 1px solid #D2B6A4;
	text-align: center;
	font-size: 16px;
	line-height: 140%;
}
table.table_menbership td.b {
}
table.table_menbership td.s {
	font-size: 14px;
	line-height: 140%;
	text-align: left;
	padding-left: 15px;
}
table.table_menbership td span {
	font-size: 10px;
	line-height: 100%;
}
ul.membership_icon {
	display: grid;
	gap: 10px;
  grid-template-columns: repeat(3, 1fr);
	margin-bottom: 20px;
}
ul.membership_icon li {
	background-color: #D2B6A4;
	border-radius: 10px;
	padding: 20px 10px;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 120%;
    display: flex;
    align-items: center;
    justify-content: center;
}
ul.membership_icon li.l4 {
  grid-row: 2 / span 1; /* ライン番号2から始めて、1つ先のラインまで伸ばす */
  grid-column: 1 / span 2; /* ライン番号1から始めて、2つ先のラインまで伸ばす */
	text-align: left;
}
ul.membership_icon li.l5 {
	font-size: 14px;
	text-align: left;
}
ul.membership_list {
	margin: 10px 0 0;
}
ul.membership_list li {
	font-size: 18px;
	line-height: 120%;
	padding-bottom: 25px;
	padding-left: 15px;
	position: relative;
}
ul.membership_list li span {
	font-size: 28px;
	padding-left: 20px;
	text-decoration: underline;
}
ul.membership_list li::before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #3CB371;
	margin-right: 10px;
	position: relative;
	top:-2px;
}
.box_pic3 {
	float: left;
	padding-left: 20px;
	position: relative;
}
.froor_link1 {
	position: absolute;
	left: 100px;
	top: 97px;
}
.froor_link2 {
	position: absolute;
	left: 24px;
	top: 175px;
}
.froor_link3 {
	position: absolute;
	left: 170px;
	top: 261px;
}
.froor_link4 {
	position: absolute;
	left: 207px;
	top: 81px;
}
.froor_link5 {
	position: absolute;
	left: 241px;
	top: 101px;
}
.froor_link6 {
	position: absolute;
	left: 342px;
	top: 47px;
}
.froor_link7 {
	position: absolute;
	left: 370px;
	top: 89px;
}
.froor_link8 {
	position: absolute;
	left: 272px;
	top: 120px;
}
.froor_link9 {
	position: absolute;
	left: 396px;
	top: 173px;
}
.froor_link10 {
	position: absolute;
	left: 288px;
	top: 183px;
}
.froor_link11 {
	position: absolute;
	left: 83px;
	top: 145px;
}
.froor_link12 {
	position: absolute;
	left: 174px;
	top: 171px;
}
.froor_link13 {
	position: absolute;
	left: 104px;
	top: 208px;
}
.froor_link14 {
	position: absolute;
	left: 138px;
	top: 235px;
}
.froor_link15 {
	position: absolute;
	left: 236px;
	top: 224px;
}
.froor_link16 {
	position: absolute;
	left: 37px;
	top: 261px;
}
.froor_link17 {
	position: absolute;
	left: 177px;
	top: 281px;
}
.froor_link18 {
	position: absolute;
	left: 262px;
	top: 56px;
}
.froor_link19 {
	position: absolute;
	left: 359px;
	top: 75px;
}
.froor_link20 {
	position: absolute;
	left: 284px;
	top: 122px;
}
.froor_link21 {
	position: absolute;
	left: 264px;
	top: 152px;
}
.froor_link22 {
	position: absolute;
	left: 371px;
	top: 179px;
}
.froor_link23 {
	position: absolute;
	left: 362px;
	top: 224px;
}
.froor_link24 {
	position: absolute;
	left: 333px;
	top: 255px;
}

table.table1 {
  width: 100%;
}
table.table1 th , table.table1 td {
  display: block;
  font-size: 1.4rem;
  text-align: left;
  line-height: 130%;
}
table.table1 th {
  padding: 10px 10px 10px;
  background-color: #efefef;
}
table.table1 td {
  padding: 10px 0 30px;
}
.hissu {
  padding: 2px 10px;
  background-color: #FF8C00;
  color: #fff;
  font-size: 1.1rem;
}

ul.sitemap li {
	padding-bottom: 20px;
}
ul.sitemap li a {
	font-size: 1.5rem;
}
/* page *?

















/* footer */
#footer {
	background-color: #373737;
	padding: 30px 0 0px 0;
	margin-top: 100px;
}
#footer .footer_box {
	width: 1120px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 20px;
	color: #fff;
	font-size: 1.3rem;
}
#footer .footer_left {
	float: left;
}
#footer .footer_left .footer_logo {
	float: left;
}
#footer .footer_left .address {
	line-height: 120%;
	float: left;
	padding-left: 10px;
}
#footer .footer_right {
	float: right;
}
#footer .footer_link {
}
#footer .footer_link a {
	color: #fff;
}
#footer .footer_link a:hover {
	color: #ccc;
}
#footer .footer_copyright {
	font-size: 1.1rem;
	padding-top: 40px;
	padding-bottom: 15px;
	text-align: center;
	width: 100%;
}
a.pagetop {
  position: fixed;
  display: block;
  right: 0;
	bottom: 0;
	width: 60px;
	height: 60px;
}
/* footer */



input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
  border: 1px solid #CCCCCC;
  padding: 15px 24px; }

.form-text1 , .formfield_s {
  width: 100% !important; }

.form-text3 {
  width: 25% !important; }

.select_icon {
  overflow: hidden;
  display: inline-table;
  text-align: center;
  width: 26%; }

.select_icon select {
  width: 100%;
  padding: 8px 0 8px 12px;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  color: #6b6b6b;
  font-family: "Roboto";
  letter-spacing: 1px; }

.select_icon select::-ms-expand {
  display: none; }

.select_icon.cp_sl01, .select_icon.cp_sl02 {
  position: relative;
  border: 1px solid #c3c4c4;
  background: #fff; }

.select_icon.cp_sl01 select, .select_icon.cp_sl02 select {
  color: #666666;
  background-image: url(../img/btn_icon06.png);
  background-repeat: no-repeat;
  background-position: right 10px top 15px; }

input[type=radio] {
  display: none; }

input[type=checkbox] {
  position: relative;
  left: 32px;
  opacity: 0; }

.radio, .checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 12px 12px 12px 42px;
  border-radius: 8px;
  vertical-align: middle;
  cursor: pointer; }

.radio:hover:after, .checkbox:hover:after {
  /*border-color: #333;*/ }

.radio:after, .checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #c3c4c4;
  border-radius: 10px;
  content: ''; }

.checkbox:after {
  border-radius: 0;
  background-color: #fff; }

.checkbox_disabled:after {
  border: 2px solid #888;
  background-color: #eee; }

.radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #007bc2;
  content: '';
  opacity: 0; }

input[type=radio]:checked + .radio:before {
  opacity: 1; }

.checkbox_on:before {
  opacity: 1 !important; }

.checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 21px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #007bc2;
  border-bottom: 3px solid #007bc2;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 2; }

input[type=checkbox]:checked + .checkbox:before {
  opacity: 1; }

input[type="button"],
input[type="submit"],
input[type="reset"] {
  -webkit-appearance: none; }

.box_btn {
	text-align: center;
}
.button {
  box-sizing: border-box;
  display: inline-block;
  border: none;
  width: 100%;
  height: 75px;
  line-height: 45px;
  font-size: 1.65rem;
  letter-spacing: 1px; }

a.button {
  text-decoration: none; }

.button2 {
  height: 60px;
  line-height: 22px; }

.button-send {
  background-image: url(../../images/btn_icon02_sp.png);
  background-repeat: no-repeat;
  background-position: right 20px top 50%;
  background-size: 20px auto;
  background-color: #333;
  color: #fff;
  text-align: center; }

.button-clear {
  margin-bottom: 20px; }

.button-back {
  background: #999;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 20px; }

input[type="text"],
input[type="email"],
input[type="tel"],
select {
  box-sizing: border-box;
  width: 100%;
  font-size: 15px; }

textarea {
  box-sizing: border-box;
  width: 100%;
  height: 25em;
  font-size: 1.6rem; }

.btn-send ul {
  text-align: center; }

.btn-send li {
  display: inline; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset; }


/*============================
Page check
============================*/
.check .btn-send {
  margin-top: 24px; }

.btn-send .btn-send_back {
  float: left;
  width: 22.1917%; }

.btn-send .btn-send_next {
  float: right;
  width: 72.6027%; }

/*============================
thanks Page
============================*/
.error {
  padding: 5px 0px 0;
  color: #ff0000;
  display: inline-block; }





.box-center {
	margin: 0 auto;
	width: 100%;
}
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.float-left { float: left !important; }
.va-top { vertical-align: top; }
.border-top-gray { border-top: 1px solid #d2d2d2; }
.bgcolor-eee { background-color: #eeeeee !important; }
.bgcolor-e3e {background-color: #e3e6e8 !important; }

.att01 {
  padding-left: 1em;
  text-indent: -1em;
}
.att02 {
  padding-left: 2em;
  text-indent: -2em;
}
.att_c_title {
	text-indent:-2em;
	padding-left:60px !important;
}

.fs10 { font-size: 1.0rem; }
.fs12 { font-size: 1.2rem; }
.fs14 { font-size: 1.4rem; }
.fs16 { font-size: 1.6rem; }
.fs18 { font-size: 1.8rem; }
.fs20 { font-size: 2.0rem; }

.wt10p { width: 10%; }
.wt15p { width: 15%; }
.wt20p { width: 20%; }
.wt25p { width: 25%; }
.wt30p { width: 30%; }
.wt35p { width: 35%; }
.wt40p { width: 40%; }
.wt45p { width: 45%; }
.wt50p { width: 50%; }
.wt55p { width: 55%; }
.wt60p { width: 60%; }
.wt65p { width: 65%; }
.wt70p { width: 70%; }
.wt75p { width: 75%; }
.wt80p { width: 80%; }
.wt85p { width: 85%; }
.wt90p { width: 90%; }
.wt95p { width: 95%; }
.wt100p { width: 100%; }

.lh100p { line-height: 100% !important; }
.lh120p { line-height: 120% !important; }
.lh140p { line-height: 140% !important; }
.lh160p { line-height: 160% !important; }
.lh180p { line-height: 180% !important; }
.lh200p { line-height: 200% !important; }

/* ==

 margin

=============================================================================== */
/* -------- all -------- */

.ma00 { margin:     0px !important; }
.ma05 { margin:     5px !important; }
.ma10 { margin:    10px !important; }
.ma15 { margin:    15px !important; }
.ma20 { margin:    20px !important; }
.ma25 { margin:    25px !important; }
.ma30 { margin:    30px !important; }
.ma40 { margin:    40px !important; }
.ma50 { margin:    50px !important; }
.ma60 { margin:    60px !important; }
.ma70 { margin:    70px !important; }
.ma80 { margin:    80px !important; }
.ma90 { margin:    90px !important; }
.ma100 { margin:    100px !important; }


/* -------- top -------- */

.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; }
.mt40 { margin-top:    40px !important; }
.mt50 { margin-top:    50px !important; }
.mt60 { margin-top:    60px !important; }
.mt70 { margin-top:    70px !important; }
.mt80 { margin-top:    80px !important; }
.mt90 { margin-top:    90px !important; }
.mt100 { margin-top:    100px !important; }

/* -------- right -------- */

.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; }
.mr40 { margin-right:  40px !important; }
.mr50 { margin-right:  50px !important; }
.mr60 { margin-right:  60px !important; }
.mr70 { margin-right:  70px !important; }
.mr80 { margin-right:  80px !important; }
.mr90 { margin-right:  90px !important; }
.mr100 { margin-right:  100px !important; }


/* -------- bottom -------- */

.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; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }


/* -------- left -------- */

.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; }
.ml40 { margin-left:   40px !important; }
.ml50 { margin-left:   50px !important; }
.ml55 { margin-left:   55px !important; }
.ml60 { margin-left:   60px !important; }
.ml70 { margin-left:   70px !important; }
.ml80 { margin-left:   80px !important; }
.ml90 { margin-left:   90px !important; }
.ml100 { margin-left:   100px !important; }



/* ==

padding

=============================================================================== */
/* -------- all -------- */

.pa00 { padding:     0px !important; }
.pa05 { padding:     5px !important; }
.pa10 { padding:    10px !important; }
.pa15 { padding:    15px !important; }
.pa20 { padding:    20px !important; }
.pa25 { padding:    25px !important; }
.pa30 { padding:    30px !important; }
.pa40 { padding:    40px !important; }
.pa50 { padding:    50px !important; }
.pa60 { padding:    60px !important; }
.pa70 { padding:    70px !important; }
.pa80 { padding:    80px !important; }
.pa90 { padding:    90px !important; }
.pa100 { padding:    100px !important; }


/* -------- top -------- */

.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; }
.pt40 { padding-top:    40px !important; }
.pt50 { padding-top:    50px !important; }
.pt60 { padding-top:    60px !important; }
.pt70 { padding-top:    70px !important; }
.pt80 { padding-top:    80px !important; }
.pt90 { padding-top:    90px !important; }
.pt100 { padding-top:    100px !important; }

.pt10p { padding-top:   10% !important; }

/* -------- right -------- */

.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; }
.pr40 { padding-right:  40px !important; }
.pr50 { padding-right:  50px !important; }
.pr60 { padding-right:  60px !important; }
.pr70 { padding-right:  70px !important; }
.pr80 { padding-right:  80px !important; }
.pr90 { padding-right:  90px !important; }
.pr100 { padding-right:  100px !important; }


/* -------- bottom -------- */

.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; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb75 { padding-bottom: 75px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb90 { padding-bottom: 90px !important; }
.pb100 { padding-bottom: 100px !important; }


/* -------- left -------- */

.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; }
.pl40 { padding-left:   40px !important; }
.pl50 { padding-left:   50px !important; }
.pl60 { padding-left:   60px !important; }
.pl70 { padding-left:   70px !important; }
.pl80 { padding-left:   80px !important; }
.pl90 { padding-left:   90px !important; }
.pl100 { padding-left:   100px !important; }