@charset "UTF-8";
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix:before {
　content: "";
	display: block;
	clear: both;
}
.clearfix {
	display: block;
}

/*///*/
.h_bar {
  display: none;
}

/*///*/
#mainArea {
	letter-spacing: 0;
  line-height: 2;
  overflow: hidden;
  margin: 0 auto;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
	font-size: 1.3rem;
}

/*///*/
.bnr {
	width: 900px;
	margin: 0 auto;
}

/*///*/
.fabric {
	padding: 4em 0;
	text-align: center;
}
.fabric p.title {
	margin-bottom: 0.5em;
  font-size: 3.9rem;
  font-weight: 600;
  font-family: futura-pt, sans-serif;
	color: #000;
}
.fabric p {
	margin: 2em 0;
}

/*///*/
section {
	width: 860px;
  margin: 0 auto 4em;
}
.itemTitle {
	margin-bottom: 0.5em;
	text-align: center;
  font-size: 3.9rem;
  font-weight: 600;
  font-family: futura-pt, sans-serif;
	color: #000;
}
.itemArea {
	width: 50%;
	display: inline-block;
	vertical-align: middle;
}
.slideArea {
  padding: 0 0 0 3em;
}
.subTitle {
	width: 10%;
	float: right;
}
.slide-items__wrap {
	width: 90%;
	float: right;
}
.bx-prev, 
.bx-next {
	display: none;
}
.bx-wrapper {
	-moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff !important;
	border: 1px solid #000 !important;
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000 !important;
}

/*///*/
.textArea {
	width: 48%;
	display: inline-block;
	vertical-align: middle;
}
.commentArea {
	width: 80%;
	margin: 0 auto 2em;
	text-align: justify;
}

/*///*/
.crditArea {
	width: 80%;
	margin: 0 auto 2em;
}
.crdit {
	margin-bottom: 15px;
}
.crdit p {
	width: 78%;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.6;
  font-weight: 600;
}
.crdit p span {
  font-family: futura-pt, sans-serif;
}
.button {
  display: inline-block;
  vertical-align: middle;
}
.button a {
	background: #000;
	border: 1px solid #000;
	padding: 7px 14px;
	text-decoration: none;
  font-size: 1.6rem;
  font-weight: 600;
  font-family: futura-pt, sans-serif;
	color: #fff;
	transition: 1s;
}
.button a:hover {
	background: #fff;
	border: 1px solid #000;
	color: #000;
	transition: 0.3s;
}

/*///*/
.main-item01, 
.main-item02, 
.main-item03 {
	position: relative;
	margin: 4em auto;
	width: 900px;
}
.main-item01 .crdit, 
.main-item02 .crdit, 
.main-item03 .crdit {
	position: absolute;
	top: 50%;
	left: 15%;
}
.main-item01 .crdit p, 
.main-item02 .crdit p, 
.main-item03 .crdit p {
	margin-bottom: 1em;
}
.main-item03 .bx-wrapper .bx-pager {
	display: none;
}

/*///*/
.block {
	opacity: 0;
	transition: all 2s;
}
.fadeIn {
  opacity: 1;
}