@charset "utf-8";

/* reset 
-----------------------------------------------------------------------*/
html, body, div, span, object, iframe,
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, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead,
tr, th, td, article, aside, dialog, figure, footer, header, hgroup,
menu, nav, section, time, mark, audio, video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;}
article, aside, dialog, figure, footer, header,
h1,h2,h3,h4,h5,h6,h2,h3{font-weight:normal;color:#1A1A1A;font-family:'Noto Sans JP',"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3","游ゴシック", "メイリオ", sans-serif;}
hgroup, nav, section {display:block;}
ol, ul, dl, li{list-style: none; padding:0;margin:0;}
caption,th {font-weight:normal;}
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;border: 1px solid #ccc;border-radius: 0;border-radius:3px;font-size:16px;}
a {cursor: pointer;outline: none;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none; color:#484642;transition: all .4s;}
a:hover{text-decoration: none;}
a:visited:hover, a:link:hover{color: #484642;}
a:link{color: #484642;}
a:visited{color: #484642;}
.active{color: #484642;font-weight: normal;}
.noLinkAnm{-webkit-transition:none;-moz-transition:none;-ms-transition:none; -o-transition:none; transition:none;}
table { border-collapse:collapse;border-spacing:0; }
img { border: 0; vertical-align: middle; display: inline-block; max-width: 100%; height: auto; width: auto;}
html, body {position:relative;z-index:0;color:#1A1A1A;-webkit-print-color-adjust: exact;word-break: break-all;font-weight:normal;
font-family:'Noto Sans JP',"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3","游ゴシック", "メイリオ", sans-serif;-webkit-text-size-adjust: 100%;}
html{font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */scroll-behavior: smooth;scroll-padding-top:85px;}
body {font-size: 14px; font-size: 1.4em;line-height:1.65;}
#root *,#root *:before,#root *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.opa a:hover{opacity:0.75;text-decoration:underline;}
abbr[title]{text-decoration:underline dotted;-webkit-text-decoration-style:dotted;}
b,strong{font-weight:bolder;}
:not(pre) > code,:not(pre) > kbd,:not(pre) > samp{font-family:Consolas, monaco, monospace;font-size:0.875rem;color:#f0506e;white-space:nowrap;padding:2px 6px;background:#f8f8f8;}
em{color:#f0506e;}
ins{background:#ffd;color:#666;text-decoration:none;}
mark{background:#ffd;color:#666;}
q{font-style:italic;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}
audio,canvas,iframe,img,svg,video{vertical-align:middle;}


/* 楽天カスタマイズ

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
#RthCustomizeW, #RthCustomize{width: 1190px!important;margin:auto!important;}
div#htlContents{width: 1190px!important;margin: 0 auto!important;}
#htlMainContent{width: 1190px!important;margin: 0 auto!important;}
#htlSide-A{position:absolute;top:1120px;padding-top:0;left:50%;margin-left:-610px;}
.module-history-domsearch section{padding:0;}

/* コンテンツ

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
#header{position: relative;width: 1190px;margin:0 auto;letter-spacing: .1rem;padding:10px 0 !important;}
#header .btnBox {display: flex;justify-content: space-between;align-items:center;}
#header .gNavi {width: 75%;display: flex;justify-content: space-between;line-height: 46px;margin-left: 10px;}
#header .gNavi li {font-size: 1.6rem;text-align: center;font-weight: bold;line-height:1.8;font-weight:bold;}
#header .gNavi li a {color: #cc3333;font-size:24px;transition: all 0.5s 0s ease;display:block;}
#header .gNavi li a:hover {opacity: 0.75;}
#header .gNavi li a span{display:block;font-size:14px;font-family:'Noto Sans JP',"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3","游ゴシック", "メイリオ", sans-serif;}
#header .rsvBtnBox {width: 20%;flex-direction:column;}
#header .rsvBtn {margin:0;}

 /* ----------------------------------------
 *   TOP共通
 * ---------------------------------------- */
.textBox{position:relative;}
.textBox h2{margin-bottom:1rem;}
.textBox .titleBox{margin-bottom:2rem;}
.textBox .titleBox .subTtl{font-size:16px;font-weight:500;}
.textBox .text h4{color:#cc3333;margin-bottom:2rem;line-height:1.6;font-weight:bold;}
.textBox .text p{font-size:16px;line-height:2.0;font-weight:bold;}
.rsvBtnBox {display: flex;justify-content:center;}
.rsvBtn {line-height: 60px;text-align: center;margin:2rem 1rem;}
.rsvBtn a {display: block;width: 220px;height: 60px;background: #fcd321;font-size: 1.6rem;font-weight:bold;border-radius:5px;font-size:22px;transition: all 0.5s 0s ease;}
.rsvBtn a:hover {background: #F4B700;}
/* ----------------------------------------
 *   ABOUT HOTEL 
 * ---------------------------------------- */
#topSec01{padding-top:70px !important;}
#topSec01 .container{display:flex;justify-content:space-between;}
#topSec01 .conceptImg{width:40%;}
#topSec01 .textBox{width:56%;}
#topSec01 h2{width: 100%;max-width:340px;}
#topSec01 .textBox .text p{font-weight:bold;}

 /* ----------------------------------------
 *   SERVICE
 * ---------------------------------------- */
#topSec02 .uk-container{padding-left:60px;padding-right:60px;}
#topSec02 .textBox{text-align:center;display:flex;align-items:flex-start;justify-content:center;}
#topSec02 h2{width: 100%;max-width:220px;margin: 0 auto 2rem auto;}
#topSec02 .menuIcon{width: 100%;max-width:90px;margin-right:-8rem;}
#topSec02 .happiIcon{width: 100%;max-width:155px;margin-left:-8rem;}
#topSec02 .text h4{line-height:1.6;margin-top:2rem;margin-bottom:0;}
#topSec02 .servBox > ul > li{display:flex;align-items:center;}
#topSec02 .servBox > ul > li:not(:first-child){margin-top:3rem;}
#topSec02 .pickupSlider{position:relative;overflow:hidden;width:470px;height:382px;margin:0;}
#topSec02 .pickupSlider img{display:block;position:absolute;opacity:0;animation:slideAnime 12s ease infinite;width:inherit;height:inherit;}
 /*=== スライドのアニメーションを段差で開始する ========= */
#topSec02 .pickupSlider img:nth-of-type(1) { animation-delay: 0s }
#topSec02 .pickupSlider img:nth-of-type(2) { animation-delay: 4s }
#topSec02 .pickupSlider img:nth-of-type(3) { animation-delay: 8s }
 
 /*=== スライドのアニメーション ========================= */
@keyframes slideAnime{
   0% { opacity: 0 }
   2% { opacity: 1 }
  33% { opacity: 1 }
  35% { opacity: 0 }
 100% { opacity: 0 }
}
#topSec02 .pickup01{position:relative;}
#topSec02 .pickup02{position:relative;margin:0;}
#topSec02 .pickup03{position:relative;margin:0;}
#topSec02 .pickup01:after,#topSec02 .pickup02:after,#topSec02 .pickup03:after{content: "";background-repeat: no-repeat;background-size: contain;position: absolute;top:-10px;left:-10px;z-index:1;width:68px;height:100px;}
#topSec02 .pickup01:after{background-image:url(../img/chochin_icon_01.svg);}
#topSec02 .pickup02:after{background-image:url(../img/chochin_icon_02.svg);}
#topSec02 .pickup03:after{background-image:url(../img/chochin_icon_03.svg);}
#topSec02 .bottomBox{margin-left:25px;}
#topSec02 .bottomBox .textBox{text-align:left;display:flex;flex-direction:column;}
#topSec02 .bottomBox .textBox h4{margin-bottom:0;font-size:var(--font-size18);line-height:1.0;}
#topSec02 .bottomBox .textBox h3{font-weight:bold;letter-spacing: .2em;position:relative;margin-bottom:2.5rem ;display:inline-block;font-size:var(--font-size36);}
#topSec02 .bottomBox .textBox .text p{font-size:var(--font-size15);line-height:2.0;}
#topSec02 .pickup03 .bottomBox .textBox h3{font-size:var(--font-size30);line-height:64px;letter-spacing:0.08em;}
#topSec02 .bottomBox .textBox h3:after{content: '';position: absolute;bottom:-5px;left:0;height:10px;background:var(--color-lighr-pink);width:105%;}
#topSec02 .bottomBox .iconBox{margin-top:2rem;width: 100%;max-width: 420px;text-align:center;display:flex;justify-content:space-between;}
#topSec02 .bottomBox .iconBox li{text-align:center;}
#topSec02 .bottomBox .iconBox p{font-size:var(--font-size13);line-height:1.4;font-weight:bold;margin-top:1rem;text-align:center;}
#topSec02 .bottomBox .iconBox img{max-width: 75px;margin:0 auto;}
.facility{padding-top:10px !important;}
.facility .container{background:var(--color-red);padding-top:3rem;padding-bottom:3rem;}
.facility .textBox{text-align:center;color:#fff;}
.facility h2{width: 100%;max-width:304px;margin:0 auto 1rem auto;}
.facility .titleBox{margin-bottom:0;}
.facility .titleBox .subTtl{font-size:var(--font-size16);font-weight:500;}
.facility .iconBox{margin:0 auto 0 auto;max-width:850px;display:flex;flex-wrap:wrap;}
.facility .iconBox li{margin-top:30px;width:25%;padding-top:10px;paadding-left:15px;}
.facility .iconBox img{max-width:95px;max-height:95px;width: 100%;height: 100%;}
.facility .iconBox p{line-height:1.4;margin-top:1rem;font-weight:bold;}
.facility .iconBox .note{font-size:var(--font-size12);margin-top:0;}

 /* ----------------------------------------
 *   ROOM
 * ---------------------------------------- */
#topSec03 .textBox{text-align:center;}
#topSec03 h2{width: 100%;max-width:152px;margin: 0 auto 2rem auto;}
#topSec03 .text{margin-bottom:2rem;}
#topSec03 .roomSec .roomLists{display:flex;flex-wrap:wrap;}
#topSec03 .roomSec .roomLists li {padding:2rem 1rem;width:50%;}
#topSec03 .roomSec #bunkbed .textBox{margin-top:14px;}
#topSec03 .roomSec .textBox{font-weight:bold;text-align:left;}
#topSec03 .roomSec .textBox .titleBox{margin:1rem 0;}
#topSec03 .roomSec .textBox .subTtl{font-weight:bold;}
#topSec03 .roomSec .textBox h2{font-size:var(--font-size40);max-width:none;width:auto;margin:0;}
#topSec03 .roomSec .textBox h2 .note{color:var(--color-red);font-size:var(--font-size14);display:block;font-weight:bold;line-height:1.0;padding-top:1rem;}
#topSec03 .roomSec .textBox h2 span{line-height:1.4;}
#topSec03 .roomSec #comfort .textBox h2{line-height:1.1;}
#topSec03 .roomSec .textBox h2 .roomIcon{width:95px;max-height:195px;float:left;margin-right:3rem;margin-top:0.5rem;}
#topSec03 .roomSec .rightBox .textBox p{border-bottom:solid 1px var(--color-black);width:415px;text-align:left;margin-bottom:0;padding:15px;font-size:var(--font-size18);}
#topSec03 .roomSec .rightBox .uk-flex{display:flex;padding:8px 15px !important;line-height:1.3;}
#topSec03 #roomFacility{background:var(--color-red);padding:3rem 1.5rem 3rem 0;margin-top: 4rem;}
#topSec03 #roomFacility .titleBox h2{color:#fff;font-size:var(--font-size40);max-width:none;margin:0;}
#topSec03 #roomFacility .titleBox{color:#fff;text-align:left;padding-left:3rem;margin-bottom:0;}
#topSec03 #roomFacility ul {display:flex;flex-wrap:wrap;}
#topSec03 #roomFacility .facilityList{text-align:center;color:var(--color-red);font-weight:bold;width:25%;margin-top:15px;padding-left:15px;}
#topSec03 #roomFacility .facilityList  div{background:#fff;padding:5px;display:flex;align-items:center;}
#topSec03  #roomFacility .facilityList .roomIcon{width:30px;max-height:30px;margin-left:1.2rem;}
#topSec03  #roomFacility .facilityList span{margin:0 auto;}

 /* ----------------------------------------
 *   SIGHTSEEING
 * ---------------------------------------- */
#topSec04{padding-bottom:0 !important;}
#topSec04 .sightseeing{position: relative;}
#topSec04 .textBox{text-align:center;}
#topSec04 .textBox .titleBox:before {content: "";width: 28%;height: 4px;background: var(--color-red);position: absolute;top: 25%;left: 0;}
#topSec04 .textBox .titleBox:after {content: "";width: 28%;height: 4px;background: var(--color-red);position: absolute;top: 25%;right: 0;}
#topSec04 .textBox .titleBox{position:relative;}
#topSec04 h2{width: 100%;max-width:340px;margin:0 auto 1rem auto;}
#topSec04 h4 .time{display:inline-block;padding:0 5px;font-size:var(--font-size30);}

#topSec04 .imgLists{display:flex;justify-content:space-between;align-items:flex-end;}
#topSec04 .imgLists img:nth-child(odd){width:25%;max-width:323px;}
#topSec04 .imgLists img:nth-child(even){width:12.5%;max-width:157px;}


/* ----------------------------------------
 *   ACCESS
 * ---------------------------------------- */
#topSec05{padding-top:0 !important;}
#topSec05 .container{display:flex;justify-content:space-between;border-top:solid 80px var(--color-red);border-bottom:solid 80px var(--color-red);}
#topSec05 .textBox{text-align:left;margin:3.5rem 0 2rem;width:35%;}
#topSec05 h2{width: 100%;max-width:190px;margin: 0 auto 2rem 0;}
#topSec05 .accessList{margin-top:2rem;}
#topSec05 .accessList li{margin: 0 auto 2rem 0;border:solid 1px var(--color-black);max-width:350px;padding:5px 15px;display:flex;justify-content:space-between;align-items:center;}
#topSec05 .accessList li p{font-weight:bold;line-height:1.4;font-size:var(--font-size14);}
#topSec05 .accessList li p:nth-child(1){max-width: 332px;}
#topSec05 .accessList li p:nth-child(2){letter-spacing:4px;width: 25%;text-align: center;}
#topSec05 .accessList .ffEn{font-size:var(--font-size32);}
#topSec05 .accessList .space{display: inline-block;padding: 0px 8px;}
#topSec05 .arrowNuvText{font-weight: 900;color: var(--color-black);font-size: var(--font-size25);width: 160px;line-height: 1.2;letter-spacing: 0.2em;vertical-align:middle;}
#topSec05 .gmap{margin:auto 0;width:60%;}
#topSec05 .gmap iframe {width:100%;height:570px;}

#footer{position:relative;width:1190px;margin:0 auto;display:block;}
footer{width:100%;text-align:left;line-height:2;background:var(--background-black);}
footer .logo{max-width:170px;margin: 10px auto 0 auto;}
footer .logo a:hover{opacity:0.7;}
footer .add{margin-top: 20px;font-size:var(--font-size16);font-weight:bold;text-align:center;margin-bottom:5px;}
footer .contactBox{position:relative;margin-bottom:3em;}
footer .contactBox p{line-height: 1.5;font-weight: bold;position:relative;}
footer .contactBox p:before{content:"";position:absolute;top:17%;left:40%;display:inline-block;width:18px;height:18px;background-image:url("../img/tel_icon.svg");}
footer .copy{font-size: var(--font-size12);text-align:center;color:#fff;background:var(--color-red);padding:20px 0;}

/* 汎用
■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
#root{position:relative;margin:0 auto;}
/* コンテンツ幅 */
#main{position:relative;width:1190px;margin:0 auto;display:block;}
.container{width:950px;margin:0 auto;padding-left:10px;}
#main section{position:relative;padding:40px 0;}
.inner{position:relative;}

.ffEn {font-family: 'Oswald', sans-serif, "Helvetica Neue",Helvetica,Arial;}
/*楽天デザイン調整*/
.pointup-banner__col{padding:0;}

 /* ----------------------------------------
 *   共通
 * ---------------------------------------- */
/*見出し*/
h2{font-size:34px;line-height:1.6;}
h3{font-size:40px;line-height:1.6;letter-spacing: .1em;}
h4{font-size:21px;line-height:2.0;font-weight:bold;}
/* text */
.alignC { text-align: center!important;}
.alignR { text-align: right!important;}
.alignL { text-align: left!important;}
/* 幅 */
.w10px{width:10px;}
.w11px{width:11px;}
.w12px{width:12px;}
.w14px{width:14px;}
.w16px{width:16px;}
.w18px{width:18px;}
.w20px{width:20px;}
.w24px{width:24px;}
.w30px{width:30px;}
.w50px{width:50px;}
.w60px{width:60px;}
.w70px{width:70px;}
.w80px{width:80px;}
.w90px{width:90px;}
.w100px{width:100px;}
.w110px{width:110px;}
.w120px{width:120px;}
.w130px{width:130px;}
.w140px{width:140px;}
.w150px{width:150px;}
.mw120px{max-width:120px;}
.mw200px{max-width:200px;}
.mw320px{max-width:320px;}
.mw600px{max-width:600px;}
.mw650px{max-width:650px;}
.mw800px{max-width:800px;}
.mw1000px{max-width:1000px;}
.w100{width:100%;}

.block { display:block;}
.inBlock { display: inline-block;}
.bold { font-weight:bold;}
.nomarl { font-weight: normal;}
.small { font-size: 90%;}
.italic {font-style: italic;}
.topLine{border-top:1px dotted #dfdfdf;}
.btmLine{border-bottom:1px dotted #dfdfdf;}
.lineOn{border:1px solid #dfdfdf;}
.lineNone{border:none !important;}
.lineTopNone{border-top:none !important;}
.textLine{text-decoration:underline;}
.textLink{color:#a72126!important;text-decoration:underline!important;}
.textLink:hover{text-decoration:none!important;}
.ls1{letter-spacing:1px;}
.fs9 { font-size: 9px;}
.fs10 { font-size: 10px;}
.fs11 { font-size: 11px;}
.fs12 { font-size: 12px;}
.fs13 { font-size: 13px;}
.fs14 { font-size: 14px;}
.fs15 { font-size: 15px;}
.fs16 { font-size: 16px;}
.fs17 { font-size: 17px;}
.fs18 { font-size: 18px;}
.fs19 { font-size: 19px;}
.fs20 { font-size: 20px;}
.fs22 { font-size: 22px;}
.fs24 { font-size: 24px;}
.fs26 { font-size: 26px;}
.fs28 { font-size: 28px;}
.fs30{font-size:30px;}
.fs32{font-size:32px;}
@media (max-width:959px){
	.fs18 { font-size:16px ;}
	.fs20 { font-size:16px ;}
	.fs30{ font-size:22px;}
	.fs32{ font-size:22px;}
}

/*文字色*/
.fcFff { color: #fff !important;}
.fc9c { color: #9C9C9C !important;}
.fc555 { color: #555 !important;}
.fc222 { color: #222 !important;}
.fcRed { color:#B92626 !important;}
/*背景*/
.bgFff { background: #fff !important;}
.bg777 { background: #777 !important;}
.bg555 { background: #555 !important;}
.bg333 { background: #333 !important;}
.bgRed { background: #B92626 !important;}
.bgEee { background: #eee !important;}
.bgF0 { background: #f0f0f0 !important;}
.bgF7 { background: #f7f7f7 !important;}
.bgF8 { background: #f8f8f8 !important;}
.lh12{line-height:1.2 !important;}
.lh14{line-height:1.4 !important;}
.lh16{line-height:1.6 !important;}
.lh18{line-height:1.8 !important;}
.lh2{line-height:2 !important;}
.lh4{line-height:4 !important;}
.pd0 { padding: 0!important;}
.pd01 { padding: 1px!important;}
.pd02 { padding: 2px!important;}
.pd03 { padding: 3px!important;}
.pd04 { padding: 4px!important;}
.pd05 { padding: 5px!important;}
.pd1 { padding: 1em!important;}
.pd2 { padding: 2em!important;}
.pd3 { padding: 3em!important;}
.pd4 { padding: 4em!important;}
.pd5 { padding: 5em!important;}
.pd10 { padding: 10px!important;}
.pd15 { padding: 15px!important;}
.pd20 { padding: 20px!important;}
.pd25 { padding: 25px!important;}
.pd30 { padding: 30px!important;}
.pd35 { padding: 35px!important;}
.pd40 { padding: 40px!important;}
.pd45 { padding: 45px!important;}
.pd50 { padding: 50px!important;}
.pd55 { padding: 55px!important;}
.pd60 { padding: 60px!important;}
.pdt0 {	padding-top: 0!important;}
.pdt1 {	padding-top: 1em!important;}
.pdt2 {	padding-top: 2em!important;}
.pdt3 {	padding-top: 3em!important;}
.pdt4 {	padding-top: 4em!important;}
.pdt5 {	padding-top: 5em!important;}
.pdt10 { padding-top: 10px!important;}
.pdt15 { padding-top: 15px!important;}
.pdt20 { padding-top: 20px!important;}
.pdt25 { padding-top: 25px!important;}
.pdt30 { padding-top: 30px!important;}
.pdt35 { padding-top: 35px!important;}
.pdt40 { padding-top: 40px!important;}
.pdt45 { padding-top: 45px!important;}
.pdt50 { padding-top: 50px!important;}
.pdt55 { padding-top: 55px!important;}
.pdt60 { padding-top: 60px!important;}
.pdr0 { padding-right: 0!important;}
.pdr1 { padding-right: 1em!important;}
.pdr2 { padding-right: 2em!important;}
.pdr3 { padding-right: 3em!important;}
.pdr4 { padding-right: 4em!important;}
.pdr5 {	padding-right: 5em!important;}
.pdr5px { padding-right: 5px!important;}
.pdr10 { padding-right: 10px!important;}
.pdr15 { padding-right: 15px!important;}
.pdr20 { padding-right: 20px!important;}
.pdr25 { padding-right: 25px!important;}
.pdr30 { padding-right: 30px!important;}
.pdr35 { padding-right: 35px!important;}
.pdr40 { padding-right: 40px!important;}
.pdr45 { padding-right: 45px!important;}
.pdr50 { padding-right: 50px!important;}
.pdr55 { padding-right: 55px!important;}
.pdr60 { padding-right: 60px!important;}
.pdb0 { padding-bottom: 0!important;}
.pdb1 {	padding-bottom: 1em!important;}
.pdb2 { padding-bottom: 2em!important;}
.pdb3 {	padding-bottom: 3em!important;}
.pdb4 {	padding-bottom: 4em!important}
.pdb5 { padding-bottom: 5em!important;}
.pdb10 { padding-bottom: 10px!important;}
.pdb15 { padding-bottom: 15px!important;}
.pdb20 { padding-bottom: 20px!important;}
.pdb25 { padding-bottom: 25px!important;}
.pdb30 { padding-bottom: 30px!important;}
.pdb35 { padding-bottom: 35px!important;}
.pdb40 { padding-bottom: 40px!important;}
.pdb45 { padding-bottom: 45px!important;}
.pdb50 { padding-bottom: 50px!important;}
.pdb55 { padding-bottom: 55px!important;}
.pdb60 { padding-bottom: 60px!important;}
.pdl0 { padding-left: 0!important;}
.pdl1 { padding-left: 1em!important;}
.pdl2 { padding-left: 2em!important;}
.pdl3 { padding-left: 3em!important;}
.pdl4 { padding-left: 4em!important;}
.pdl5 { padding-left: 5em!important;}
.pdl10 { padding-left: 10px!important;}
.pdl15 { padding-left: 15px!important;}
.pdl20 { padding-left: 20px!important;}
.pdl25 { padding-left: 25px!important;}
.pdl30 { padding-left: 30px!important;}
.pdl35 { padding-left: 35px!important;}
.pdl40 { padding-left: 40px!important;}
.pdl45 { padding-left: 45px!important;}
.pdl50 { padding-left: 50px!important;}
.pdl55 { padding-left: 55px!important;}
.pdl60 { padding-left: 60px!important;}
.mg0None{margin:0 !important;}
.mg1None{margin:1em 0 !important;}
.mgt0Auto { margin:0 auto!important;}
.mgt1Auto { margin:1em auto!important;}
.mgt2Auto { margin:2em auto!important;}
.mgt3Auto { margin:2em auto!important;}
.mgt4Auto { margin:2em auto!important;}
.mgt05 { margin-top:5px!important;}
.mgt08 { margin-top:8px!important;}
.mgt10 { margin-top:10px!important;}
.mgb05 { margin-bottom:5px!important;}
.mgb08 { margin-bottom:8px!important;}
.mgb10 { margin-bottom:10px!important;}
.mg0 { margin: 0!important;}
.mg1 { margin: 1px!important;}
.mg2 { margin: 2px!important;}
.mg3 { margin: 3px!important;}
.mg4 { margin: 4px!important;}
.mg10 { margin: 10px!important;}
.mg15 { margin: 15px!important;}
.mg20 { margin: 20px!important;}
.mg25 { margin: 25px!important;}
.mg30 { margin: 30px!important;}
.mg35 { margin: 35px!important;}
.mg40 { margin: 40px!important;}
.mg45 { margin: 45px!important;}
.mg50 { margin: 50px!important;}
.mg55 { margin: 55px!important;}
.mg60 { margin: 60px!important;}
.mgt0 { margin-top: 0!important;}
.mgt1 { margin-top: 1em!important;}
.mgt2 { margin-top: 2em!important;}
.mgt3 { margin-top: 3em!important;}
.mgt4 { margin-top: 4em!important;}
.mgt5 { margin-top: 5em!important;}
.mgt10 { margin-top: 10px!important;}
.mgt15 { margin-top: 15px!important;}
.mgt20 { margin-top: 20px!important;}
.mgt25 { margin-top: 25px!important;}
.mgt30 { margin-top: 30px!important;}
.mgt35 { margin-top: 35px!important;}
.mgt40 { margin-top: 40px!important;}
.mgt45 { margin-top: 45px!important;}
.mgt50 { margin-top: 50px!important;}
.mgt55 { margin-top: 55px!important;}
.mgt60 { margin-top: 60px!important;}
.mgt70 { margin-top: 70px!important;}
.mgr0 { margin-right: 0!important;}
.mgr1 { margin-right: 1em!important;}
.mgr2 { margin-right: 2em!important;}
.mgr3 { margin-right: 3em!important;}
.mgr4 { margin-right: 4em!important;}
.mgr5 { margin-right: 5em!important;}
.mgr10 { margin-right: 10px!important;}
.mgr15 { margin-right: 15px!important;}
.mgr20 { margin-right: 20px!important;}
.mgr25 { margin-right: 25px!important;}
.mgr30 { margin-right: 30px!important;}
.mgr35 { margin-right: 35px!important;}
.mgr40 { margin-right: 40px!important;}
.mgr45 { margin-right: 45px!important;}
.mgr50 { margin-right: 50px!important;}
.mgr55 { margin-right: 55px!important;}
.mgr60 { margin-right: 60px!important;}
.mgb0 { margin-bottom: 0!important;}
.mgb1 { margin-bottom: 1em!important;}
.mgb2 { margin-bottom: 2em!important;}
.mgb3 { margin-bottom: 3em!important;}
.mgb4 { margin-bottom: 4em!important;}
.mgb5 { margin-bottom: 5em!important;}
.mgb10 { margin-bottom: 10px!important;}
.mgb15 { margin-bottom: 15px!important;}
.mgb20 { margin-bottom: 20px!important;}
.mgb25 { margin-bottom: 25px!important;}
.mgb30 { margin-bottom: 30px!important;}
.mgb35 { margin-bottom: 35px!important;}
.mgb40 { margin-bottom: 40px!important;}
.mgb45 { margin-bottom: 45px!important;}
.mgb50 { margin-bottom: 50px!important;}
.mgb55 { margin-bottom: 55px!important;}
.mgb60 { margin-bottom: 60px!important;}
.mgl0 { margin-left: 0!important;}
.mgl1 { margin-left: 1em!important;}
.mgl2 { margin-left: 2em!important;}
.mgl3 { margin-left: 3em!important;}
.mgl4 { margin-left: 4em!important;}
.mgl5 { margin-left: 5em!important;}
.mgl10 { margin-left: 10px!important;}
.mgl15 { margin-left: 15px!important;}
.mgl20 { margin-left: 20px!important;}
.mgl25 { margin-left: 25px!important;}
.mgl30 { margin-left: 30px!important;}
.mgl35 { margin-left: 35px!important;}
.mgl40 { margin-left: 40px!important;}
.mgl45 { margin-left: 45px!important;}
.mgl50 { margin-left: 50px!important;}
.mgl55 { margin-left: 55px!important;}
.mgl60 { margin-left: 60px!important;}