@charset "utf-8";

/*-----------------------------------------------------------------
	Reset
-----------------------------------------------------------------*/

	html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,nav { margin:0; padding:0; }
	fieldset,img { border:0; }
	address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
	table {	border-collapse: collapse;border-spacing: 0; }
	caption,th,ol,dl,dt,dd { text-align:left;	}
	img,abbr,acronym,fieldset { border: 0; }
	ul,li { list-style:none; text-align: left;	}
	img { vertical-align:middle; }	
	h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal; }
	
/*-----------------------------------------------------------------
	Base
-----------------------------------------------------------------*/

	/*for IE 5.5-7*/
	div{ zoom:1; }
	/*for modern browser*/
	div:after,
	.clearer:after {
	content:" ";
	display: block;topbanner
	height:0.1px;
	clear:both;
	visibility:hidden;
	font-size: 0;
	line-height: 0;
	}
	* html div,
	* html .clearer { display: inline-block; }
	
	a:link,a:visited,a:active,a:focus,a:hover { color:#333; text-decoration:underline; }
	ul.menuInner a:link,ul.menuInner a:visited,ul.menuInner a:active,ul.menuInner a:focus,ul.menuInner a:hover { color:#333; text-decoration:none; }
	footer a:link,footer a:visited,footer a:active,footer a:focus,footer a:hover { color:#fff; text-decoration:underline; }
	
	html { font-size: 62.5%; }
	body { font-size: 12px;	font-size: 1.2rem; }
	html,body { height:100%; }

	body{
	margin: 0;
	padding: 0;
	background: #fff;
	color: #111;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	text-align: center;
	}
		
	/*clearfix*/
	.clear{  clear:both; }	
	.clearfix {  min-height: 0.1rem; }	
	* html .clearfix {
	height: 0.1rem;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
	}
	
	iframe[name='google_conversion_frame'] { 
	height: 0 !important;
	width: 0 !important; 
	line-height: 0 !important; 
	font-size: 0 !important;
	margin-top: -13px;
	float: left;
	}	
	
/*-----------------------------------------------------------------
	style
-----------------------------------------------------------------*/

	body#top { background-image: url(../images/penki.jpg); background-position: center center;   /* 画像を常に天地左右の中央に配置 */ background-repeat: no-repeat; background-attachment: fixed;   /* 背景画像の位置を固定し、スクロールしても動かないようにする */ background-size: cover;   /*縦横比を保持したまま、背景領域を覆う最小サイズになるように画像を拡大縮小する */ 	}

	.wrapper { overflow:hidden; }
	.cntWrap { width: 86%; margin: 0 auto; padding: 1rem 0; text-align:left; }
	.inner { width: 86%; margin: 0 auto; padding: 4rem 0; text-align:left; }
	
	img { max-width:100%; }
	
	body#top ul.menuInner { background:rgba(255,255,255,0.6); }
	
	header { background:rgba(255,255,255,0.6); overflow:hidden; border-bottom:1px solid #ddd; }
	header .inner { width: 86%; margin: 0 auto; padding:15px 0;  }
	header h1 { float:left; }
	
	header .menu  { float:right; }
	header .menu  { width:20px; height:20px; top:0px; position:relative; cursor:pointer; }
	header .menu1 { width:100%; height:10%; background-color:#000; position:absolute; top:0px; } 
	header .menu2 { width:100%; height:10%; background-color:#000; position:absolute; top:40%; } 
	header .menu3 { width:100%; height:10%; background-color:#000; position:absolute; top:80%; } 
	
	ul.menuInner { clear:both; padding:24px 0; border-bottom:1px solid #ddd; }
	ul.menuInner li p { text-align:center; letter-spacing:0.1em; margin:20px 0; }
	ul.menuInner li p.en	{ font-family: 'Roboto', sans-serif; font-weight:300; font-size: 20px; }
	ul.menuInner li p span	{ display:block; font-size: 12px; color: #666; }
	ul.menuInner li .on	{ color:#F03; }
	
	header .menu1,.menu2,.menu3 { transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; /* opera */-moz-transition: all 0.5s ease-out; /* firefox */ -webkit-transition: all 0.5s ease-out; /* chrome, safari */ -ms-transition: all 0.5s ease-out; /* ie */ }
	header .menuclick1 { top:40%; -moz-transform: rotate(405deg); -webkit-transform: rotate(405deg); -o-transform: rotate(405deg); -ms-transform: rotate(405deg); transform: rotate(405deg); }
	header .menuclick2 { opacity:0;}
	header .menuclick3 { top:40%; -moz-transform: rotate(-405deg); -webkit-transform: rotate(-405deg); -o-transform: rotate(-405deg); -ms-transform: rotate(-405deg); transform: rotate(-405deg); }
	
	footer { background: #323232; color: #fff; letter-spacing: 0.1em; font-size:1rem; }
	footer p { text-align:center; }
	footer p.logo { margin-bottom: 20px; }
	footer p.logo img { width:129px; }
	footer p.copy { font-size: 1rem; margin-top: 20px; }
	
	
	
	.imgBox img { width:100%; }


	h2 { text-align:left; font-family: 'Roboto', sans-serif; font-weight:300; font-size: 2rem; letter-spacing:0.1em; margin-bottom:20px; }
	h2 span	{ font-size: 1.2rem; color: #666; padding-bottom:0.4rem; margin-left:1em; }
	
	
	
	
	#main { width:100%; height:100%; }
	#main .box { margin:0 auto; width:90%; height:100%; display:table; text-align: center; vertical-align: middle; }
	#main .message { display: table-cell; text-align:left; vertical-align: middle; padding:45px 14% 0  2%; }
	#main .message img { width:100%; }

	
	
	#brands { }
	#brands h2 { padding-top:1.6rem; }
	#brands dl { width: 100%; margin: 0 auto; margin-top:2rem; }
 	#brands dt { margin-bottom:2rem; }
 	#brands dd.name { font-size:1.6rem; color:#b9a376; }
 	#brands dd.item { font-size:1.5rem; }
 	#brands dd.desk { margin-bottom:1.5rem; }
 	#brands dd.more {　 }

	
	
	#mission { background:#FFF; }
	#mission dl { width: 100%; margin: 0 auto; margin-top:2rem; }
	#mission dl span { font-size:1rem; display:block; color:#b9a376; }
 	#mission dt { font-size:1.6rem; margin-bottom:1rem; line-height:1em; letter-spacing:0.1em; }
 	#mission dd { margin-bottom:2rem; }
	
	
	
	#profile { background:#FFF; }
	#profile dl { width: 100%; margin: 0 auto; margin-top:2rem; }
	#profile dl span { font-size:9px; display:block; color:#b9a376; }
	#profile dt,#profile dd { text-align:left; }
	#profile dt { clear: both; padding: 15px 0; float: left; width: 27%; }
 	#profile dd { margin-left: 27%; padding: 15px 0; }
	
	
	#history { background:#FFF; }
	#history dl { width: 100%; margin: 0 auto; margin-top:2rem; }
	#history dl span { font-size:9px; display:block; color:#b9a376; }
	#history dt,#history dd { text-align:left; }
	#history dt { font-family: 'Roboto', sans-serif; font-weight:700; color:#b9a376; }
 	#history dd { margin-bottom:10px; }


	#message { }	
	#message ul { float: left; position: relative; left: 50%; margin-bottom:35px; }
	#message ul li { float: left; position: relative; left: -50%; margin:0 10px; }
	#message p { text-align:center; clear: both; font-family: 'Josefin Sans', sans-serif; font-size: 12px; color: #a0a0a0; letter-spacing: 1px; }
	
	
	
	
		#policy { background:#FFF; }
	#policy dl { width: 100%; margin: 0 auto; margin-top:2rem; }
	#policy dl span { font-size:1rem; display:block; color:#b9a376; }
 	#policy dt { font-size:1.2rem; margin-bottom:1rem; line-height:1em; letter-spacing:0.1em; }
 	#policy dd { margin-bottom:2rem; }
	
	
			#privacy { background:#FFF; }
	#privacy dl { width: 100%; margin: 0 auto; margin-top:2rem; }
	#privacy dl span { font-size:1rem; display:block; color:#b9a376; }
 	#privacy dt { font-size:1.2rem; margin-bottom:1rem; line-height:1em; letter-spacing:0.1em; }
 	#privacy dd { margin-bottom:2rem; }
	
	#privacy li {
	list-style-type: disc;
	list-style-position: inside;
	margin-top:0.5em;
	margin-bottom:0.5em;
	margin-left: 15px;
}
#privacy li.list_decimal {
	list-style-type: decimal;
	list-style-position: inside;
	margin-top:0.5em;
	margin-bottom:0.5em;
}
#privacy li.list_none {
	margin-left: 15px;
	list-style-type: none;
	list-style-position: inside;
	margin-top:0.5em;
	margin-bottom:0.5em;
}
#privacy li.list_font {
	font-size: 1.0em;
}
	
	
	
	
	.lineB { border-bottom:1px solid #ddd; padding-bottom:4rem; }