@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url('https://fonts.googleapis.com/css?family=Sawarabi+Mincho&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Amiri');

.editableArea,
.global{
  background: #1e1e21;
}

.mainWrapper{
  width:920px;
  margin:0 auto;
  overflow:hidden;
}

.lead{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 55px;
}

.lead .discription {
  padding-left: 25px;
  margin-left: 29px;
  font-family: 'Amiri', serif;
  color: #fff;
  font-size: 17px;
  line-height: 1.4;
  border-left: 2px solid #fff;
}

.hidden {
    display: none;
}

.fancybox-overlay{
  background: rgba(0, 0, 0, 0.6)
}

.fancybox-opened .fancybox-skin{
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-skin{
  background: none;
}

.fancybox-close{
  background-image: url(../img/fancybox_sprite.png);
  background-size: 60px;
  width: 60px;
  height: 60px;
  top: -30px;
  right: -30px;
}

.fancybox-nav span{
  top: 50%;
}

.fancybox-prev,.fancybox-next{
  height: 100%;
}

.fancybox-prev{
  left: 0;
}

.fancybox-next{
  right: 0;
}

.discriptionImg{
  flex: 1 1 545px;
  display: block!important;
}

.discriptionImg:first-child{
  margin-right: 9px;
}

.pageLead,
.pageTitle {
  font-family: "Sawarabi Mincho";
  color: #fff;
  box-sizing: border-box;
}

.pageLead h1 {
  padding-left: 21px;
  margin-bottom: 18px;
  font-size: 21px;
  letter-spacing: 0.1em;
}

.pageLead p {
  padding-left: 21px;
  font-size: 17px;
  line-height: 1.8;
  /* text-align: justify;
  text-align-last: justify; */
}

.pageTitle {
  padding-bottom: 17px;
  margin-bottom: 128px;
  font-size: 21px;
  line-height: 1;
  letter-spacing: 0.075em;
  border-bottom: 1px solid #fff;
}

/* KV
------------------------------------------------------------- */
img{
	vertical-align:bottom;
}

.KV,
.banner{
	position:relative;
	width:100%;
  margin-bottom: 9px;
}

.KV img,
.banner img{
	width:100%;
	height:auto;
}

.banner{
  display: flex;
  justify-content: flex-start;
  /* flex-wrap: wrap; */
  margin-bottom: 115px;
}

.banner a{
  flex-basis: 50%;
  max-width: 50%;
  box-sizing: border-box;
}

.banner a:first-child{
  padding-right: 4px;
}

.banner a:last-child{
  padding-left: 4px;
}

/* PATTERNS
------------------------------------------------------------- */
.patternThumbs{
	margin:0 0 80px;
}

.patternThumbs .title{
	width:100%;
	letter-spacing:normal;
	text-align:center;
	margin:0 0 20px;
}

ul.otherThumbs{
	letter-spacing:-0.4em;
	margin:0 auto;
}

ul.otherThumbs li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:127px;
	letter-spacing:normal;
	vertical-align:top;
	margin:0 31px 20px 0;
}

ul.otherThumbs li:nth-child(6n){
	margin:0 0 20px 0;
}

ul.otherThumbs li .caption{
  font-family: 'Noto Sans Japanese', sans-serif;
  color: #fff;
  text-align: center;
	display:block;
	font-size: 10px;
	line-height:1.4;
	margin:4px 0 0;
}

ul.otherThumbs li .caption strong{
	display:block;
	font-size:17px;
  font-weight: normal;
  font-family: 'Amiri', serif;
}

.concept{
  margin-bottom: 10px;
}

.concept ul.otherThumbs li{
	width:285px;
	margin:0 32px 0 0;
}

.concept ul.otherThumbs li:first-child{
  width: 280px;
  margin: 0 38px 0 0;
}

.concept ul.otherThumbs li:last-child {
  margin: 0;
}

.c-flexbox {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.c-flexbox__item {
  flex-basis: 50%;
  max-width: 50%;
  box-sizing: border-box;
}

.c-flexbox__item ul.otherThumbs li{
  margin:0 31px 5px 0;
}

.c-flexbox__item ul.otherThumbs li:nth-child(3n){
	margin:0 0 5px 0;
}

/* FOOTER
------------------------------------------------------------- */
footer.global .totop {
  width: 920px;
}

.contactArea {
  margin-top: 0;
}