@charset "UTF-8";

/*======*/
body,html{margin:0px;padding:0px;cursor:default;font-size:12px;line-height:1.5;text-align:center;color:#0a1d2d;background:#ffffff;}
body {font-family:"メイリオ",ＭＳ Ｐゴシック,Osaka;margin:0px;padding:0px;zoom: 1.0;-moz-transform: scale(1.0);background:#ffffff;}
	@media all and (max-width: 1024px) {
		body {font-family: Verdana, sans-serif;-webkit-text-size-adjust: none;overflow-x:hidden;min-width:100%;}
	}
a{cursor:pointer;outline:none;text-decoration:none;}
input,textarea,option,select{font-size:12px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border:1px solid #e0e0e0;}
h1,h2,h3,h4,h5,p,div,ul,li,dl,dt,dd,article,nav,span,form,img,nav,section{font-size:13px;margin:0px auto;padding:0px;vertical-align:top;font-weight:normal;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	@media all and (max-width: 1024px) {
		h1,h2,h3,h4,h5,p,div,ul,li,dl,dt,dd,article,nav,span,form,img,nav,section{font-size:12px;}
	}
a:hover img{opacity:0.9;filter: alpha(opacity=95);}
ul,li{list-style-type:none;}
	@media all and (min-width: 1025px) {
		.pc_none{display:none !important;}
	}
	@media all and (max-width: 1024px) {
		.smart_none{display:none !important;}
		    .s_width {width: calc(100% - 20px) !important;}
	}


/*==H1====*/
h1{width:100%;height:auto;background:#0a1d2d;color:#ffffff;line-height:1;padding:9px 0px 9px 0px;}
	@media all and (max-width: 1024px) {
	}

/*===フォンt・汎用===*/
.ja{
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
.ja_b {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.en {
  font-family: "Poppins", sans-serif;
  font-weight: 600 !important;
  font-style: normal;
}
.radi{border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}


/*===ヘッダー===*/
header{width:100%;height:auto;padding:30px 0px;}
header div.header{width:calc(100% - 20px);height:auto;max-width:1200px;
	display: grid;grid-template-columns: 60% 40%;gap: 20px;}
header div.header div{width:100%;min-width:0;}
header div.header p.logo{width:100%;height:auto;text-align:left;padding-bottom:20px;}
header div.header p.logo img{width:411px;height:auto;}
header div.header h2{width:100%;height:auto;font-size:54px;text-align:left;line-height:1;}
header div.header h2 small{display:block;width:100%;height:auto;font-size:34px;text-align:left;line-height:1;padding-bottom:5px;}
header div.header ul{width:100%;height:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:20px 0px 10px 0px;}
header div.header ul li{width:100%;min-width:0;background:#0077ae;color:#ffffff;line-height:1;padding:5px 0px 8px 0px;font-size:22px;}
header div.header p.ja{width:100%;height:auto;font-size:26px;text-align:left;line-height:1.3;}
header div.header p.ja.attention{font-size:26px;color:#e00d49;padding-top:10px;}
header div.header div:nth-of-type(2) p.topimage{width:100%;}
header div.header div:nth-of-type(2) p.topimage img{width:100%;height:auto;}
	@media all and (max-width: 1024px) {
		header div.header{display:grid;grid-template-columns:repeat(1,1fr);gap:0px;}
		header div.header p.logo{text-align:center;}
		header div.header p.logo img{width:72%;height:auto;}
		header div.header h2{font-size:29px;text-align:center;}
		header div.header h2 small{font-size:19px;text-align:center;}
		header div.header p.ja{text-align:center;}
		header div.header p.ja{font-size:18px;}
		header div.header p.ja.attention{font-size:18px;}
		header div.header div:nth-of-type(2) p.topimage{width:90%;padding-top:10px;}
		header div.header div:nth-of-type(2) p.topimage img{width:100%;height:auto;}
		header div.header ul li{line-height:1.1;font-size:20px;}
	}


/*===店舗運営を、ひとつにつなぐ===*/
section.hitotsu{width:100%;height:auto;padding:25px 0px 30px 0px;background:#0077ae;}
section.hitotsu h2{width:calc(100% - 20px);height:auto;color:#ffffff;font-size:28px;}
section.hitotsu p.subject{width:calc(100% - 20px);height:auto;color:#fff09b;font-size:17px;}
section.hitotsu ul{width:calc(100% - 20px);height:auto;max-width:1200px;padding-top:25px;
	display:grid;grid-template-columns:repeat(4,1fr);gap:30px;}
section.hitotsu ul li{width:100%;min-width:0;background:#ffffff;box-shadow: 0 0 0 5px #ffffff inset,0 0 0 6px #9dbfcf inset;}
section.hitotsu ul li p.en{width:100%;height:auto;transform: translateY(-13px);}
section.hitotsu ul li p.en span_box{display:inline-block;width:auto;height:auto;position:relative;}
section.hitotsu ul li p.en span.en_box span.en{position:relative;z-index:1;color:#0a1d2d;font-size:33px;line-height:1;padding:0px 10px;}
section.hitotsu ul li p.en span.en_box .en::before{content:'';width:100%;height:8px;display:inline-block;background:#ffffff;position:absolute;top:21px;left:0%;z-index:-1;}
section.hitotsu ul li p.icon{width:100%;height:47px;margin:0px auto;padding:0px;}
section.hitotsu ul li p.icon img{width:52px;height:47px;}
section.hitotsu ul li h3{width:100%;height:auto;font-size:18px;padding-top:6px;}
section.hitotsu ul li p.txt{width:calc(100% - 30px);height:auto;text-align:left;padding:5px 0px 15px 0px;}
	@media all and (max-width: 1024px) {
		section.hitotsu h2{font-size:21px;}
		section.hitotsu p.subject{font-size:14px;}
		section.hitotsu ul{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
		section.hitotsu ul li h3{width:calc(100% - 30px);line-height:1.2;font-size:16px;}
		section.hitotsu ul li p.icon{width:100%;height:39px;}
		section.hitotsu ul li p.icon img{width:auto;height:39px;}
	}


/*===連携===*/
section.renkei{width:calc(100% - 20px);height:auto;max-width:1200px;padding:30px 0px;
	display: grid;grid-template-columns: 20% 80%;gap: 40px;}
	@media all and (max-width: 1024px) {
		section.renkei{display:grid;grid-template-columns:repeat(1,1fr);gap:0px;}
	}


/*===連携 左===*/
section.renkei div:nth-of-type(1) p.logo{width:100%;height:auto;text-align:center;}
section.renkei div:nth-of-type(1) p.logo img{width:100%;height:auto;}
section.renkei div:nth-of-type(1) ul{width:calc(100% - 40px);height:auto;padding:25px 0px;margin:10px auto;position:relative;
	display:grid;grid-template-columns:repeat(1,1fr);gap:5px;}
section.renkei div:nth-of-type(1) ul::before {content:'';width:12px;height:100%;display:inline-block;background:#b2c2d0;position:absolute;top:0%;left:50%;}
section.renkei div:nth-of-type(1) ul li{width:100%;height:auto;background:#0a1d2d;color:#ffffff;padding:4px 0px 5px 0px;z-index:1;position:relative;}
/*===連携 右===*/
section.renkei div:nth-of-type(2) dl{width:100%;height:auto;
	display: grid;grid-template-columns: 110px minmax(0, 1fr);gap: 10px;}
section.renkei div:nth-of-type(2) dt{width:100%;height:auto;minw-dith:0;}
section.renkei div:nth-of-type(2) dt div.point{width:100%;height:auto;text-align:left;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
	-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
section.renkei div:nth-of-type(2) dt div.point p.en{display:inline-block;width:auto;height:auto;line-height:1;font-size:32px;margin:0px;}
section.renkei div:nth-of-type(2) dt div.point small{display:inline-block;width:auto;height:auto;line-height:1;font-size:20px;margin:0px;padding-right:4px;}
section.renkei div:nth-of-type(2) dd {width:100%;height:auto;minw-dith:0;}
section.renkei div:nth-of-type(2) dd h3{width:100%;height:auto;font-size:19px;color:#0077ae;text-align:left;}
section.renkei div:nth-of-type(2) dd p{width:100%;height:auto;text-align:left;padding-top:10px;padding-bottom:7px;}
section.renkei div:nth-of-type(2) dd p strong{color: #e00d49;font-weight:normal;}
	@media all and (max-width: 1024px) {
		section.renkei div:nth-of-type(1) p.logo img{width:72%;height:auto;}
		section.renkei div:nth-of-type(2) dl{display: grid;grid-template-columns: 100px minmax(0, 1fr);gap: 10px;padding-top:25px;}
		section.renkei div:nth-of-type(2) dt div.point p.en{font-size:29px;}
		section.renkei div:nth-of-type(2) dt div.point small{font-size:17px;}
		section.renkei div:nth-of-type(2) dd h3{font-size:16px;line-height:1.2;padding-top:4px;}
		section.renkei div:nth-of-type(2) dt div.point p.en{font-size:30px;}
	}


/*===機能===*/
section.function{width:100%;height:auto;padding:30px 0px;background:#0077ae;}
section.function div.function{width:calc(100% - 20px);height:auto;max-width:1200px;}
section.function h2{width:calc(100% - 20px);height:auto;color: #ffffff;font-size: 28px;line-height:1.3;}
section.function p.intro{width:calc(100% - 20px);height:auto;color: #fff09b;font-size: 17px;padding-top:5px;}
section.function ul{width:calc(100% - 20px);height:auto;max-width:1200px;padding-top:15px;
	display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
section.function ul li{width:100%;min-width:0;background:#ffffff;overflow:hidden;}
section.function ul li h3{width:100%;min-width:0;background:#0a1d2d;color:#ffffff;font-size:17px;line-height:1;padding:7px 0px 8px 0px;}
section.function ul li p{width:calc(100% - 20px);text-align:left;padding:10px 0px;}
section.function ul li p strong{color: #e00d49;font-weight:normal;}
	@media all and (max-width: 1024px) {
		section.function h2{font-size: 19px;}
		section.function p.intro{font-size: 14px;}
		section.function ul{display:grid;grid-template-columns:repeat(1,1fr);gap:10px;}
		section.function ul li h3{font-size:15px;}
	}


/*===スクリーンショット===*/
section.screenshot{width:calc(100% - 20px);height:auto;padding:30px 0px;}
section.screenshot img{width:100%;height:auto;}
	@media all and (max-width: 1024px) {
		section.screenshot img{width:90%;height:auto;}
	}


/*===料金===*/
section.fee{width:100%;height:auto;padding:30px 0px;background:#0077ae;}
section.fee p.logo{width:100%;height:auto;padding-bottom:10px;}
section.fee p.logo img{width:250px;height:auto;}
section.fee h2{width:calc(100% - 20px);height:auto;color: #ffffff;font-size: 28px;line-height:1.3;}
section.fee div.fee_box{width:calc(100% - 20px);height:auto;max-width:1200px;padding-top:15px;
	display: grid;grid-template-columns: 50% 25% 25%;gap: 1px;}
section.fee div.fee_box div{width:100%;min-width:0;background:#ffffff;padding:10px 0px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
	-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
section.fee div.fee_box div.thead{background:#efefef;}
section.fee div.fee_box div p.en{font-size:20px;}
section.fee div.fee_box div p.en small{font-size:16px;}
section.fee p.fee_bottom{width:100%;color:#fff09b;padding-top:15px;}
	@media all and (max-width: 1024px) {
		section.fee h2{font-size: 19px;}
		section.fee div.fee_box{display:grid;grid-template-columns:repeat(1,1fr);gap:0px;}
		section.fee div.fee_box div{padding:5px 0px;}
		.margin_plus{margin-top:15px;}
		section.fee div.fee_box div p{width:calc(100% - 20px);}
		section.fee p.fee_bottom{width:calc(100% - 20px);}
	}


/*===よくある質問===*/
section.faq{width:100%;height:auto;padding:30px 0px;max-width:1200px;}
section.faq h2{width:calc(100% - 20px);height:auto;font-size: 28px;line-height:1.3;}
dl.question{width:100%;height:auto;padding-top:20px;}
dl.question div:last-child{padding-bottom:0px;}
dl.question div{width:100%;height:auto;padding-bottom:25px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
dl.question dt{width:100%;height:auto;text-align:left;}
dl.question dd{width:100%;height:auto;text-align:left;margin-top:8px;margin-bottom:10px;}
dl.question dd:last-child{margin-bottom:0px;}
dl.question dt h3{width:100%;height:auto;line-height:1.5;color:#1c8578;padding-left:30px;position:relative;}
dl.question dt h3::before {content:'';width:25px;height:20px;display:inline-block;background:url(../img/common/q.webp) no-repeat;background-size:25px 20px;background-position:top left;position:absolute;top:-1px;left:0%;}
dl.question dd p{width:100%;height:auto;line-height:1.5;position:relative;padding-left:30px;}
dl.question dd p::before {content:'';width:25px;height:20px;display:inline-block;background:url(../img/common/a.webp) no-repeat;background-size:25px 20px;background-position:top left;position:absolute;top:-1px;left:0%;}
dl.question dd p a{color: #ff8500;text-decoration:underline;}
	@media all and (min-width: 1025px) {
		dl.question dd p a:hover{color: #129ab5;text-decoration:none;}
	}
	@media all and (max-width: 1024px) {
		section.faq h2{font-size: 19px;}
		dl.question{width:calc(100% - 20px);}
	}

/*===導入で店舗運営がこう変わる===*/
section.change{width:100%;height:auto;padding:30px 0px;background:#efefef;}
section.change div.change{width:calc(100% - 20px);max-width:1200px;}
section.change div.change p.logo{width:100%;height:auto;padding-bottom:10px;}
section.change div.change p.logo img{width:250px;height:auto;}
section.change h2{width:calc(100% - 20px);height:auto;font-size: 28px;line-height:1.3;}
section.change ul{width:calc(100% - 20px);height:auto;max-width:1200px;padding-top:25px;
	display:grid;grid-template-columns:repeat(4,1fr);gap:30px;}
section.change ul li{width:100%;min-width:0;background:#ffffff;overflow:hidden;}
section.change ul li h3{width:100%;min-width:0;background:#0a1d2d;color:#ffffff;font-size:15px;line-height:1;padding:7px 0px 8px 0px;}
section.change ul li p{width:calc(100% - 20px);text-align:left;padding:10px 0px;}
	@media all and (max-width: 1024px) {
		section.change h2{auto;font-size: 21px;line-height:1.2;}
		section.change ul{display:grid;grid-template-columns:repeat(1,1fr);gap:10px;}
	}



































/*===■フッター===*/
footer{width:100%;height:auto;background:#0a1d2d;}
footer p.logo{width:20%;height:auto;padding-top:30px;}
footer p.logo a{display:block;}
footer p.copy{width:100%;height:auto;color:#ffffff;padding-top:30px;padding-bottom:30px;}
footer p.copy a{color:#ffffff;}
	@media all and (max-width: 1024px) {
		footer p.logo{width:60%;}
		footer p.copy a{color:#ffffff;}
		footer p.copy{padding-bottom:80px;}
	}


/*===■フッターメニュー===*/
footer nav{width:100%;height:auto;padding:30px 0px;}
footer nav ul{width:100%;max-width:1200px;height:auto;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
	-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
footer nav li{width:auto;height:auto;margin:0px;}
footer nav li a{display:block;padding:4px 20px;}
footer nav li a:link{color:#ffffff;text-decoration:none;}
	@media all and (min-width: 1025px) {
		footer nav li a:visited{color:#ffffff;text-decoration:none;}
		footer nav li a:hover{color:#feb617;text-decoration:underline;}
		footer nav li a:active{color:#ffffff;text-decoration:none;}
	}
	@media all and (max-width: 1024px) {
		footer nav ul{-webkit-box-pack: justify;-webkit-justify-content space-between;-ms-flex-pack: justify;justify-content: space-between;}
		footer nav li{width:48%;margin:6px 0px;}
		footer nav li:nth-of-type(5){width:100%;}
		footer nav li:nth-of-type(6){width:100%;}
		footer nav li:nth-of-type(7){width:100%;}
		footer nav li:nth-of-type(8){width:100%;}
		footer nav li:nth-of-type(9){width:100%;}
		footer nav li:nth-of-type(10){width:100%;}
		footer nav li:nth-of-type(11){width:100%;}
		footer nav li:nth-child(odd){margin-left:0px;}
		footer nav li:nth-child(even){margin-right:0px;}
		footer nav li a{display:block;color:#ffffff;background:rgb(255,255,255,0.1);line-height:1;padding:10px 0px;}
	}

main{background:#ffffff;}

/*===■フッターメニュー===*/
footer dl{width:100%;max-width:1200px;height:auto;}
footer dl dt{width:100%;max-width:1200px;height:auto;color: #feb617;}
footer dl dd{width:100%;max-width:1200px;height:auto;color:#ffffff;padding-top:10px;}
footer dl dt:nth-of-type(2){padding-top:15px;}


/*===■お問い合わせ===*/
.recruit_box{width:100%;height:auto;background:#efefef;padding-top:40px;}
.recruit_box h2{width:100%;height:auto;font-size:21px;line-height:1;}
.contact_intro{padding:10px 0px 20px 0px;font-size:14px;}
dl.contact{width:calc(100% - 30px);padding-bottom:40px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
dl.contact div{width:31%;margin:0px 1%;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
dl.contact div dt{width:100%;}
dl.contact div dt h3{width:100%;font-size:13px;line-height:100%;padding:11px 0px;color:#ffffff;}
dl.contact div.tel dt h3{background:#95816f;box-shadow: 0 0 0 3px #95816f inset,0 0 0 4px rgb(255,255,255,0.2) inset;}
dl.contact div.mail dt h3{background:#129ab5;box-shadow: 0 0 0 3px #129ab5 inset,0 0 0 4px rgb(255,255,255,0.2) inset;}
dl.contact div.line dt h3{background:#06c152;box-shadow: 0 0 0 3px #06c152 inset,0 0 0 4px rgb(255,255,255,0.2) inset;}
dl.contact div dd {width:100%;}
dl.contact div dd.txt_limit{padding-top:8px;}
dl.contact div dd a span{font-size:20px;line-height:200%;}
dl.contact div.tel dd a , 
dl.contact div.tel dd 
	{color:#95816f;}
dl.contact div.tel dd a span:before{content:"";display:inline-block;width:34px;height:26px;background:url(../img/recruit/tel.png) no-repeat;background-size:28px 23px;background-position:50% 0%;vertical-align: text-bottom;}
dl.contact div.mail dd a , 
dl.contact div.mail dd 
	{color:#129ab5;}
dl.contact div.mail dd a span:before{content:"";display:inline-block;width:34px;height:26px;background:url(../img/recruit/mail.png) no-repeat;background-size:28px 23px;background-position:50% 0%;vertical-align: text-bottom;}
dl.contact div.line dd a , 
dl.contact div.line dd 
	{color:#06c152;}
dl.contact div.line dd a span:before{content:"";display:inline-block;width:34px;height:26px;background:url(../img/recruit/line.png) no-repeat;background-size:28px 23px;background-position:50% 0%;vertical-align: text-bottom;}
	@media all and (max-width: 1024px) {
		.recruit_box{padding-top:30px;}
		.recruit_box h2{font-size:19px;}
		dl.contact{padding-bottom:30px;}
		dl.contact div{width:100%;margin:0px auto;padding-bottom:15px;}
		dl.contact div:last-child{padding-bottom:0px;}
		.contact_intro{font-size:13px;width:calc(100% - 20px);}
		dl.contact div.mail dd a span:before{height:25px;}
		dl.contact div.line dd a span:before{height:25px;}
	}


/*===■求人ページ用フッター固定お問い合わせ===*/
@media all and (max-width: 1024px) {
	#footerMenu {width: 100%;height: 0px;position: fixed;z-index: 300;bottom:-50;overflow: none;left: 0;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;webkit-transition: all 0.4s ease-in-out;background:rgb(255,255,255,0.6);}
	#footerMenu.show {position: fixed;z-index: 300;bottom: 0;height:auto;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;}
	#footerMenu ul{width:calc(100% - 10px);height:auto;padding:5px 0px;
		display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
		-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
	#footerMenu a{display:block;}
	#footerMenu p{padding:4px 0px;}
	#footerMenu a span{display:inline-block;padding:6px 0px;color:#ffffff;font-size:14px;line-height:180%;}
	#footerMenu ul.navigation.one li{width:100%;}
	#footerMenu ul.navigation.two li{width:48%;}
	#footerMenu ul.navigation.three li{width:32%;}
	#footerMenu ul li.tel{background: linear-gradient(to bottom,  #95816f 0%,#79695b 100%);box-shadow: 0 0 0 1px #79695b inset, 0 0 0 2px #95816f inset;}
	#footerMenu ul li.mail{background: linear-gradient(to bottom,  #00c0ef 0%,#00add7 100%);box-shadow: 0 0 0 1px #00add7 inset, 0 0 0 2px #00c0ef inset;}
	#footerMenu ul li.line{background: linear-gradient(to bottom,  #06c152 0%,#03a746 100%);box-shadow: 0 0 0 1px #03a746 inset, 0 0 0 2px #06c152 inset;}
	#footerMenu ul li.tel a span{background:url(../img/footer/tel.png) no-repeat;background-size:auto 20px;background-position:0% 50%;padding-left:23px;}
	#footerMenu ul li.mail a span{background:url(../img/footer/mail.png) no-repeat;background-size:auto 20px;background-position:0% 50%;padding-left:27px;}
	#footerMenu ul li.line a span{background:url(../img/footer/line.png) no-repeat;background-size:auto 20px;background-position:0% 50%;padding-left:27px;}
	@media all and (max-width: 320px) {

	}
}



/*===clearfix===*/
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}