@charset "utf-8";
/*
 * =======================================================
 *
 * [home]
 *
 * =======================================================
 */

/**
 * ---------------------------------------------------
 * profile
 * ---------------------------------------------------
 */
#profile {
	margin-bottom: 60px;
}
	#profile .inner {
		width: 1000px;
		margin: 0 auto;
	}
	#profile .aboutWrap {
		margin-bottom: 36px;
	}
		#profile .aboutWrap figure {
			float: left;
			width: 192px;
		}
		#profile .aboutWrap article {
			float: right;
			width: 772px;
		}
			#profile .aboutWrap article .aboutHead {
				background-color: #f2f2f2;
				padding: 16px 20px;
				margin-bottom: 14px;
			}
				#profile .aboutWrap article .aboutHead h3 {
					font-size: 1.9rem;
					font-weight: bold;
				}
					#profile .aboutWrap article .aboutHead h3 span {
						font-size: 1.4rem;
					}
				#profile .aboutWrap article .aboutHead p {
					font-size: 1.2rem;
				}
	#profile .actionWrap {
		margin-bottom: 65px;
	}
		#profile .actionWrap ul {
			font-size: 0;
		}
			#profile .actionWrap ul li {
				display: inline-block;
				height: 224px;
				color: #fff;
				background-color: #133460;
				font-size: 1.4rem;
				vertical-align: top;
			}
			#profile .actionWrap ul li:first-child {
				width: 280px;
				padding: 80px 30px;
			}
				#profile .actionWrap ul li img {
					width: 360px;
				}
	#profile .historyWrap {}
		#profile .historyWrap .awards {
			width: 480px;
			float: left;
		}
		#profile .historyWrap .press {
			width: 480px;
			float: right;
		}
			#profile .historyWrap h3 {
				font-size: 1.9rem;
				font-weight: bold;
				border-bottom: 1px solid #000;
				padding-bottom: 15px;
				margin-bottom: 20px;
			}
			#profile .historyWrap dl {
				font-size: 1.3rem;
			}
				#profile .historyWrap dl dt {
					float: left;
					width: 20%;
					margin: 0 0 10px 0;
					vertical-align: top;
					clear: both;
				}
				#profile .historyWrap dl dd {
					float: right;
					width: 78%;
					margin: 0 0 10px 0;
				}
/**
 * ---------------------------------------------------
 * information
 * ---------------------------------------------------
 */
#information {
	margin-bottom: 120px;
}
	#information .infoShow {
		background-image: url(../../images/content/home/information_back.jpg);
		background-position: center center;
		background-size: cover;
		padding: 60px 0 60px 0;
		margin-bottom: -40px;
	}
		#information .infoShow .inner {
			width: 1000px;
			margin: 0 auto;
		}
		#information .infoShow dl {
			width: 100%;
		}
			#information .infoShow dl dt {
				width: 120px;
				padding: 15px 0;
				float: left;
				clear: both;
			}
			#information .infoShow dl dd {
				margin: 0;
				padding: 15px 0 15px 120px;
				border-bottom: 1px solid #fff;
			}
	#information .infoHide {}
		#information .infoHide .accBtn {
			width: 100%;
			position: relative;
			text-align: center;
			font-size: 0;
			cursor: pointer;
			z-index: 50;
		}
			#information .infoHide .accBtn:after {
				content: '';
				display: block;
				width: 46px;
				height: 26px;
				margin: 0 auto;
				background-image: url(../../images/content/home/moreBtn.png);
			}
				#information .infoHide .accBtn.open:after {
					background-image: url(../../images/content/home/closeBtn.png);
				}
		#information .infoHide .accInner {
			padding: 60px 0 40px 0;
			margin-top: -40px;
			background-color: #e1f3f3;
		}
			#information .infoHide .accInner .inner {
				width: 1000px;
				margin: 0 auto;
			}
			#information .infoHide .accInner dl {
				width: 100%;
			}
				#information .infoHide .accInner dl dt {
					width: 120px;
					padding: 15px 0;
					float: left;
					clear: both;
				}
				#information .infoHide .accInner dl dd {
					margin: 0;
					padding: 15px 0 15px 120px;
					border-bottom: 1px solid #fff;
				}
/**
 * ---------------------------------------------------
 * journey
 * ---------------------------------------------------
 */
#journey {
	margin-bottom: 80px;
}
	#journey .inner {
		width: 1000px;
		margin: 0 auto;
	}
	#journey p {
		margin-bottom: 70px;
	}
	#journey ul {
		width: 844px;
		margin: 0 auto;
		font-size: 0;
	}
		#journey ul li {
			width: 398px;
			display: inline-block;
			margin-right: 48px;
			vertical-align: top;
			margin-bottom: 25px;
		}
		#journey ul li:nth-child(2n) {
			margin-right: 0;
		}
			#journey ul li figure {}
				#journey ul li figure img {
					margin-bottom: 10px;
				}
					#journey ul li figure figcaption {
						font-size: 1.3rem;
					}
