@chaset "UTF-8";

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

	TOPページ専用CSS

	@created K.Sekioka of HEVIZ

	01. fonts.com webfont
	02. Basic Layout

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


@import url(styles2015/index.css);
@import url(styles2016/util.css);


/* -----------------------------------------------
	01. fonts.com webfont
-------------------------------------------------- */


	@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=8c02719c-7822-4e8a-a27a-321f8a1808d3");
	@font-face{
		font-family:"DIN_1451 LT W01 Mittelschrift";
		src:url("styles2016/Fonts/e27b4f44-5fb7-42ab-acae-28f4ac3143fb.eot?#iefix");
		src:url("styles2016/Fonts/e27b4f44-5fb7-42ab-acae-28f4ac3143fb.eot?#iefix") format("eot"),url("Fonts/e79663d6-4003-4f89-ba8a-f8afb9963115.woff2") format("woff2"),url("Fonts/ba08fcf3-e8e8-4ba0-ace8-25e6035123d3.woff") format("woff"),url("Fonts/f0f4ad1c-8dc7-4c5b-ad22-325a24c41aac.ttf") format("truetype"),url("Fonts/6dc71e8e-5dbd-4c0d-b1fe-ac63131ce27d.svg#6dc71e8e-5dbd-4c0d-b1fe-ac63131ce27d") format("svg");
	}
	@font-face{
		font-family:"DIN_1451 LT W01 Engschrift";
		src:url("styles2016/Fonts/ea5486fa-8540-424c-946c-1ad49f45db58.eot?#iefix");
		src:url("styles2016/Fonts/ea5486fa-8540-424c-946c-1ad49f45db58.eot?#iefix") format("eot"),url("Fonts/f4bdc42f-e58e-43ea-afec-ae4999e2fa73.woff2") format("woff2"),url("Fonts/7c3f8184-8a98-444a-822c-4e9a89edb99f.woff") format("woff"),url("Fonts/e5637e82-f888-4ea1-be1a-2fd22c5a1285.ttf") format("truetype"),url("Fonts/fc293a36-2627-4690-8db9-67f895603d7e.svg#fc293a36-2627-4690-8db9-67f895603d7e") format("svg");
	}


/* -----------------------------------------------
	02. Basic Layout
-------------------------------------------------- */


/*
	a         { color:#e60012; text-decoration:none;      }
	a:visited { color:#ed4350; text-decoration:none;      }
	a:hover   { color:#e60012; text-decoration:underline; }


	#topHeader:after,
	#topMain #banners:after
	{
		content		: "."; 
		display		: block; 
		height		: 0; 
		clear		: both; 
		visibility	: hidden;
	}
*/


/* -------------------------------------------------------------------
	01.sites
---------------------------------------------------------------------- */


	#homeBook {
		display		: block;
		position	: relative;
		width		: 100%;
		height		: 700px;
		margin		: 0;
		padding		: 0;

		background	: #000000;
		color		: #ffffff;
	}

	#homeBook > h1 {
		display		: block;
		position	: absolute;
		width		: 80px;
		height		: 80px;
		top			: 60%;
		left		: 50%;
		margin		: -40px 0 0 -40px;
		background	: url(styles2016/img/index/logo.png) center center no-repeat;
		text-indent	: -9999px;
		overflow	: hidden;
		z-index		: 100;
	}

	#homeBook article {
		display		: block;
		position	: absolute;
		margin		: 0;
		padding		: 0;
		background-position	: center center;
	    -webkit-background-size	: cover;
	    -moz-background-size	: cover;
	    -o-background-size		: cover;
	    background-size			: cover;
		overflow	: hidden;
		z-index		: 90;
	}

	#homeBook article > h1 {
		display		: block;
		position	: relative;
		height		: 49%;
		margin		: 0;
		padding		: 0;
		background-position	: center bottom;
		background-repeat	: no-repeat;
		overflow	: hidden;
		text-indent	: -9999px;
	}

	#homeBook article > p {
		display		: block;
display:none;
		position	: relative;
		font-size	: 10pt;
		color		: #ffffff;
		line-height	: 1.3;
		text-align	: center;
		margin		: 2% 5% 0;
	}

	#homeBook article > nav {
		display		: block;
		position	: relative;
		width		: 100%;
		margin		: 10px 0 0 0;
		overflow	: hidden;
	}

	#homeBook article > nav .more {
		margin		: 0;
		text-align	: center;
	}

	#homeBook article > nav .more a {
		display			: block;
		width			: 120px;
		height			:  25px;
		line-height		:  25px;
		margin			: 0 auto;
		background		: #222222;
		color			: #ffffff;
		font-family		: 'DIN_1451 LT W01 Mittelschrift','Helvetica','Ariel', sans-serif;
		font-size		: 12pt;
		text-decoration	: none;
	}
	#homeBook article > nav .more a:hover {
		background		: #c4006f;
		text-decoration	: none;
	}

	#homeBook article > nav ul {
		display		: block;
