@charset "utf-8";

html, body, div, span, object, iframe,nav,header,footer,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, p,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0px;
    padding:0px;
    border:0px;
    outline:0px;
    background:transparent;
}

ul,ol,li{
	list-style:none;
	}

body{
	background-color:#faf7f0;
	font: 13px;
	*font-size: small;
	*font: x-small;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

a{
	text-decoration:none;
	cursor:pointer;
	}

#contents a{
	color:#EB3E40}
	
.clearfix:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	font-size:0.1em;
	line-height:0;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
	min-height:1%;
}

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


#wrapper{
	border-top:2px solid #e23719;
	}
	


#contents a,
#mainPage a{
	color: #5A482B;
	text-decoration: none;
}

#contents a:hover,
#mainPage a:hover{
	color: #C94C00;
}




/*form
---------------------------------------------------------------------*/

/*essential explain*/
	span.xf_essential{
		border-radius:3px;
		margin-left:3px;
		color:#cb3b14;
		padding:2px;
		font-size:0.75em;
		}

	.back{
		font-size:80%;
		color:#333;
		text-align:left;
		}

	.front{
		font-size:85%;
		padding-top:12px;
		text-align:left;
		font-weight:bold;
		color:#333;
		}
		
	input[type=checkbox] + label{
		line-height:1.8em;
		padding:0 5px;
		}

	input[type=checkbox]:checked + label{
		background-color:#edc4b0;
		border-radius:7px;
		padding:0 5px;
		font-weight:bold;
		}


	input[type=radio] + label{
		font-weight:bold;
		line-height:2.7em;
		padding:0 5px;
		}
	
	input[type=radio]:checked + label {
		background-color:#edc4b0;
		border-radius:7px;
		color:#333;
		padding:0 5px;
		}

	input[type=file]{
		font-size:15px
		}



.pcNone{
	display:none;}



/*header大枠
-----------------------------------------*/

header{
	width:970px;
	margin:0 auto;
	display:flex;
	}

h1{
	width:169px;
	padding:60px 0 0 40px;
	box-sizing:border-box;
	}

h1 img{
	width:112px;
	height:auto;
	vertical-align:bottom;
	}




/*  xform*/

	div.xf_block0{
		margin-bottom:30px;
		text-align:center;		
		}
	table.xf_block{
		width:100%;
		margin-bottom:50px;
		border: 1px solid #ccc;
	}
	table.xf_block tr{
		display: flex;
		flex-wrap: wrap;
	}
	th.xf_field{
		width: 25%;
		box-sizing:border-box;
		border-bottom:1px dotted #ccc !important;
		font-weight:bold;
		background-color:#f3f1ed;
		padding: 0 5px;
		display: flex;
		align-items: center;
		justify-content: center;
	}	
	td.xf_input{
		width:75%;
		box-sizing:border-box;		
		border-bottom:1px dotted #ccc;
		padding: 15px;
	}
	table.xf_block tr:last-of-type th.xf_field, table.xf_block tr:last-of-type td.xf_input
	{border-bottom: none}



/*subject*/
	table th.xf_table_title{
		width: 100%;
		padding:7px;
		font-weight:bold;
		font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, Verdana, sans-serif;
		background-color:#b39f93;
		color:#fff;
		}


/*layout submit*/

	div.xf_block{
	}

	.xf_block input[type=submit], input[type=button] {
	clear:both;
	-webkit-appearance: none;
	background: #cb3b14;
	padding: 8px 0 10px;
	border: #ffffff 2px solid;
	border-radius: 7px;
	box-shadow : 0 0 0 1px #c76d55;
	font-size: 24px;
	color: #fff;
	margin:0 auto 30px auto!important;
	text-align:center;
	width: 400px;
	margin-bottom:50px;
}


/*layout input*/


	textarea,
	input[type=text],
	 td.xf_input select{
        padding: 13px 0 13px 7px;
        box-sizing: border-box;
        border: 1px solid #d9d1d1;
        border-radius: 5px;
		}

	input[type=radio]{
	}

	select,
	textarea,
	input[type=text]{
	width: 100%;
}

.flexbox{
	display: flex;
	flex-wrap: wrap;
}
.flexbox .wid50{
	width: 50%;
	padding-right: 1em;
	box-sizing: border-box;
}

