/*個別の要素に指定しない限り全ての要素に適用されるCSS*/
* {
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 0;
	line-height: 0;
	vertical-align: bottom;
}

html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
}

p {
	color: #323232;
}

/*.nav {
    padding: 0;
    margin: 0 auto 10px;
    width: 100%;
}
*/
.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

#contain {
	width: 100%;
	height: 100%;
	background-image: url(../img/contain.gif);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

#img-contain {
    width: auto;
	height: auto;
	position: absolute;
	z-index: -1;
}

#top {
	width: 100%;
	height: 100%;
	overflow: hidden;
	cursor: pointer;
}

#top-svg {
	width: 100%;
	height: 100%;	
	position: absolute;
	z-index: -1;
}

#top ul {
	width: 100%;
    height: 12.5%;
	position: absolute;
}

/*#top ul:after {
	content: "";
	clear: both;
}*/

#top ul li {
	float: left;
	width: 8.333%;
	height: 100%;
	list-style: none;
	opacity: 1;
	background-color: #FFF;
}

.logo {
	visibility : hidden;
}

#frame {
	width: 100%;
	max-height: 12.5%;
	position: relative;
	z-index: 100;
}

.fixed {
	top: 0;
}

#frame object {
	width: 100%;
	height: auto;
}

#menu-svg {
	width: 100%;
    position: absolute;
	left: 0;
	display: inline-block;
}


#sns-svg {
	position:absolute;
	left: 0;
}

#twi-svg {
	width: 2%;
    position: relative;
	display: inline-block;
	margin: -2px 8.333% 0 88.542%;
	z-index: 1;
}

#face-svg {
	width: 2%;
    position: relative;
	display: inline-block;
	margin: -17.5px 8.333% 0 88.542%;
	z-index: 1;
}

/*concept*/
#concept {
	width: 100%;
	height: 107%;
    position: relative;
}

#img-concept {
	width: 33.332%;
    height: auto;
    position: absolute;
	top: 18.273%;
	left: 8.333%;
	z-index: 1;
}

#conceptText {
	width: 74.997%;
    height: 70.907%;
	background-color: #EEE;
	position: absolute;
	top: 13.181%;
	left: 16.666%;
}

#conceptText p {
	width: 77.777%;
	/*height: auto;*/
    height: 70%;
	line-height: 1.6;
	font-family: Futura, sans-serif,"游ゴシック体 Std L", "游ゴシック体 Std M";
	/*font-size: 11pt;*/
    /*font-size: 100%;*/
    /*font-size: auto;*/
	letter-spacing: 1.25pt;
	position: absolute;
	left: 11.111%;
	top: 18%;
}
/*works*/
#works {
	width: 100%;
	height: 87.5%;
	position: relative;
}

#w-contents {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}

#img-works {
	width: 33.332%;
    height: auto;
	position: absolute;
	top: 42.857%;
	left: 8.333%;
	z-index: 1;
}

#coming {
    width: 74.997%;
	height: 57.142%;
	position: absolute;
	top: 28.571%;
	left: 16.666%;
	background-image: url(../img/come0.png);
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
}

#coming:hover {
	background-image: url(../img/come1.png);
}
/*event*/
#event {
    width: 100%;
	height: 150%;
}

#event img {
    z-index: 1;
    width: 33.332%;
    height: auto;
    margin: 16.333% 0 0 8.333%;
    padding: 8.333% 0 0 0;
    position: absolute;
}

#img-event {
    width: auto;
    height: auto;
    margin: 16.333% 0 0 8.333%;
    padding: 8.333% 0 0 0;
    position: absolute;
}

/*event talkshow*/
#talkshow {
    width: 100%;
    height: auto;
    padding: 27.7% 0 0 0;
    
}

#talkshow img{
    z-index: 3;
    width: 33.333%;
    height: auto;
    padding: 0 0 0 0;
    margin: 16.333% 0 0 16.333%;
}

#talk {
    position:relative;
	width: 100%;
    height: auto;
    margin: 16.333% 0 0 0;
    padding: 0 0 0 41.66%;
}

#talk img {
    z-index: 2;
    position:relative;
    width: 16.666%;
    height: auto;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

#talkDayTime {
    margin: 0 0 0 0;
    padding: 0 0 0 16.666%;
    height: auto;
}

#talkDayTime0 img {
    width: 8.333%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

#talkDayTime1 img {
    width: 41.666%;
    margin: 8.333% 0 0 0;
    padding: 0 0 0 16.666%;
}

#talkDayText {
    width: 100%;
    height: auto;
    padding: 0 0 0 16.666%;
    margin: 16.666% 0 0 0;
    text-align: justify;
    font-family: Futura, sans-serif,"游ゴシック体 Std L", "游ゴシック体 Std M";
    /*font-size: 11pt;*/
    letter-spacing: 1.25pt;
}

