@charset "UTF-8";

/*------------------------------------------------

 style.css [lalaport]
 
 Copyright (C) SATOBLDG.
 
 individual layout
------------------------------------------------*/

/* home
================================================================================*/
/* mainArea
------------------------------------------------*/
.home .mainArea {
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex;
	margin: 0 0 20px;
	padding: 0 10px 0 40px;
}
.home .mainArea .mainAreaL {
	-ms-flex: 1 0 0; /*IE10*/
	-webkit-flex: 1 0 0; /*PC-Safari,iOS8.4*/
	flex: 1 0 0;
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex;
	-ms-flex-flow: column; /*IE10*/
	-webkit-flex-flow: column; /*PC-Safari,iOS8.4*/
	flex-flow: column;
	-ms-flex-pack: justify; /*IE10*/
	-webkit-justify-content: space-between; /*PC-Safari,iOS8.4*/
	justify-content: space-between;
}

/* topics */
.home .mainArea .topics h2 {
	margin: 0 0 20px;
}
.home .mainArea .topics ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1.4rem;
}
.home .mainArea .topicsl li.squareList {
	margin: 0 0 15px;
}

/* slider */
.home .mainArea .flexslider {
	width: 570px;
}
.home .mainArea .slides {
	list-style: none;
	width: 570px;
	height: 380px;
	margin: 0;
	padding: 0;
}
.home .mainArea .slides li {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	line-height:0;
  overflow:hidden;
}
/*.home .mainArea .slides li:after {
	content:"";
	position:absolute;
	top:0; right:0; bottom:0; left:0;
	box-shadow: 0 0 0 2px #000 inset;
}
.home .mainArea .slides li img {
	z-index: -1;
	position: relative;
}*/

/* outline
------------------------------------------------*/
.areaA.outline h1 {
	margin: 0 0 50px;
	font-size: 3.0rem;
}
.areaA.outline h1 .shoulder {
	display: block;
	margin: 0 0 10px;
	font-size: 1.6rem;
}

/* feature
------------------------------------------------*/
.feature {
	margin-bottom: 20px;
	/* padding-top: 30px; */
}
.feature .col {
	margin: 0 0 0 -30px;
}

/* invited
------------------------------------------------*/
.invited .flexbox {
	-ms-flex-align: start; /*IE10*/
	-webkit-align-items:start; /*PC-Safari,iOS8.4*/
	align-items: flex-start;
}
.invited .flexbox div {
	-ms-flex: 1 0 auto; /*IE10*/
	-webkit-flex: 1 1 auto; /*PC-Safari,iOS8.4*/
	flex: 1 1 0;
}
.invited .creators span {
	display: inline-block;
	font-size: 1.4rem;
}
.invited .flexbox img {
	width: 230px;
	margin: 0 0 0 10px;
}

/* schedule
------------------------------------------------*/
.schedule dl {
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex;
	-ms-flex-pack: justify; /*IE10*/
	-webkit-justify-content: space-between; /*PC-Safari,iOS8.4*/
	justify-content: space-between;
	-ms-flex-wrap: wrap;  /*IE10*/
	-webkit-flex-wrap: wrap; /*PC-Safari,iOS8.4*/
	flex-flow: wrap;
}
.schedule dt {
	width: 30%;
	font-weight: 400;
}
.schedule dd {
	width: 68%;
	margin: 0 0 10px;
}

/* floorGuide
------------------------------------------------*/
.floorGuide {
	margin-bottom: 20px;
}
.floorGuideFigure {
	width: 810px;
	margin: 0 0 70px -30px;
	text-align: center;
}
.floorGuideFigure img {
	display: inline-block;
	margin: 0 0 20px;
}
.floorGuideFigure .col {
	margin: 0 0 0 -30px;
}