.flexbox .wid60{
	width: 60%;
	padding-right: 1em;
	box-sizing: border-box;
}
.flexbox .wid40{
	width: 40%;
	padding-right: 1em;
	box-sizing: border-box;
}


/*========================================================


========================================================*/


@media screen and (min-width: 800px) {

nav div#button,
nav ul.nav-list{
	display:none;
	}

nav{
	width:801px;
	}
	

/*headerNav
-----------------------------------------*/

div.subN{
		}

ul.hmenu01{
	text-align:right;
	margin-bottom:7px;
		}

ul.hmenu01 > li{
	font-size:10px;
	display:inline;
	padding-left:10px;
			}
			
ul.hmenu01 li a{
	color:#da5340;
	font-weight:bold;
	letter-spacing:0.15em;
}

ul.hmenu01 li:before{
    font-family: "Font Awesome 5 free";
	content:"\f105" !important;
    position: relative;
	font-weight:900;
	margin-right:4px;
	vertical-align:middle;
	color:#da5340;
}

/*サロン
-----------------------------------------*/

ul.hmenu02{
	text-align:right;
	margin-bottom:20px;
		}

ul.hmenu02 li{
	display:inline;
	margin-right:10px;
}

ul.hmenu02 li.sSup a,
ul.hmenu02 li.sList a{
	border-radius:4px;
	text-align:center;
	padding:7px 10px;
	color:#FFF;
	font-size:0.75em;
	letter-spacing:0.1em;
	text-decoration:none;
	font-weight:bold;	
}

ul.hmenu02 li.sSup a{
	background-color:#f38b58;
	}

ul.hmenu02 li.sList a{
	background-color:#e3381a;
	}

ul.hmenu02 li.end{
	margin:0!important;
	}

ul.hmenu02 li.sSup a:before,
ul.hmenu02 li.sList a:before{
    font-family: "Font Awesome 5 free";
	content:"\f138" !important;
    position: relative;
	font-weight:900;
	margin-right:4px;
	vertical-align:middle;
	color:#fff;
	}

/*グロナビ
-----------------------------------------*/

ul.hmenu03{
	width:801px;
	height:60px;
	display:flex;
	box-sizing:border-box;
	}

ul.hmenu03 li,
ul.hmenu03 li a,
ul.hmenu03 li:hover{
	box-sizing:border-box;
}


ul.hmenu03 > li{
	position:relative;
  list-style: none;
  box-sizing:border-box;
  border-left:1px solid #d4bea3;
  }


ul.hmenu03 > li.end{
  border-right:1px solid #d4bea3;
  }

ul.hmenu03 li a{
	box-sizing:border-box;
	display:block;
	width:160px;
	padding:18px 0 0 0;
	min-height:60px;
	font-size:0.87em;
	text-align:center;
	font-weight:bold;
	background-color:#faf7f0;
	color:#5A482B;}

ul.hmenu03 > li > ul > li > a > span{
	font-size:80%;
	margin-top:-5px;
	display:block;
}


ul.hmenu03 > li > a:hover,
ul.hmenu03 > li > ul > li > a:hover {
	background: #faf7f0;
	background: -moz-linear-gradient(top, #faf7f0 0%, #f8e3ba 100%);
	background: -webkit-linear-gradient(top, #faf7f0 0%,#f8e3ba 100%);
	background: linear-gradient(to bottom, #faf7f0 0%,#f8e3ba 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf7f0', endColorstr='#f3e6c9',GradientType=0 );

/*	background-color:#f3e6c9;*/
	/*color:#fff!important;*/
}


ul.hmenu03 > li > a > span{
	display:block;
	font-size:72%;
	color:#a17318;
	letter-spacing:0.1em;
	font-weight:normal
	}

ul.hmenu03 > li > a:hover{
	display:block;
	color:#b7331c;	
}
	
ul.hmenu03 li ul {
  top: 60px;
  left: 0px;
  position: absolute;
  z-index: 1 !important;
}

ul.hmenu03 > li > ul > li{
	  overflow: hidden;
	  height: 0;
	  transition: 0.2s;
}

ul.hmenu03 > li > ul > li > p > a,
ul.hmenu03 > li > ul > li > a {
  border-top: 1px solid #d4bea3;
  border-left: 1px solid #d4bea3;
  border-right: 1px solid #d4bea3;
}

ul.hmenu03 > li > ul > li > p{
	font-size:85%;
}


/*
ul.hmenu03 > li > ul > li > a:hover {
	background-color:#f2e2d6!important;
}
*/

ul.hmenu03 > li > ul > li > p > a.end,
ul.hmenu03 > li > ul > li > a.end{
  border-bottom: 1px solid #d4bea3;
	}


ul.hmenu03 > li:hover > ul > li{
  overflow: visible;
  height: 60px;
}

ul.hmenu03 > li > ul > li > ul:before {/*layer-2 未使用▷*/
    position: absolute;
    content: "";
    top: 15px;/**/
    left: 30px;
    border: 5px solid transparent;
    border-left: 5px solid #fff;
  }

/*big header*/
.hdesign{
	clear:both;
	background-color:#a92211; 
	background-image:url(http://maturina.jp/images/maturina_title.jpg);
	background-repeat:repeat-x;
	border-top:2px solid #f3b398;
	padding:5px 0 15px 0;
	}


.hdesign p{
	color:#fff;
	font-size:0.65em;
	width:900px;
	margin:0 auto;
}

.hdesign a{
	color:#fff;
	margin-right:20px;
}






h2{
	width:900px;
	margin:0 auto;
	margin-top:10px;
	padding-left:15px;
	font-size:1.4em;
	font-weight:bold;
	color: #FFF;
	border-left:6px solid #f4ad8d;
	}

footer{
	margin:0 auto;
	}



#pagetop{
	clear:both;
	width:950px;
	margin:0 auto;
	text-align:right;
	font-size:0.8em;
	margin-top:-10px;
	}

#pagetop a{
		color:#e35e51
}

.fbground{
	width:100%;
	background-color:#a71900;
	border-top: 2px solid #FFB78F;
	padding-bottom:25px;
	margin-top:15px;
	}


ul.fmenu01{
	width:950px;
	margin:0 auto;
	display:flex;
	padding-left:30px;
	margin-bottom:5px;
}

ul.fmenu01 li{
	font-size:79%;
	color:#fff;
	margin-right:16px;
	letter-spacing:0.1em;
	}

ul.fmenu01 li p{
	font-weight:bold;
	color:#a71900;
	background-color:#ffead9;
	padding:1px 5px;
	border-radius:3px;
	}


ul.fmenu01 li a{
	color:#fff;
	font-weight:initial!important;
	}

ul.fmenu01 li a:hover{
	color:#FC9;
	}

ul.fmenu01 li a:before{
    font-family: "Font Awesome 5 free";
	content:"\f0a9" !important;
    position: relative;
	font-weight:900;
	margin-right:4px;
	vertical-align:middle;
	color:#fff;
	font-size:80%;
	}

.fArea{
	max-width:950px;
	margin:0 auto;
	}

.fArea:after{
	content:'';
	clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}
	
.fArea .flogo{
	width:180px;
	padding-top:20px;
	float:left;
}

.fArea  .copyright{
	float:left;
	width: 100%;
	max-width:770px;
	padding-top:35px;
	color:#fff;
	font-size:11px;
	text-align:right;
	font-family:Verdana, Geneva, sans-serif;
	letter-spacing:0.1em;
	box-sizing:border-box;
}


.foot_sns{
	width:950px;
	margin:0 auto;
	}

.foot_sns .ic-sns{
	text-align:right;}
	
.foot_sns .ic-sns img{
	width:30px;
	height:30px;
	}




[href^="tel"] {
    text-decoration: none;
    color: #333;
    cursor: default;
    pointer-events: none;
}


#contents{
	width: 95%;
	max-width:1050px;
	margin:10px auto 30px auto;
	border: 1px solid #a68e6b;
	background-color:#fff;
	padding:50px 25px;
	box-sizing:border-box;
	}

section{
	margin-bottom:40px;
	}


/*sub header
----------------------------------------------*/

.hdesign2{
	border-bottom:4px solid #f6b89b;
	border-left:4px solid #f6b89b;
	padding-left:7px;
	margin-bottom:18px;
	}

/*関連商品など*/
.hdesign3{
	font-size:130%;
	color:#6B5221;
	font-weight:bold;
	border-bottom:3px solid #f6eee7;
	margin-bottom:12px;
	}



}

@media screen and (max-width:799px) {


header{
	width:100%;
	}

h1{
	padding:0 0 9px 15px;
	margin:0;
	}

header h1 img{
	width:60px;
	height:auto;}


/*big header*/
.hdesign{
	width:100%;
	background-color:#a92211; 
	padding:0.4em 0 0.8em 0.7em;
	box-sizing:border-box;
	}

.hdesign a{
	color:#fff;
	margin-right:1em;}

.hdesign p{
	font-size:0.65em;
	color:#efefef;}

h2{
	margin-top:15px;
	font-size:120%;
	font-weight:bold;
	color: #FFF;
	line-height:1em;

	}


#meanmenu {
    display:block;
}

.spNone{
	display:none;
	}
.spBreak{
	display:block;
	}





/*footer*/

footer{
	}

ul.fmenu01{
}





#pagetop{
	text-align:right;
	}

#pagetop a{
	font-size:0.8em;
	margin-top:-10px;
		color:#e35e51
}

.fbground{
	width:100%;
	background-image:url(http://maturina.jp/images/maturina_footer.jpg);
	background-repeat:repeat-x;
	background-color: #a92211;
	padding-bottom: 2em;
	}

.fArea{
	}

.flogo{
	text-align:center;
	padding-top:20px;
}

.copyright{
	color:#fff;
	font-size:0.65em;
	font-family:Verdana, Geneva, sans-serif;
	letter-spacing:0.1em;
	text-align:center;
}

.foot_sns{
	padding-top:1.5em;
	}

.foot_sns .ic-sns{
	text-align:center;}
	
.foot_sns .ic-sns img{
	width:10%;
	height:auto;
	max-width: 30px;
	}

[href^="tel"] {
    text-decoration: none;
    color: #333;
    cursor: default;
    pointer-events: none;
}


#contents{
	background-color:#fff;
	padding:3%;}


section{
	margin-bottom:5%;
	}





/*navigation
---------------------------------*/

#button{
	position: absolute;
    top: 0;
    right: 0;
    height: 45px;
    width: 45px;
	text-align: right;
	color:#fff;
	font-size:0.9rem;
	}

