/*
Theme Name: calliam
*/

/*----------------------------------------------------------------- 
リセット
----------------------------------------------------------------- */
*,
*:after,
*:before {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	border: 0;
	outline: 0;
	}
ol, ul,li{ list-style: none; margin:0; padding:0;}
:focus,
:active { outline:0;}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
th, 
td { padding:8px; line-height:1.4em;}
input{ margin-right:5px;}	
.switch {
	visibility: hidden;
}

body{ font:15px/1.8 "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; margin:0; padding:0;  color:#111111; min-width:1100px; letter-spacing: 0.07em;}
h1, h2, h3, h4, h5, h6, p,dt ,dl,dd{ font-size:inherit; margin:0; padding:0; }
hr{ display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; }
ul{ list-style:none; margin:0; padding:0; }
li{ margin:0; padding:0; }
@media screen and (min-width: 360px) { * { -webkit-text-size-adjust: none; } }


/*----------------------------------------------------
 clearfix
----------------------------------------------------*/

.clearfix:after,
.mainCap:after,
.selectTop li:after,
.imageBox:after,
.ingredientsWrap:after,
.ingredients:after,
.ingredients li:after,
.voiceBox:after,
footer .footerAdd:after,
.mainCapWrap:after,
.productsBox:after,
.features:after,
.messageName:after,
.spCrearBox:after:after{ content: ".";display:block;height:0.1px;clear:both;visibility:hidden;font-size:0.1em;line-height:0; }
.clearfix,
.mainCap,
.selectTop li,
.imageBox,
.ingredientsWrap,
.ingredients,
.ingredients li,
.voiceBox,
footer .footerAdd,
.mainCapWrap,
.productsBox,
.features,
.messageName,
.spCrearBox{ display:inline-block;overflow:hidden;_overflow:visible;display:block; }
* html .clearfix,
* html .mainCap,
* html .selectTop li,
* html .imageBox,
* html .ingredientsWrap,
* html .ingredients,
* html .ingredients li,
* html .voiceBox,
* html footer .footerAdd,
* html .mainCapWrap,
* html .productsBox,
* html .features,
* html .messageName,
* html .spCrearBox{ height:1%; }


/* ----------- anchor */
a { color:#111; text-decoration:none;}
a:hover { color:#c50c22; }
a .imgbt:hover{opacity:0.8;filter:alpha(opacity=80);cursor:pointer;}
a { -webkit-tap-highlight-color: rgba(0,0,0,0); }
a,
a::before,
a::after {
  -webkit-transition: all .7s;
  transition: all .7s;
}

.onlySP,
.onlySP2 { display: none;}

#wrapper{ position: relative;}
img{max-width: 100%; vertical-align: bottom;} 
.contentsWrap{width: 100%; padding: 40px 0 40px; }
.contentsWrap.pt160{padding-top: 160px; }
.contentsWrap.pt120{padding-top: 100px; }
.contentsWrapGray{ width: 100%; padding: 120px 0 120px; position: relative;}
.contents{ width: 1120px;margin-left: auto; margin-right: auto;}

.tel-link{pointer-events: none; }

/*----------------------------------------------------
 	header
----------------------------------------------------*/
.header h1{margin:40px auto 195px; text-align: center;}
.header {
/*	width: 1080px;
	margin-left: auto;margin-right: auto;
	position: relative;
	overflow: hidden;
	width:100%;
	 height: auto;
  min-height: 100vh;
background: url(./img/bg_main2.jpg) no-repeat 20% bottom;*/
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
width: 100%;
height: auto;
min-height: 100vh;
background: url(./img/bg_main3.jpg) no-repeat 20% 80%;
background-size: cover;
}

.topCap{ /*width: 1080px;margin-left: auto;margin-right: auto; padding-left: 510px; text-align: center;*/
width: 510px;
margin: auto;
text-align: center;
height: 154px;
top: 48%;
left: 45%;
position: absolute;
}
.topCap .ttl{ margin-bottom: 45px;}
.topCap .cont{ font-size: 11px; color: #c50c22; }

.mainCapWrap{ padding-top: 140px; background: url(./img/bg_mainCap.jpg) no-repeat 100% bottom; margin-bottom: 80px;}
.mainCapWrap .txtBox{ width: 510px;}
.mainCapTtl{ text-align: center; font-size: 38px; margin-bottom: 60px; }
.mainCapTxt{ text-align: center; font-size: 18px; margin-bottom: 60px;  line-height: 2em;}

.productsBox{ background: url(./img/bg_products.jpg) no-repeat left bottom; margin-bottom: 160px;}
.productsBox .txtBox{ width: 48%; float: right; text-align: center;  padding-bottom: 60px;}
.productsBox .txtBox .ttl{ font-size: 22px; margin-bottom: 20px;font-family:'游明朝 Medium', 'Yu Mincho Medium' , '游明朝体', 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;} 
.productsBox .txtBox .cont{ color: #c50c22; font-size: 11px; margin-bottom: 50px;}
.productsBox .txtBox img{ margin-bottom: 40px;}

.btn a,
.btn02 a{ display: block; background: #111111 url(./img/icon_arw.png) no-repeat 90% center; -webkit-background-size: 52px;background-size: 52px;
 color: #fff; width: 345px; padding: 15px 15px 15px 25px; line-height: 1.1em; filter: drop-shadow(4px 4px 3px rgba(0,0,0,0.3)); position: relative;font-family: 'Karla', sans-serif; font-size: 18px; letter-spacing: 0.2em; text-align: left;margin-left: auto;margin-right: auto; position: relative;}
.btn a:hover,
.btn02 a:hover{background: #c1182d url(./img/icon_arw.png) no-repeat 90% center; -webkit-background-size: 52px;background-size: 52px;}
.btn02 a{ padding: 30px 0 28px; text-align: center; margin-bottom: 150px; }
.btn02.mb0 a{ margin-bottom: 0;}
.btn02 img{ position: absolute; left: 25px; bottom: 5px;}

h2{
	font-size: 32px;
	font-weight: normal;
	margin-bottom: 60px;
	font-family:'游明朝 Medium', 'Yu Mincho Medium' , '游明朝体', 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;
	line-height: 1.4em;
	letter-spacing: 0.1em;
}
h2 span{ font-size: 12px; display: block;font-family: 'Karla', sans-serif; }
h3{ font-size: 22px; margin-bottom: 30px;  line-height: 2em;font-family:'游明朝 Medium', 'Yu Mincho Medium' , '游明朝体', 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif; font-weight: normal;}
h1.subH1{ text-align: center; margin:60px 0 140px;}
h2.subH2{ text-align: center; margin-bottom: 100px;}
.btn.subBtn a{font-size: 14px;}

.selectTop li{ margin-bottom: 80px;} 
.selectTop .photoBox{ width: 48%; float: left;}
.selectTop .photoBox img{ }
.selectTop .txtBox{ width: 48%; float: right;}
.selectTop .point{ display: inline-block; padding-bottom: 5px; margin-bottom: 20px; border-bottom: 1px solid  #333; font-size: 15px; font-weight: bold; padding-top: 10px;}
.selectTop .cont{ font-size: 16px; text-align: justify; line-height: 2em;}
.selectTop li:nth-child(2) .photoBox{ float: right;}
.selectTop li:nth-child(2) .txtBox{ float: left;}
.linkCau{ font-size: 10px;color: #666;}

.imageBox{ margin-bottom: 80px;}
.imageBox li{ float: left; margin-right: 40px;}
.imageBox li:nth-child(3n){ margin-right: 0;} 

.imageBox.voiceBox li{ width: 340px; margin-right: 50px;}
.imageBox.voiceBox li:nth-child(3n){ margin-right: 0;} 
.imageBox.voiceBox li iframe{ max-height: 700px; overflow: scroll;}
.imageBox.voiceBox li .Caption{ max-height: 380px;overflow-y: scroll;}

.features{ margin-bottom: 40px;}
.features li{ width: 48%;background: url(./img/icon_features.png) no-repeat left 11px; -webkit-background-size: 22px;background-size: 22px; padding:2px 0px 0 30px; margin-bottom: 50px; float: left;}
.features li:nth-child(2n){float: right;}
.features .ttl{ font-size: 22px; margin-bottom: 5px; font-family:'游明朝 Medium', 'Yu Mincho Medium' , '游明朝体', 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;}

.ingredientsWrap { padding-top: 130px; position: relative;}
.ingredientsWrapIn{ background: #f0f1f1; padding-bottom: 20px;}
.ingredientsWrap .photoBox img{ margin-top: -130px; float: left; margin-left: 60px;}
.ingredientsWrap .txtBox{ width: 100%; float: right; margin-left: -380px; padding-left: 380px; padding-top: 60px;} 

.ingredients{ margin-bottom: 40px;}
.ingredients li{ width: 48%; float: left; margin-bottom: 35px;}
.ingredients li:nth-child(2n){ float: right;}
.ingredients li img{ float: left;}
.ingredients li .txtCont{ width: 100%; float: right; margin-left: -92px; padding-left: 92px; font-size: 13px; }
.ingredients li .ttl{ font-weight: bold; margin-bottom: 5px; font-size: 15px; letter-spacing: 0.1em;}

.caution{ font-size: 10px; margin:40px 0 0; clear: both; text-align: justify;}
.linkTxt{ text-align: right; margin-bottom: 50px; font-size: 11px;}
.linkTxt a{ text-decoration: underline;}

.contents.pt160{ padding-top: 160px;}
.contentsWrap.pt0{ padding-top: 0;}

.contentsWrapGray{ width: 100%; background: url(./img/bg_message_06.jpg) no-repeat 70% bottom; -webkit-background-size: cover;background-size: cover;}
.contentsWrapGray dl{ width: 500px;}
.contentsWrapGray dt{ color: #c50c22; font-size: 22px; margin-bottom: 30px; font-family:'游明朝 Medium', 'Yu Mincho Medium' , '游明朝体', 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;}
.contentsWrapGray dd p:not(:last-of-type){  margin-bottom: 30px;text-align: justify;}
.contentsWrapGray dd{ margin-bottom: 80px;text-align: justify;}
.contentsWrapGray dd:not(:last-of-type){ margin-bottom: 40px;} 

.messageName{ margin-left: -20px; }
.messageName img{ float: left; display: none;}
.messageName p{ padding-top: 40px; margin-left: 1.5em;}


.faqList{ width: 86%; margin: 0 auto 80px;border-bottom: 1px solid  #ddd;}
.faqList>dt{
	border-top: 1px solid  #ddd;
	position: relative;
padding: 22px 52px 22px 22px;
width: 100%;
display: block;
font-size: 18px;
font-family:'游明朝 Medium', 'Yu Mincho Medium' , '游明朝体', 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;
}
.faqList>dt:after{
font-family: "Font Awesome 5 Free";
  content: "\f078";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-size: 12px;
  margin-right: 2px;
  position: absolute;
  right: 22px;
  margin-top: auto;
  margin-bottom: auto;
  top: 0;
  bottom: 0;
  height: 10px;
  font-weight: 900;
}
.faqList>dt.active:after{ content: "\f077";}
.faqList>dd{
	display: none;
margin-bottom: 20px;
background: #f0f1f1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 20px;
position: relative;
}
.faqList>dd:before {
content: "";
position: absolute;
top: -10px;
left: 40px;
width: 0px;
height: 0px;
margin: auto;
border-style: solid;
border-right: 10px solid transparent;
border-bottom: 10px solid #f0f1f1;
border-left: 10px solid transparent;
}

img.ofi{font-family: 'object-fit: cover;'}
#instaSlide{margin-bottom: 40px;}
#instafeed li{ width: 300px; height: 300px;}
#instafeed li img{object-fit: cover;}

.instaLink{ text-align: center;}
.instaLink i{font-size: 20px; vertical-align: sub; margin-right: 10px;} 
.instaLink a{ display: inline-block; position: relative; border-bottom: 1px solid  #333; padding-bottom: 0; font-family: 'Karla', sans-serif; line-height: 1.4em; }
.instaLink a:hover{ border-color: #c50c22;}
	
	

/*----------------------------------------------------
 	footer
----------------------------------------------------*/

footer{
	padding: 120px 0 0;
	text-align: center;
}
footer .ttl{ font-size: 18px; font-weight: bold; margin-bottom: 10px;} 
footer .footerTel{ font-size: 32px;font-family: 'Karla', sans-serif; line-height: 1.1em;}
footer .footerTel span{ font-size: 15px;}
footer .text12{ font-size: 12px;}

footer .footerAdd{ width: 480px; margin-left: auto;margin-right: auto; padding: 40px 30px; border-bottom: 1px solid  #333;border-top: 1px solid  #333; margin-bottom: 80px; font-size: 12px;}
footer .footerAdd dt{ width: 6em; float: left; clear: both; text-align: left;}
footer .footerAdd dd{ width: 100%; float: right; margin-left: -8em; padding-left: 8em; text-align: left; margin-bottom: 20px;}
footer .footerAdd dd:last-of-type{margin-bottom: 0;}

#pageTop{width: 40px;height: 40px;position: fixed; bottom: 10px; right: 10px; z-index: 200000000; text-align: center;}
#pageTop a{ display: block; width: 40px;height: 40px;position: relative;background: rgba(0,0,0,1.0); border-radius: 64px;-webkit-border-radius: 64px;-moz-border-radius: 64px;}
#pageTop a:after{
font-family: "Font Awesome 5 Free";
  content: "\f077";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-size: 18px;
  position: absolute;
  right: 11px;
  margin-top: auto;
  margin-bottom: auto;
  top: 0;
  bottom: 0;
  height: 20px;
  font-weight: 900;
  color: #fff;
}
#pageTop a:hover{ background: rgba(0,0,0,0.7);}
#copyright{ font-size: 12px; margin-bottom: 40px; letter-spacing: 0.2em;}

.fixMenu{ position: fixed; top: 50px; right: 50px;}
.fixMenu li{ display: inline-block;}
.fixMenu li:last-of-type{ margin-left: 40px;}

.pc30sp10{ margin-bottom: 30px;} 
.pc40sp10{ margin-bottom: 40px;}
.pc40sp20{ margin-bottom: 40px;}
.pc60sp40{ margin-bottom: 60px;}
.pc80sp40{ margin-bottom: 80px;}
.pcmt30{ margin-top: 30px;}
.pcmb20{ margin-bottom: 20px;}
.pcmb40{ margin-bottom: 40px;}
.pcmb50{ margin-bottom: 50px;}
.pcOnlymb15{ margin-bottom: 7px;}
.pcOnmb55{ margin-bottom: 53px;}
.pcOnmb40{ margin-bottom: 40px;}
.pcOnmb60{ margin-bottom: 60px;}
.pcRight{ text-align: right;}
.pcCenter{text-align: center;}

@media only screen and (max-width: 1440px){
.topCap{left: 52%;}
}

/*スマホ　sumaho*/

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

body{ font:14px/1.6 ArialMT; font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; min-width: inherit; min-width:auto;}
.onlyPC { display: none;}
.onlySP { display: block;}
img.onlySP { display: inline-block;}
#wrapper img.img92{ display: block; max-width: 92%; margin-left: auto;margin-right: auto;}

#wrapper{ }
#wrapper img{ max-width: 100%;}
.tel-link{pointer-events: auto; }

.contentsWrap{width: 100%; padding: 40px 0 40px;}
.contentsWrap.pt160{padding-top: 100px; }
.contentsWrap.pt120{padding-top: 80px; }
.contents{ width: 100%;margin-left: auto; margin-right: auto;}


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

.header h1{margin:40px auto 40px; text-align: center;}
.header h1 img{ width: 140px;}
.header {
	width: 100%;
	position: relative;
	overflow: hidden;
	min-height: inherit;
	min-height:auto;
	background: none;
	margin-bottom: 60px;
}

.topCap{ width: 100%;padding-left: 0; position: static; height:inherit; height:auto;}
.topCap .ttl{ margin-bottom: 30px;}
.topCap .cont{ margin-bottom: 0;}
#wrapper img.mainSP{ max-width: 280px;}

.mainCapWrap{ padding-top: 0px; background: none; margin-bottom: 80px;}
.mainCapWrap .txtBox{ width: 100%;}
.mainCapTtl{ font-size: 38px; margin-bottom: 40px; }
.mainCapTxt{ font-size: 18px; margin-bottom: 0; }
#wrapper img.mainCapSP{ max-width: 340px;}


.productsBox{ background: none; margin-bottom: 100px;}
.productsBox .txtBox{ width: 100%; float: none; padding-bottom: 60px;}
.productsBox .txtBox .ttl{ margin-bottom: 20px;} 
.productsBox .txtBox .cont{margin-bottom: 50px;}
.productsBox .txtBox img{ margin-bottom: 40px;}

.btn a,
.btn02 a{width: 300px;}
.btn a:hover,
.btn02 a{ margin-bottom: 100px; }

h2{text-align: center; margin-bottom: 30px; line-height: 1.2em;}
h3{ font-size: 22px; margin-bottom: 20px; }

.selectTop li{ margin-bottom: 80px; text-align: center;} 
.selectTop .photoBox{ width: 100%; float: none;}
.selectTop .txtBox{ width: 100%; float: none;}
.selectTop li:nth-child(2) .photoBox{ float: none;}
.selectTop li:nth-child(2) .txtBox{ float: none;}
    .selectTop .cont{text-align: left; margin: 1em; text-align: justify;}
    
.imageBox{ width: 92%;margin-left: auto;margin-right: auto;margin-bottom: 20px;}
.imageBox li{ float: none; margin-right: 0; text-align: center; margin-bottom: 40px;}
.imageBox li:nth-child(3n){ margin-right: 0;} 

.imageBox.voiceBox li{ width: 100％; margin-right: 0;}

.features{ width: 92%;margin-left: auto;margin-right: auto;margin-bottom: 20px;}
.features li{ width: 100%; float: none;margin-bottom: 30px; text-align: justify;}
.features li:nth-child(2n){float: none;}

.ingredientsWrap { padding-top: 280px; margin-top: -20px;}
.ingredientsWrapIn{ padding-bottom: 20px; position: relative; margin-top: -200px;}
.ingredientsWrap .photoBox img{ margin-top: -80px; float: left; width: 90px; display: block; position: absolute; left: -20px;top: 0;}
.ingredientsWrap .txtBox{ width: 100%; float: right; margin-left: 0; padding-left: 0; padding-top: 40px;} 

.ingredients{ margin-bottom: 40px; margin-left: 120px; margin-right: 4%;}
.ingredients li{ width: 100%; float: none; margin-bottom: 35px;}
.ingredients li:nth-child(2n){ float: none;}
.ingredients li img{ float: left;}
.ingredients li .txtCont{ width: 100%; float: right; margin-left: -92px; padding-left: 92px; font-size: 13px; text-align: justify; }
.ingredients li .ttl{ font-weight: bold; margin-bottom: 5px; font-size: 15px; letter-spacing: 0.1em;}

.caution{ margin-bottom: 10px; }
.contents.pt160{ padding-top: 80px;}

.contentsWrapGray{ width: 100%; background: url(./img/bg_message.jpg) no-repeat 60% bottom; -webkit-background-size: cover;background-size: cover; }
.contentsWrapGray dl{ width: 50%; margin-left: 4%;}
.contentsWrapGray dd p:not(:last-of-type){  margin-bottom: 30px;}
.contentsWrapGray dd{ margin-bottom: 60px;}
.contentsWrapGray dd:not(:last-of-type){ margin-bottom: 40px; } 

.messageName{ margin-left: 2%; }
.messageName img{ float: left;display: inline;}
.messageName p{ padding-top: 40px;}
    
.faqList{ width: 92%; margin: 0 auto 60px;}

.imageBox.voiceBox li iframe{ max-height: inherit; max-height: auto; overflow: scroll;}


/*----------------------------------------------------
 	footer
----------------------------------------------------*/


footer{
	padding: 120px 0 0;
	text-align: center;
}
footer .footerAdd{ width: 80%; }

.fixMenu{ position: fixed; top: 20px; right: 20px;}
.fixMenu li:last-of-type{ margin-left: 20px;}





.pcBox49p{ width: 100%;}
.pc30sp10{ margin-bottom: 10px;}
.pc40sp10{ margin-bottom: 10px;}
.pc40sp20{ margin-bottom: 20px;}
.pc80sp40{ margin-bottom: 40px;}
.spmt10{ margin-top: 10px;}
.spmt20{ margin-top: 20px;}
.spmb10{ margin-bottom: 10px;}
.spmb20{ margin-bottom: 20px;}
.spmb30{ margin-bottom: 30px;}
.pcmb20{ margin-bottom: 0;}
.pcmb50{ margin-bottom: 20px;}
.pcmb40{ margin-bottom: 10px;}
.pcOnmb55{ margin-bottom: 0;}
.pcOnmb60{ margin-bottom: 0;}
.spPd30{ padding:30px 0; text-align: center;}
.spCrearBox .box49p,.spCrearBox .box50p,.wrap94 .box49p,.wrap80 .box49p{ width: 100%; text-align: center;}
.spCrearBox fl,.spCrearBox fr,.wrap94 fl,.wrap94 fr,.wrap80 fl,.wrap80 fr,.spCrearBox img.fl,.spCrearBox img.fr{ float:none;}
.sp92Wrap{ width: 92%; margin-left: auto; margin-right: auto;}
.pcCenter{ text-align: left;}
.spCenter{ text-align: center;}
}

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

}



@media only screen and (max-width: 440px){
.onlySP2{display: inline-block;}
.ingredientsWrap .photoBox img{ left: 0; right: 0; margin-left: auto;margin-right: auto;}
.ingredients{ margin-left: 4%; padding-top: 90px; margin-bottom: 0;}

.contentsWrapGray{ width: 100%; background: #f2f0f2;  }
.contentsWrapGray dl{ width: 92%; margin-left: auto;margin-right: auto;}
.contentsWrapGray dt{font-size: 20px;}

.faqList > dt{ padding: 22px 42px 22px 12px; text-align: justify;}
.faqList > dd{padding: 22px 12px; text-align: justify;}
footer .footerAdd{ padding: 30px 20px;}
}




/* ------------------------------------------------
	　common
    ---------------------------------------------- */

.fl { float:left;}
.fr { float:right;}

.mb0 { margin-bottom:0px;}
.mb5 { margin-bottom:5px;}
.mb9 { margin-bottom:9px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb25 { margin-bottom:25px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}
.mb50 { margin-bottom:50px;}
.mb60 { margin-bottom:60px;}
.mb70 { margin-bottom:70px;}
.mb90 { margin-bottom:90px;}

.ml5 { margin-left:5px;}
.ml10 { margin-left:10px;}
.ml12 { margin-left:12px;}
.ml13 { margin-left:13px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml30 { margin-left:30px;}

.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr30 { margin-right:30px;}

.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}
.mt60 { margin-top:60px;}

.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt20 { padding-top:20px;}
.pt30 { padding-top:30px;}
.pt40 { padding-top:40px;}

.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb20 { padding-bottom:20px;}
.pb100{ padding-bottom: 100px;}

.text10{ font-size:66%; }
.text11{ font-size:70%; }
.text12{ font-size:86%; }
.text13{ font-size:93%; }
.text14{ font-size:100%; }
.text16{ font-size:115%; }
.text18{ font-size:129%; }
.text20{ font-size:143%; }
.text24{ font-size:172%; }
.text28{ font-size:200%; }
.text30{ font-size:214%; }
.textC { text-align:center;}
.textR { text-align:right;}
.textL{ text-align: left;}
.textB { font-weight:bolder;}
.textN{ font-weight: normal;}

.red { color:#D80000;}
.blue{ color: #122a88;}
.green{ color: #008C00;}
.pink{ color: #FF6085;}
.orange{ color: #FF9900;}

.box10p { width: 10%;}
.box15p { width: 15%;}
.box20p { width: 20%;}
.box35p { width: 35%;}
.box40p { width: 40%;}
.box45p { width: 45%;}
.box49p { width: 49%;}
.box50p { width: 50%;}
.box55p { width: 55%;}
.box60p { width: 60%;}
.box80p { width: 80%;}

.lrAuto{ margin-left:auto; margin-right:auto;}

.link a{ color:#FD7E33; text-decoration:underline; font-weight:bold;}
.link a:hover{ text-decoration:none;}

.va_b{ vertical-align:bottom;}
.va_m{ display:inline-block;vertical-align:middle;}
.va_t{ vertical-align: top;}