/**
 * ---------------------------------------------------
 * gallery
 * ---------------------------------------------------
 */
#gallery {}
	#gallery .inner {
		width: 1000px;
		margin: 0 auto;
	}
	#gallery .galleryWrap {
		margin-bottom: 100px;
	}
		#gallery .galleryWrap h3 {
			text-align: center;
			font-size: 1.6rem;
			font-weight: bold;
			margin-bottom: 36px;
		}
		#gallery .galleryWrap ul {
			font-size: 0;
		}
			#gallery .galleryWrap ul li {
				width: 229px;
				display: inline-block;
				margin: 0 28px 0 0;
				vertical-align: top;
			}
			#gallery .galleryWrap ul li:nth-child(4n) {
				margin-right: 0;
			}
				#gallery .galleryWrap ul li figure {
					width: 100%;
					position: relative;
					border: 1px solid #d7d7d7;
					margin-bottom: 7px;
				}
					#gallery .galleryWrap ul li figure:before {
						content:"";
						display: block;
						padding-top: 121%;
					}
						/*#gallery .galleryWrap ul li figure.sold:after {
							content: 'SOLD';
							font-size: 1.3rem;
							font-weight: bold;
							text-align: center;
							display: block;
							position: absolute;
							top: 0;
							right: 10px;
							color: #fff;
							background-color: #d71b16;
							padding-top: 9px;
							width: 48px;
							height: 48px;
						}*/
					#gallery .galleryWrap ul li figure img {
						max-width: 100%;
						max-height: 100%;
						position: absolute;
						top: 0;
						left: 0;
						bottom: 0;
						right: 0;
						margin: auto;
						-ms-transform-origin: 50% 50%;
						transform-origin: 50% 50%;
						-ms-transition: Transform .2s ease-in-out;
						transition: Transform .2s ease-in-out;
					}
					#gallery .galleryWrap ul li figure img.left {
						-ms-transform-origin: 0 50%;
						transform-origin: 0 50%;
					}
					#gallery .galleryWrap ul li figure img.right {
						-ms-transform-origin: 100% 50%;
						transform-origin: 100% 50%;
					}
					#gallery .galleryWrap ul li figure img.active {
						-ms-transform: scale(2.0);
						transform: scale(2.0);
						z-index: 2;
					}
				#gallery .galleryWrap ul li p {
					font-size: 1.3rem;
				}
					#gallery .galleryWrap ul li.sold p:before {
						content: '[SOLD]';
						display: inline-block;
						color: #de1c24;
						margin-right: 5px;
					}
/**
 * ---------------------------------------------------
 * vanessashop
 * ---------------------------------------------------
 */
.vanessashopbanner {
    text-align: center;
    margin: -5px auto 160px;
}
.vanessashop {
    background: url("images/content/home/shop1c_pc.jpg") no-repeat;
}
 
.vanessashop a {
    display: inline-block;
}
 
.vanessashop3 a:hover {
	background-color: transparent; /* IE6対応 */
}
 
/*.vanessashop a:hover img {
    visibility: hidden;
}*/


/**
 * ---------------------------------------------------
 * contact
 * ---------------------------------------------------
 */
#contact {
	background-image: url(../../images/content/home/contact_back.jpg);
	background-size: cover;
	padding: 60px 0 75px;
}
	#contact .inner {
		width: 1000px;
		margin: 0 auto;
	}
	#contact .formWrap {}
		#contact .formWrap .formMain {}
			#contact .formWrap .formMain .formItem {
				margin-bottom: 32px;
			}
				#contact .formWrap .formMain .formItem dt {
					display: table-cell;
					vertical-align: top;
					width: 180px;
					padding: 10px 15px 10px 0;
					font-size: 1.4rem;
				}
					#contact .formWrap .formMain .formItem dt em {
						font-style: normal;
						font-weight: bold;
						float: right;
						color: #fff;
						background-color: #de1c24;
						padding: 2px 5px;
						font-size: 1.2rem;
					}
				#contact .formWrap .formMain .formItem dd {
					display: table-cell;
					width: 820px;
				}
					#contact .formWrap .formMain .formItem dd .formText {
						width: 540px;
						padding: 10px;
					}
					#contact .formWrap .formMain .formItem dd .formArea {
						width: 100%;
						height: 170px;
						padding: 10px;
					}
		#contact .formWrap .formSubmit {}
			#contact .formWrap .formSubmit .submitBtn {
				display: block;
				width: 260px;
				padding: 16px 0;
				margin: 0 auto;
				text-align: center;
				font-weight: bold;
				font-size: 1.4rem;
				color: #fff;
				background-color: #000;
				border: 0;
				font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
				cursor: pointer;
				box-shadow: 0px 4px 3px rgba(0,0,0,0.25);
			}
.formErrVox {
	background-color: #FFFFFF;
	margin-bottom: 30px;
}
body.checked .formSubmit {
	text-align: center;
}
	body.checked .formSubmit .formItem {
		display: inline-block;
		margin: 0 1em;
	}