#button ul {
	margin-top:14px}

#button ul li {
	width: 35px;
	background:#d74d2f;
	height: 4px;
	margin: 0 auto 7px auto;
}

#button ul li:last-child{
	margin-bottom: 2px;
	}

.nav-list {
	display:none;
/*	min-width: 100%;*/
	/*margin-top: 31px;*/
	}

.nav-list > li{
	border-bottom:1px dotted #ccc;}

.nav-list > li > a{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display:block;
	width: auto;
	padding: 10px 0 10px 10px;
	color:#e0361c;
	font-size:100%;
	font-weight:bold;
	text-decoration:none;
	background-color:#faf7f0;
	}

.nav-list > li > ul{
	padding:0;
	margin:0;
	}

.nav-list > li > ul > li{
	background-color:#faf7f0;
	color:#e0361c;
	}

.nav-list > li > ul > li > a{
	font-size:90%!important;
	display:block;
	color:#333;
	padding:7px 0 7px 20px;
}

.nav-list > li > ul > li.end{
	padding-bottom:5px;
	}

.nav-list > li > ul > li > a:before{
    font-family: "Font Awesome 5 free";
	content:"\f0da" !important;
    position: relative;
	font-weight:900;
	margin-right:4px;
	font-size:70%;
	vertical-align:middle;
	color:#9b764f;
	}

.nav-list li.sns{
	text-align:center!important;
	padding:20px 0 40px 0;
	}

.nav-list li.sns img{
	width:50px;
	height:50px
	}

.nav-list li p.Navpolicy{
	width:60%;
	margin:0 auto;
	text-align:center;
	}

.nav-list > li > p.Navpolicy:after{
	content:'';
	clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}

.nav-list > li > p.Navpolicy > span > a{
	padding:7px 0!important;
}

.nav-list > li > p.Navpolicy > span{
	width:50%;
	text-align:center;
	font-size:0.9em!important;
	float:left;
	background-color:#000;
	margin:0 auto;
	}
.nav-list > li > p.Navpolicy > span a{
	color:#fff;
	}

.end:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;	
	}


