/* =======================================
	ClearFixElements
======================================= */

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

.clearfix {
	display: inline-block;
	overflow: hidden;
}

.batsu {
  display: inline-block;
  top:5px;
  width: 20px;
  height: 20px;
  position: relative;
  border: none;
  cursor: pointer;
}
.batsu span::before,
.batsu span::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 84%;
  height: 16%;
  margin: -8% 0 0 -42%;
  background: rgb(50, 50, 50);
}
.batsu span::before {
  transform: rotate(-45deg);
}
.batsu span::after {
  transform: rotate(45deg);
}

.kadomaru {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.copy {display:block; text-align:center;margin:5px;}

.container {
  max-width: none !important;
  width: 870px;
}

.site-main{  max-width: none !important;min-width: 1200px;}
body{min-width:1092px;}


.toggle-menu {
  width: 40px;
  height: 40px;
  float: right;
  margin-top: 3px;
  margin-right: 30px;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  background: #FFF; /*?*/
  display: inline-block;
  color: #006; /*?*/
  cursor:pointer;
}

i.fa{margin-top:4px; font-weight:normal;font-size:18px}

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

.copy {text-align:center;}

.container {max-width: 100% !important; width: 100%;}
.site-main{ min-width: 100%!important;width: 100%;}
body{min-width:100%;width:100%;}
.content-section{padding:0 10px;}


}

/*footer*/
.f-logo-box{float:left;font-size:16px;margin-right:50px;width:500px}
.f-logo{margin-top:-4px;margin-left:-10px;margin-right:25px;float:left;width:172px;height:121px}

@media screen and (max-width: 481px) {
.f-logo-box{float:none;font-size:16px;margin:0 auto; text-align:center;width:100%;padding:0 0 0 10px;}
.f-logo{margin:0 auto;float:none;width:240px;height:inherit;margin-top:-10px;margin-bottom:15px;}
}

  
@media screen and (min-width: 482px) {
.p{ display:inline}
.m{ display:none}
}

@media screen and (max-width: 481px) {
.p{ display:none}
.m{ display:inline;}
}


@media print {
.p{ display:inline}
.m{ display:none;}
#rc_rightArea1 > a.rc_right1{ display:none}

.main-header {
  position:relative;
  margin-bottom:-125px
  }

body {
	width: 1200px;
	transform: scale(0.9);
	transform-origin: 0 0;
}

.visible-xs {display: none !important;}
.hidden-xs {display: inline-block !important;}

}