#talkDayText p {
    width: 75%;
    display: block;
    line-height: 20pt;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    text-align: justify;
    font-family:"游ゴシック体 Std L", "游ゴシック体 Std M",Futura;
}
/*event reception*/
#reception {
    width: 100%;
    height: auto;
    padding: 0 0 0 0;
    margin: 16.333% 0 0 0;
    position:relative;
}

#reception img{
    z-index: 3;
    width: 50%;
	height: 100%;
    padding: 0 0 0 0;
    margin: 0 0 0 16.333%;
    position:relative;
}

#recept {
    z-index: 2;
    position:absolute;
    width: 50%;
    height: 40%;
    top:0;
    margin: 0 0 0 41.66%;
    padding: 0 0 0 0;
    background-color: #EEE;
}

#recept img {
    z-index: 2;
    position:relative;
    width: 16.666%;
    height: auto;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

#receptionDayTime {
    margin: 0 0 0 0;
    padding: 0 0 0 16.666%;
	width: 100%;
    height:0;
    /*position:relative;*/
}

#receptionDayTime0 {
	width: 100%;
    /*position:absolute;*/
}

#receptionDayTime0 img {
    width: 8.333%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

#receptionDayTime1 {
	width: 100%;
	margin-top: -16.66%;
    /*position:absolute;*/
}


#receptionDayTime1 img {
    width: 25%;
    margin: 8.333% 0 0 0;
    padding: 0 0 0 16.666%;
}

#receptionText {
    width: 100%;
    height: auto;
    padding: 0 0 0 16.666%;
    margin: 16.666% 0 0 0;
    text-align: justify;
    font-family: Futura, sans-serif,"游ゴシック体 Std L", "游ゴシック体 Std M";
    /*font-size: 11pt;*/
    letter-spacing: 1.25pt;
    position:relative;
    
}

#receptionText p {
    width: 75%;
    display: block;
    line-height: 20pt;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    text-align: justify;
    font-family:"游ゴシック体 Std L", "游ゴシック体 Std M",Futura;
}


/*access*/
#access {
	width: 100%;
	height: 112.5%;
	position: relative;
}

#img-access {
	width: 33.333%;
	height: auto;
	position: absolute;
	top: 33.333%;
	left: 8.333%;
	z-index: 1;
}

#access p {
	height: auto;
	line-height: 1.6;
	font-family: Futura, sans-serif,"游ゴシック体 Std L", "游ゴシック体 Std M";
	/*font-size: 12pt;*/
	position: absolute;
	left: 5.555%;
	bottom: 0;
}

#access h4 {
	height: auto;
	line-height: 1.6;
	font-family: Futura, sans-serif, "游ゴシック体 Std L", "游ゴシック体 Std M";
	position: absolute;
	left: 5.555%;
}

#galleria {
        width: 75%;
		height: 44.444%;
		margin: 0;
		position: absolute;
		top: 22.222%;
		left: 16.666%;
}

#address {
	width: 37.5%;
	height: 16.666%;
	box-sizing: border-box;
	margin: 0;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #444;
	position: absolute;
	top: 72.222%;
	left: 16.666%;
}

#address-s {
	width: 37.5%;
	height: 16.666%;
	box-sizing: border-box;
	margin: 0;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #444;
	position: absolute;
	top: 72.222%;
	left: 54.166%;
}


/*link*/
#link {
	width: 100%;
	height: 125%;
	position: relative;
}

#img-link {
	width: 33.332%;
    height: auto;
	position: absolute;
	top: 20%;
	left: 8.333%;
	z-index: 1;
}

#twitter {
	width: 16.666%;
    height: auto;
	position: absolute;
	top: 50%; /*できかたグラフのリンクを張った場合40%*/
	left: 16.666%;
}

#facebook {
	width: 25%;
    height: auto;
	position: absolute;
	top: 50%; /*できかたグラフのリンクを張った場合40%*/
	left: 50%;
}

#dekikata {
	position: absolute;
	top: 60%;
	left: 16.666%;
}

#dekikata p {
	width: 100%;
	line-height: 1.8;
	font-family: Futura, sans-serif,"游ゴシック体 Std L", "游ゴシック体 Std M";
	/*font-size: 12pt;*/
	position: absolute;
	left: 85px;
	bottom: 0;
}

#graphic {
	width: 100%;
	position: absolute;
	top: 60%;
	left: 50%;
}

#graphic p {
	width: 100%;
	line-height: 1.8;
	font-family: Futura, sans-serif,"游ゴシック体 Std L", "游ゴシック体 Std M";
	/*font-size: 12pt;*/
	position: absolute;
	left: 85px;
	bottom: 0;
}

#detail {
	height: auto;
	line-height: 1.8;
	font-family: Futura, sans-serif,"游ゴシック体 Std L", "游ゴシック体 Std M";
	/*font-size: 12pt;*/
	position: absolute;
	left: 16.666%;
	top: 70%; /*できかたグラフのリンクを張った場合80%*/
}