/*sub header*/
.hdesign2{
	border-bottom:4px solid #f6b89b;
	background-color:#fbdec2;
	padding:7px;
	margin-bottom:10px;
	
	}
/*関連商品など*/
.hdesign3{
	font-size:130%;
	color:#6B5221;
	font-weight:bold;
	border-bottom:3px solid #f6eee7;
	margin-bottom:12px;
	}



	table,tbody,tr,th,td{
		width:100%;
		display:block;
		box-sizing:border-box;
		}

	table.xf_block{
		width:100%;
		}


	th.xf_field{
		box-sizing:border-box;
		padding:12px 0;
		text-align:center;
		font-size:0.9em;	
		background-color: #eeeeee;
		font-weight:bold;

		}

	td.xf_input{
		padding:13px 15px 30px 15px;
		}

/*subject*/

	table th.xf_table_title{
		color:#333;
		font-size:110%;
		font-weight:bold;
		text-align:left;
		padding:15px 0;
		
		}



/*layout submit*/

	div.xf_block{
		}


	.xf_block input[type=submit], input[type=button] {
	clear:both;
	-webkit-appearance: none;
	background: #cb3b14;
	padding: 15px 0;
	border: #ffffff 2px solid;
	border-radius: 10px;
	box-shadow : 0 0 0 1px #cb3b14;
	font-size: 20px;
	font-weight:bold;
	color: #fff;
	margin:0 auto !important;
	width: 60%;
}


