@charset "UTF-8";
/* CSS Document */
html { 
  font-size: 100% /* =16px */
}
area{
  border:none;
  outline:none;
}
body{
	width:100%;
	font-family:Helvetica,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img{
	width: 100%;
    height: auto;
}
figure {
    display: block;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

ul#social{ width:43%; float:left; padding-left:3%; box-sizing:border-box;}
ul#social li{ float:right; width:33%; box-sizing:border-box; padding:5%; padding-top:9%;}
ul#social li img{ width:100%; height:auto;}

#topcontents{
	padding:0 30px;
	margin:0 auto;
}
#grid{
	padding:0 30px;
	margin:0 auto;
}
article > section > h1 {
	margin:0 auto;
	margin-left:30px;
}

body{ height:100%;}
header{ background:#fff; width:100%;}
header h1{ float:left; width:30%; margin:4%; }
header #menu{ float:right; margin:4%; width:10%;}
header #menu a { }
header #menu a img{ width:100%; height:auto;}
#main{ display:block; overflow-x:scroll; box-sizing:border-box;-webkit-overflow-scrolling: touch;margin-bottom:40px;}
#main img{ height:100%; width:auto !important; z-index:998;}


header h1{
	width:30%;
	margin:40px;
}
#mainvisual{
	margin: 0;
	margin-bottom:24px;
}

nav { margin-bottom:20px;}
nav ul li{
	float:left;
	margin-left:60px;
}
nav ul li:first-child{
	margin-left:0;
}
nav ul{
	background:url(../images/bg_btn.gif) no-repeat center;
	width:195px;
	margin:0 auto;
}
@media screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx){
  nav ul{
    background-image: url(../images/bg_btn.gif);
  }
}
nav a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
	-ms-filter:"alpha(opacity=70)"; /* IE 8 */
	-khtml-opacity:.70; /* Safari 1.x */
}
#btnjpn{
	width:66px;
	height:24px;
}
#btnen{
	width:69px;
	height:24px;
}
#btnjapan{
	width:64px;
	height:24px;
}
#btnenglish{
	width:71px;
	height:25px;
}
#main_text{
	margin-top:85px;
	margin-bottom:85px;
}
#main_text p{
	text-align:center;
	font-size:1.8em;
	letter-spacing:0.2em;
	line-height:1.8em;
}
#winame{
	letter-spacing:3px !important;
}
#main_text p a{
	color:#000;
}
#main_text p a:hover{
	color:#777;
}
#maintexten{
	font-size:2.6em !important;
	letter-spacing:0.07em;
	line-height:1.8em;
}


article > section > h1 {
	font-size:30px;
	letter-spacing:8px;
	margin-bottom:20px;
}
.ex{
	font-size:1.5em;
	letter-spacing:0.2em;
	line-height:1.4em;
	margin-top:30px;
}
.name{
	font-size:1.2em;
	letter-spacing:0.1em;
	margin-bottom:54px;
	margin-top:30px;
}

#grid  figure {
	margin:0;
	padding:0;
}

#grid a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
	-ms-filter:"alpha(opacity=70)"; /* IE 8 */
	-khtml-opacity:.70; /* Safari 1.x */
}
#grid ul li{
	margin-bottom:80px;
}
#grid ul li a{
	text-decoration:none;
	color:#000;
}
footer p{
	text-align:center;
	margin-bottom:30px;
	margin-top:50px;
}
footer p a{
	text-decoration:none;
	color:#000;
}
/*////////////////////////////*/

.inlinecontents{
	margin:0 auto;
	margin-top:75px;
	padding:0 124px;
	margin-bottom:100px;
}
.inlinecontents > h1{
	font-size:1.8em;
	letter-spacing:4px;
	font-weight:bold;
	line-height:38px;
	margin:35px 10px 20px 10px;
}
.inlinecontents > h2{
	margin-left:10px;
	font-size:1.5em;
}
.inlinecontents > p{
	margin-left:10px;
	font-size:1.5em;
	letter-spacing:0.2em;
	line-height:2em;
	margin-top:70px;
}
.inlinecontents figure{
	margin:0;
	padding:0;
}
.profile{
	margin-top:75px;
	margin-left:10px;
}
.profile > h1 {
	margin-bottom:25px;
}
.profile > h1 > img {
	width:auto;
}
.inlinecontents .profile img {
	width:auto !important;
	margin-left:0 !important;
}
.profile p {
	font-size:1.5em;
	letter-spacing:0.2em;
	line-height:2em;
}
.profile p a{
	color:#000;
	display:block;
	margin-top:10px;
}
.profile p a:hover{
	color:#777;
	border:none;
}

/*////////////////////////////*/
#pageTop {
  position: fixed;
  bottom: 60px;
  right: 60px;
}

#pageTop img{
	width:90px;
	height:90px;
}
 
#pageTop a:hover {
  text-decoration: none;
}

iframe{
    position: absolute;
    top: 800px;
    left: 80px;
    border: none;
    z-index:999;
    height:216px;
    width:800px;
}


/* clearfix */

.clear{clear:both;}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}