/* floor ditail */
.floorGuide .areaB {
	display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
  -ms-flex-pack: justify; /*IE10*/
  -webkit-justify-content: space-between; /*PC-Safari,iOS8.4*/
	justify-content: space-between;
	-ms-flex-align: start; /*IE10*/
	-webkit-align-items:start; /*PC-Safari,iOS8.4*/
	align-items: flex-start;
	width: 830px;
	margin-left: -30px;
}
.floorGuide .areaB .floorFig {
	display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
  -ms-flex-pack: justify; /*IE10*/
  -webkit-justify-content: space-between; /*PC-Safari,iOS8.4*/
	justify-content: space-between;
	list-style: none;
	width: 535px;
	margin: 0;
	padding: 0;
}
.floorGuide .areaB.floor2 .floorFig {
	-ms-flex-wrap: wrap; /*IE10*/
	-webkit-flex-wrap: wrap; /*PC-Safari,iOS8.4*/
	flex-flow: wrap;
	margin-top: -15px;
}
.floorGuide .areaB .floorFig .floorSpaceFig {
	position: relative;
	width: 535px;
	height: 84px;
	border: 1px solid #000;
	margin: 0;
	padding: 0;
}
.floorGuide .areaB.floor2 .floorFig .floorSpaceFig {
	margin: 15px 0 0;
}
.floorGuide .areaB.floor2 .floorFig .floorSpaceFig.floorSpaceFigS {
	width: 260px;
}
.floorGuide .areaB.floor2 .floorFig .floorSpaceFig.floorSpaceImgS {
	width: 260px;
	height: auto;
	border: none;
}

.floorGuide .areaB .floorFig .floorSpaceFig .floorNum {
	position: absolute;
	bottom: 7px;
	right: 7px;
	margin: 0;
	color: #cbcbcb;
	text-align: right;
}
.floorGuide .areaB .floorFig .floorSpaceFig .spaceNameShoulder {
	position: absolute;
	top: 7px;
	left: 7px;
	margin: 0;
}
.floorGuide .areaB .floorFig .floorSpaceFig .spaceName {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 2.2rem;
}
.floorGuide .areaB .floorText {
	width: 260px;
	font-size: 1.3rem;
}
.floorGuide .areaB .floorText p:not(:last-child){
	margin-bottom: 10px;
	letter-spacing: -1px;
}

/* contactArea
------------------------------------------------*/
.contactArea {
	/* margin-bottom: 45px; */
	margin-bottom: 0;
	padding-left: 10px;
	text-align: center;
}
.contactArea h2 {
	width: 535px;
	height: 84px;
	margin: 0 auto 40px;
}
.contactArea h2 a {
	display: block;
	border: 1px solid #000;
	background: #000;
	color: #fff;
	font-size: 2.4rem;
	line-height: 80px;
}
.contactArea h2 a:link,
.contactArea h2 a:visited {
	text-decoration: none;
}
.contactArea h2 a:hover,
.contactArea h2 a:active {
	background: #fff;
	color: #000;
}
.contactArea .tel {
	margin: 0 0 10px;
	font-size: 2.8rem;
}
.contactArea .project {
	font-size: 1.8rem;
}
.contactArea .project span {
	display: block;
	margin: 0;
	color: #666;
	font-size: 1.2rem;
}
.contactArea .project a:link,
.contactArea .project a:visited {
	text-decoration: none;
}


/* cotact
================================================================================*/
.form #main {
	margin: 30px auto 50px;
	padding: 0;
}

/* title
------------------------------------------------*/
.form .title {
	margin: 0 0 50px;
	font-size: 3.0rem;
	text-align: center;
}