/*layout input*/

	 td.xf_input select{
		width:100%;
		font-size:14px;
		}

	textarea {
		width:100%;
		font-size:16px;
		padding:10px 0;
			}	


	input[type=text]{
		width:100%;
		font-size:16px;
		}



	input[type=checkbox] + label{
		text-align:left!important;
		}
}




@media screen and (max-width:500px) {
.foot_sns .ic-sns img{
	max-width: 20px;
	}
}













/* margin 
------------------------------------------ */
.ml01 {	margin-left: 1px !important; }
.ml10 {	margin-left: 10px !important; }
.ml14 {	margin-left: 14px !important; }
.ml25 {	margin-left: 25px !important; }
.ml27 {	margin-left: 27px !important; }
.ml55 {	margin-left: 55px !important; }
.mt-05 {	margin-top: -5px !important; }
.mt-15 {	margin-top: -15px !important; }
.mt00 {	margin-top:  0px !important; }
.mt02 {	margin-top:  2px !important; }
.mt05 {	margin-top:  5px !important; }
.mt07 {	margin-top:  7px !important; }
.mt13 {	margin-top: 13px !important; }
.mt16 {	margin-top: 16px !important; }
.mt20 {	margin-top: 20px !important; }
.mt22 {	margin-top: 22px !important; }
.mt30 {	margin-top: 30px !important; }
.mt52 {	margin-top: 52px !important; }
.mt58 {	margin-top: 58px !important; }
.mt74 {	margin-top: 74px !important; }
.mt100 {	margin-top: 100px !important; }
.mb00 {	margin-bottom:  0px !important; }
.mb05 {	margin-bottom:  5px !important; }
.mb07 {	margin-bottom:  7px !important; }
.mb08 {	margin-bottom:  8px !important; }
.mb09 {	margin-bottom:  9px !important; }
.mb10 {	margin-bottom: 10px !important; }
.mb11 {	margin-bottom: 11px !important; }
.mb13 {	margin-bottom: 13px !important; }
.mb15 {	margin-bottom: 15px !important; }
.mb16 {	margin-bottom: 16px !important; }
.mb17 {	margin-bottom: 17px !important; }
.mb18 {	margin-bottom: 18px !important; }
.mb19 {	margin-bottom: 19px !important; }
.mb20 {	margin-bottom: 20px !important; }
.mb22 {	margin-bottom: 22px !important; }
.mb23 {	margin-bottom: 23px !important; }
.mb24 {	margin-bottom: 24px !important; }
.mb25 {	margin-bottom: 25px !important; }
.mb28 {	margin-bottom: 28px !important; }
.mb30 {	margin-bottom: 30px !important; }
.mb31 {	margin-bottom: 31px !important; }
.mb32 {	margin-bottom: 32px !important; }
.mb33 {	margin-bottom: 33px !important; }
.mb35 {	margin-bottom: 35px !important; }
.mb36 {	margin-bottom: 36px !important; }
.mb38 {	margin-bottom: 38px !important; }
.mb39 {	margin-bottom: 39px !important; }
.mb40 {	margin-bottom: 40px !important; }
.mb41 {	margin-bottom: 41px !important; }
.mb44 {	margin-bottom: 44px !important; }
.mb48 {	margin-bottom: 48px !important; }
.mb50 {	margin-bottom: 50px !important; }
.mb52 {	margin-bottom: 52px !important; }
.mb60 {	margin-bottom: 60px !important; }
.mb65 {	margin-bottom: 65px !important; }
.mb74 {	margin-bottom: 74px !important; }
.mb90 {	margin-bottom: 90px !important; }
.mb100 {margin-bottom: 100px !important; }
.mb106 {margin-bottom: 106px !important; }
.mr00 {	margin-right:  0px !important; }
.mr03 {	margin-right: 	3px !important; }
.mr05 {	margin-right: 	5px !important; }
.mr09 {	margin-right: 	9px !important; }
.mr10 {	margin-right: 10px !important; }
.mr11 {	margin-right: 11px !important; }
.mr18 {	margin-right: 18px !important; }
.mr19 {	margin-right: 19px !important; }
.mr20 {	margin-right: 20px !important; }
.mr22 {	margin-right: 22px !important; }
.mr23 {	margin-right: 23px !important; }
.mr35 {	margin-right: 35px !important; }
.mr38 {	margin-right: 38px !important; }
.mr40 {	margin-right: 40px !important; }
.mr45 {	margin-right: 45px !important; }
.mr73 {	margin-right: 73px !important; }
.pb05 {	padding-bottom:5px !important; }
.pb08 {	padding-bottom:8px !important; }
.pb09 {	padding-bottom:9px !important; }
.pb10 {	padding-bottom:10px !important; }
.pb11 {	padding-bottom:11px !important; }
.pb12 {	padding-bottom:12px !important; }
.pb13 {	padding-bottom:13px !important; }
.pb15 {	padding-bottom:15px !important; }
.pb17 {	padding-bottom:17px !important; }
.pb20 {	padding-bottom:20px !important; }
.pb22 {	padding-bottom:22px !important; }
.pb30 {	padding-bottom:30px !important; }
.pb41 {	padding-bottom:41px !important; }
.pt05 {	padding-top:5px !important; }
.pt08 {	padding-top:8px !important; }
.pt09 {	padding-top:9px !important; }
.pt10 {	padding-top:10px !important; }
.pt25 {	padding-top:25px !important; }
.pt34 {	padding-top:34px !important; }
.pt36 {	padding-top:36px !important; }

.pt39 {	padding-top:39px !important; }
.pt46 {	padding-top:46px !important; }
.pt53 {	padding-top:53px !important; }
.pt61 {	padding-top:61px !important; }
.pt75 {	padding-top:75px !important; }
.pr00 {	padding-right:0px !important; }
.pr03 { padding-right:3px !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; }
.pl00 {	padding-left:0px !important; }
.pl05 {	padding-left:5px !important; }
.pl07 {	padding-left:7px !important; }
.pl15 {	padding-left:15px !important; }
.pl25 {	padding-left:25px !important; }
.pl27 {	padding-left:27px !important; }
.pl30 {	padding-left:30px !important; }
.pl35 {	padding-left:35px !important; }
.pl65 {	padding-left:65px !important; }


.center{text-align:center;}
.right{text-align:right;}
.bold{font-weight:bold;}


@media screen and (max-width: 580px) {
	th.xf_field {
		display: block;
		width: 100%;
		padding: 5px;
        text-align: left;
	}
	td.xf_input{
		width: 100%;
		padding: 8px 1px 16px 7px;
	}

.flexbox .wid50,
.flexbox .wid60,
.flexbox .wid40{
	padding-right: 5px;
}

select, textarea, input[type=text] {
    width: 98%;
}


}