/**
 ****************************************************
 *
 * screens larger than 768
 *
 ****************************************************
 */
@media only screen and (min-width: 768px) 
{
img.pc { display: block!important; 
    margin: 0 auto;
}
img.sp { display: none!important; 
    margin: 0 auto;
}

}
/**
 ****************************************************
 *
 * screens smaller than 768
 *
 ****************************************************
 */
@media screen and (max-width: 768px) and (orientation:portrait) {

}
/**
 ****************************************************
 *
 * screens smaller than 768
 *
 ****************************************************
 */
@media only screen and (max-width: 767px) {

	/**
	 * ----------------------------------------------
	 * profile
	 * ----------------------------------------------
	 */
	#profile {}
		#profile .inner {
			width: 94%;
		}
			#profile .aboutWrap figure {
				width: 40%;
				float: none;
				margin: 0 auto 30px;
			}
			#profile .aboutWrap article {
				width: 100%;
				float: none;
			}
				#profile .aboutWrap article .aboutHead {

				}
					#profile .aboutWrap article .aboutHead h3 {
						font-size: 1.8rem;
					}
						#profile .aboutWrap article .aboutHead h3 span {
							font-size: 1.3rem;
						}
			#profile .actionWrap ul {
				width: 80%;
				margin: 0 auto;
			}
				#profile .actionWrap ul li,
				#profile .actionWrap ul li:first-child {
					width: 100%;
					height: auto;
				}
				#profile .actionWrap ul li:first-child {
					padding: 20px;
				}
					#profile .actionWrap ul li img {
						width: 100%;
					}
			#profile .historyWrap {}
				#profile .historyWrap .awards,
				#profile .historyWrap .press {
					float: none;
					width: 100%;
				}
				#profile .historyWrap .awards {
					margin-bottom: 25px;
				}
				#profile .historyWrap dl dt {
					width: 25%;
				}
				#profile .historyWrap dl dd {
					width: 75%;
				}

	/**
	 * ----------------------------------------------
	 * information
	 * ----------------------------------------------
	 */
	#information .infoShow .inner {
		width: 94%;
	}
		#information .infoShow dl dt {
			width: 100%;
			padding: 20px 0 10px 0;
			float: none;
		}
		#information .infoShow dl dd {
			width: 100%;
			padding: 0 0 15px 0;
		}
	#information .infoHide .accInner .inner {
		width: 94%;
	}
		#information .infoHide .accInner dl dt {
			width: 100%;
			padding: 20px 0 10px 0;
			float: none;
		}
		#information .infoHide .accInner dl dd {
			width: 100%;
			padding: 0 0 15px 0;
		}
	/**
	 * ----------------------------------------------
	 * journey
	 * ----------------------------------------------
	 */
	#journey .inner {
		width: 94%;
	}
		#journey ul {
			width: 70%;
		}
			#journey ul li {
				width: 100%;
				margin: 0 auto 20px;
			}
	/**
	 * ----------------------------------------------
	 * gallery
	 * ----------------------------------------------
	 */
	#gallery .inner {
		width: 94%;
	}
		#journey p {
			margin-bottom: 50px;
		}
		#gallery .galleryWrap {
			margin-bottom: 50px;
		}
			#gallery .galleryWrap h3 {
				margin-bottom: 28px;
			}
			#gallery .galleryWrap ul li {
				width: 48%;
				margin: 0 4% 20px 0;
			}
				#gallery .galleryWrap ul li:nth-child(2n) {
					margin-right: 0;
				}
					#gallery .galleryWrap ul li figure {}
						#gallery .galleryWrap ul li figure img {
							/* transition: none; */
						}
						#gallery .galleryWrap ul li figure img:hover {
							/* transform: none; */

						}
	/**
	 * ----------------------------------------------
	 * vanessashop
	 * ----------------------------------------------
	 */
img.pc { display: none!important; 
    margin: 0 auto;
}
img.sp { display: block!important; 
    margin: -45px auto -130px auto ;
    padding: 10px;
}
	/**
	 * ----------------------------------------------
	 * contact
	 * ----------------------------------------------
	 */
	#contact {
		padding: 50px 0 50px;
	}
		#contact .inner {
			width: 94%;
		}
			#contact .formWrap .formMain .formItem {
				    margin-bottom: 16px;
			}
				#contact .formWrap .formMain .formItem dt {
					width: 100%;
					display: block;
				}
					#contact .formWrap .formMain .formItem dt em {
						float: none;
						margin-left: 10px;
					}
				#contact .formWrap .formMain .formItem dd {
					width: 100%;
					margin: 0;
					display: block;
				}
					#contact .formWrap .formMain .formItem dd .formText {
						width: 100%;
					}
					#contact .formWrap .formMain .formItem dd .formArea {
						width: 100%;
					}
				#contact .formWrap .formSubmit .submitBtn {
					width: 40%;
				}
	body.checked .formSubmit {}
		body.checked .formSubmit .formItem {
			display: block;
			margin: 2em 0;
		}
}	/* @media END */