/* input area
------------------------------------------------*/
.form .inputArea {
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
  -ms-flex-pack: justify; /*IE10*/
  -webkit-justify-content: space-between; /*PC-Safari,iOS8.4*/
	justify-content: space-between;
	-ms-flex-wrap: wrap;     /*IE10*/
	-webkit-flex-wrap :wrap; /*PC-Safari,iOS8.4*/
	flex-wrap: wrap;
	padding: 0 10px;
	border-bottom: 1px solid #ccc;
}
.form .inputArea dt {
	position: relative;
	width: 230px;
	margin: 0;
	padding: 15px 30px 0 10px;
	border-top: 1px solid #ccc;
	color: #000;
	font-weight: 400;
}
.form .inputArea dt span {
	position: absolute;
	top: 18px;
	right: 30px;
	color: #666;
	font-size: 1.1rem;
}
.form .inputArea dd {
	width: 580px;
	margin: 0;
	padding: 15px 20px;
	border-top: 1px solid #ccc;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic",  "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, "メイリオ", Meiryo, sans-serif;
}
.form .inputArea dd .note {
	color: #666;
	font-size: 1.4rem;
}
.form option {
	padding-left: 5px;
}
.form input,
.form select {
	vertical-align: 0;
}
.form input[type="text"]:focus,
.form textarea:focus {
	background: #f6f6f6;
}
.form select { 
	padding: 10px 4px;
	border: 1px solid #000;
	font-size: 1.4rem !important;
}
.form label {
	display: inline-block;
	margin: 0 0 10px;
	cursor: pointer;
}
.form input[type="text"],
.form input[type="email"],
fieldset select,
fieldset textarea {
	width: 550px;
	padding: 10px 4px;
	border: 1px solid #000;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic",  "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, "メイリオ", Meiryo, sans-serif;
	font-size: 1.4rem !important;
	line-height: 1.5;
}
.form input[type="text"]#post,
.form input[type="text"]#post_real {
	width: 120px;
}
.form input[type="text"].short {
	width: 200px;
}
.form input[type="text"].num {
	width: 70px;
}
.form input[type="checkbox"] {
	color: #000;
}
.form .enquete {
	padding: 30px;
	background: #f6f6f6;
	text-align: center;
	border-radius: 8px;
}
.form .agreement {
	padding: 30px;
	background: #fae900;
	font-size: 1.8rem;
	text-align: center;
	border-radius: 8px;
}
.form .btnArea {
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
  -ms-flex-pack: center; /*IE10*/
  -webkit-justify-content: center; /*PC-Safari,iOS8.4*/
	justify-content: center;
	margin: 30px 0 0;
	padding: 0;
}
.form input[type="submit"] {
	display: inline-block;
	margin: 0 10px;
  padding: 20px 48px 20px 48px;
  border: none;
	background: #000;
	color: #fff;
	font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 2.4rem;
	text-align: center;
	text-decoration: none;
	letter-spacing: 0;
	border-radius: 0;
	cursor: pointer;
	transition: all .5s ease;
}
.form input[type="submit"]:hover {
  background: #444;
}
.form input[type="submit"].correct {
	padding: 20px 30px 20px 30px;
  background: #999;
}
.form input[type="submit"].correct:hover {
  background: #999;
  opacity: 0.7;
}

.form input[type="submit"].back {
	padding: 0 30px 0 30px;
	background: #999;
}
.form input[type="submit"].back:hover {
  background: #aaa;
}
.errorList {
	margin: 0 0 30px;
	color: #c00;
}


:placeholder-shown {
	color: #999;
}
/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
	color: #999;
}
/* Firefox 18- */
:-moz-placeholder {
	color: #999;
	opacity: 1;
}
/* Firefox 19+ */
::-moz-placeholder {
	color: #999;
	opacity: 1;
}
/* IE 10+ */
:-ms-input-placeholder {
	color: #999;
}


/* error
------------------------------------------------*/
.errorList {
	margin: 0 0 30px;
	color: #c00;
}
.errorList p em {
	font-weight: bold;
	color: #c00;
	font-size: 1.8rem;
}
.inputArea em,
.agreement em {
	color: #c00;
	font-size: 1.4rem;
}


/* lead
------------------------------------------------*/
.form .lead {
	padding: 50px 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.form .lead h2 {
	margin: 0 0 50px;
	font-size: 2.4rem;
}