﻿/*--------------------------------------------------------------------
reset css html5
--------------------------------------------------------------------*/
* {
	font-family: "adobe-garamond-pro", 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Verdana, 'ＭＳ Ｐゴシック', sans-serif;
	margin: 0;
	padding: 0;
}
html, body {
	font-family: "adobe-garamond-pro", 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Verdana, 'ＭＳ Ｐゴシック', sans-serif;
	margin: 0;
	padding: 0;
	font-size: 90%;
	line-height: 140%;
	color: #666;
}
body, x:-moz-any-link {
line-height:160%;
} /* FireFox 2 */
html>/**/body, x:-moz-any-link, x:default {
line-height:160%;
} /* Only FireFox 3 */
* html body {
	line-height: 140%;
} /* IE6 */
*:first-child+html body {
	line-height: 140%;
} /* IE7 */
* html html, * html body {
	font-size: 80%;
}
*:first-child+html body {
	font-size: 80%;
} /* IE7 */
/* html5 reset css */ 
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	background: #aaa;
	color: #fff;
}
body, html {
	height: 100%;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display: block;
}
nav ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
/*clear*/
div.clear {
	clear: both;
}
div.clear hr {
	display: none;
}


/* =======================================

font settings

 ======================================= */
#menu a,#menu2 a, #foot span,.main_menu span,#content-main h1,#content-main h2,#content-main h3,#content-main h3 a{
	font-family: "adobe-garamond-pro",sans-serif,
	font-style: normal;
	font-weight: 400;
	color: #fff;
	transform: scale( 0.8 , 1 )!important; /*0.8とある数値を低くすることで、文字の横幅が縮小されます*/
}
#content-main h2{margin-left:-2em;} /*上記のポイントを調整したら、ここも調整してください。この箇所は、BIOGRAPHYの箇所です*/


.caption{display:block!Important;font-size:19px!important; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif!important;}

/* =======================================

contents- background

 ======================================= */


.back-top{
  	background-size: cover;
	width: 100vw;
	height: 100vh;
	overflow: hidden;}
	
	
	.back-top2{
  	background-size: cover;
	width: 100vw;
	height: 100vh;
	overflow: hidden;}
	
	

.back-portfolio{
	background:#000}
	
	
.back-biography{
	background:#000}

.back-information{
	background:#000}

.back-contact{
	background:#000}

 
.setView1 {background:url(../../images/top/01.jpg) no-repeat 50% 50%; background-size:cover;}
.setView2 {background:url(../../images/top/02.jpg) no-repeat 50% 50%; background-size:cover;}
.setView3 {background:url(../../images/top/03.jpg) no-repeat 50% 50%; background-size:cover;}
.setView4 {background:url(../../images/top/04.jpg) no-repeat 50% 50%; background-size:cover;}
.setView5 {background:url(../../images/top/05.jpg) no-repeat 50% 50%; background-size:cover;}
.setView6 {background:url(../../images/top/06.jpg) no-repeat 50% 50%; background-size:cover;}
.setView7 {background:url(../../images/top/07.jpg) no-repeat 50% 50%; background-size:cover;}
.setView8 {background:url(../../images/top/08.jpg) no-repeat 50% 50%; background-size:cover;}
.setView9 {background:url(../../images/top/09.jpg) no-repeat 50% 50%; background-size:cover;}
.setView10 {background:url(../../images/top/10.jpg) no-repeat 50% 50%; background-size:cover;}


.spsetView1 {background:url(../../images/top/01-sp.jpg) no-repeat 50% 50%; background-size:cover;}
.spsetView2 {background:url(../../images/top/02-sp.jpg) no-repeat 50% 50%; background-size:cover;}
.spsetView3 {background:url(../../images/top/03-sp.jpg) no-repeat 50% 50%; background-size:cover;}
.spsetView4 {background:url(../../images/top/04-sp.jpg) no-repeat 50% 50%; background-size:cover;}
.spsetView5 {background:url(../../images/top/05-sp.jpg) no-repeat 50% 50%; background-size:cover;}
.spsetView6 {background:url(../../images/top/06-sp.jpg) no-repeat 50% 50%; background-size:cover;}
.spsetView7 {background:url(../../images/top/07-sp.jpg) no-repeat 50% 50%; background-size:cover;}
.spsetView8 {background:url(../../images/top/08-sp.jpg) no-repeat 50% 50%; background-size:cover;}
.spsetView9 {background:url(../../images/top/09-sp.jpg) no-repeat 50% 50%; background-size:cover;}
.spsetView10 {background:url(../../images/top/10-sp.jpg) no-repeat 50% 50%; background-size:cover;}