display:none;
		position	: relative;
		float		: left;
		left		: 50%;
		margin		: 10px 0 0 0;
		padding		: 0;
	}

	#homeBook article > nav ul li {
		position	: relative;
		float		: left;
		left		: -50%;
		margin		: 0 5px;
		padding		: 0;
		list-style-type:none;
	}

	#homeBook article > nav ul li a {
		display		: block;
		width		: 20px;
		height		: 20px;
		background-position	: center center;
		background-repeat	: no-repeat;
		background-color	: transparent;
		overflow	: hidden;
		text-indent	: -9999px;
	}
	#homeBook article > nav ul li.facebook a  { background-image:url(styles2016/img/facebook_s.png);  }
	#homeBook article > nav ul li.instagram a { background-image:url(styles2016/img/instagram_s.png); }
	#homeBook article > nav ul li.twitter a   { background-image:url(styles2016/img/twitter_s.png);   }
	#homeBook article > nav ul li a:hover {
		background-color	: #c4006f;
	}


	/* 学芸大 */
	#homeBook article#muffines {
		width		: 25%;
		height		: 60%;
		left		: 0;
		top			: 0;
		background-image	: url(styles2016/img/index/muffines.jpg);
	}

	#homeBook article#muffines > h1 {
		background-image	: url(styles2016/img/index/muffines_logo.png);
		color				: #231815;
	}
	#homeBook article#muffines > p {
		color				: #231815;
	}
	#homeBook article#muffines > nav ul li.facebook a  { background-image:url(styles2016/img/facebook_bs.png);  }
	#homeBook article#muffines > nav ul li.instagram a { background-image:url(styles2016/img/instagram_bs.png); }
	#homeBook article#muffines > nav ul li.twitter a   { background-image:url(styles2016/img/twitter_bs.png);   }


	/* レストラン */
	#homeBook article#restaurant {
		background-image	: url(styles2016/img/index/restaurant.jpg);
	}
	#homeBook article#restaurant > h1{
		background-image	: url(styles2016/img/index/restaurant_logo.png);
	}

	/* PURE CAFE */
	#homeBook article#purecafe {
		background-image	: url(styles2016/img/index/pure.jpg);
	}
	#homeBook article#purecafe > h1{
		background-image	: url(styles2016/img/index/pure_logo.png);
	}

	/* ケータリング  */
	#homeBook article#catering {
		background-image	: url(styles2016/img/index/catering.jpg);
	}
	#homeBook article#catering > h1{
		background-image	: url(styles2016/img/index/catering_logo.png);
	}

	/* オンラインストア */
	#homeBook article#online {
		background-image	: url(styles2016/img/index/online.jpg);
		background-position	: center 0;
	}

	/* プロデュース */
	#homeBook article#produce {
		background-color	: #000000;
	}
	#homeBook article#produce > h1{
		background-image	: url(styles2016/img/index/design_logo.png);
	}


/* ---------------------------------------------------------
	Concept
------------------------------------------------------------ */


	#conceptBook {
		display		: block;
		position	: relative;
		margin		: 0;
		padding		: 500px 0;
		background-image	: url(styles2016/img/index/16544677.jpg);
		background-position	: center center;
/*		background-attachment	: fixed; */
	    -webkit-background-size	: cover;
	    -moz-background-size	: cover;
	    -o-background-size		: cover;
	    background-size			: cover;
		overflow	: hidden;
		z-index		: 90;
	}

	#conceptBook .content {
		margin		: 0 5% 0 50%;
		padding		: 50px 20px;
		background	: #ffffff;
	}

	#conceptBook .content .inner {
		margin		: 0;
		padding		: 0 0 1px;
		background	: url(styles2016/img/index/concept_line.png) center 1px;
		line-height	: 25px;
	}
	#conceptBook .content .inner p {
		margin		: 0;
	}
	#conceptBook .content .inner p.name {
		margin		: 0;
		text-align	: right;
	}



/* ---------------------------------------------------------
	Access
------------------------------------------------------------ */



	#accessBook {
		display		:  block;
		position	:  relative;
		margin		:  50px 0 0 0;
		padding		:  0;
		background	: #222222;
	}

	#accessBook > header {
		display		: none;
	}

	#accessBook #gmap{
		display		: block;
		position	: relative;
		width		: 100%;
		height		: 500px;
		margin		: 0;
		padding		: 0;
		background	: #f0f0f0;
		z-index		: 100;
	}


	/* レスポンシブ TABLET */
	@media (max-width: 899px) {
	}


	/* レスポンシブ SMART PHONE */
	@media (max-width: 767px) {
	}