/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;}

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

---------------------------------------

html,body {
  width:100%;
}

body {
  text-align:center;
  background-color:#fff;
  color:#111;
  line-height:1.5em;
  touch-callout:none;
  user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -webkit-touch-callout: none;
  -moz-touch-callout:none;
}

div#page-wrapper{
  max-width:1000px;
  margin:0 auto;
}

a {
  color:#ee0;
}

.cover { width: 100%; margin: auto; padding: 0; color: #fff; }
.centerBox { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 50%; height: 50px; text-align: center; }
.section1 { background: url(images/top_cover.jpg) no-repeat center; background-size: cover; }

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

.clearfix {
  min-height: 1px;
}

.flashhover a:hover *{
  filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
}

img {
  max-width: 100%; 
  height: auto; 
}

div.contentstitle{
  //margin:0;
  padding:8px 16px;
  background-color:#FF69B4;
  font-size:32px;
  text-align:center;
  color:#fff;
}

div#header{
  display:table;
  text-align:center;
  margin:16px auto;
}

div#top{
  margin:16px 0;
}

div#headertitle{
  display:table-cell;
  display:inline-block;
  text-align:center;
  vertical-align:middle;
  margin:8px auto;
  font-size:32px;
  color:#eaa;
}

div#headertitle h1{
}

div#headertitle a{
  font-size:32px;
  color:#eaa;
}

div.headerbnr{
  display:table-cell;
  display:inline-block;
  text-align:center;
  vertical-align:middle;
}

div.headerbnr img{
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
}

div#menu{
  margin-top:12px;
}

div#menu ul{
  max-width: 100%;
  padding:0;
}

div#menu ul li{
  max-width:49.5%;
  display: inline-block;
  text-align: center;
}

div#menu ul li:first-child {

}

div.inqbnr
{
  margin: 16px 8px;
  text-align:center;
}

div.inqbnr img
{
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
}

div.inqbnr p
{
  font-size:12px;
  color:#444;
  font-weight:bold;
}

div#howto{
  text-align:center;
}

div#howto p{
  font-size:24px;
  margin:16px 0;
}

div#textbox{
  text-align:center;
  margin:16px auto;
  max-width:95%;
  border:1px solid #aaa;
}

div#textbox p{
  font-size:14px;
  padding:16px;
}

div.recruit{
  text-align:center;
  margin:16px auto;
  max-width:95%;
}

div.recruit p{
  font-size:14px;
  padding:16px;
}

table#schedule{
  margin:16px auto;
}

table#schedule th{
  background-color:#DB7093;
  color:#fff;
  border-bottom:2px solid #fff;
}

table#schedule td{
  background-color:#ddd;
  color:#333;
  padding:8px;
  border-bottom:2px solid #fff;
}

table#schedule td a{
  color:#33f;
}

table#schedule td.date{
  background-color:#EEE8AA;

  border-right:2px solid #fff;
}

table#schedule td.cosplayer{
  background-color:#FFC0CB;
  text-align:left;

}

table#schedule td.cosplayer img{
  margin:4px;
  width:100px;
}

table#corporation{
  margin:16px auto;
}

table#corporation th{
  background-color:#DB7093;
  color:#fff;
  border-bottom:2px solid #fff;
  padding:16px;
}

table#corporation td{
  background-color:#ddd;
  color:#333;
  padding:16px;
  border-bottom:2px solid #fff;
  text-align:left;
}


div.list{
  margin:16px 32px;
  padding:8px 16px;
  font-size:32px;
  line-height:1.3em;
  background-color:#222;
  text-align:center;
}
p.date{
  background-color:#ee0;
  color:#e00;
}

p.shop{
}
p.late,p.scale{
  font-size:24px;
}

a.return{
  display:block;
  margin:1em;
  font-size:24px;
  text-align:center;
  color:#33c;
}

div.bnrbox{
  text-align:center;
  margin:1em 0;
}

div#navibox{
  text-align:center;
}

ul#navi{
}

ul#navi li{
  display: inline-block;
  margin:4px;
}

div#intro{
}

div#intro ul{
margin: 0;
margin-left: 8px;
padding: 0;
list-style-type: none;
}

div#intro ul li{
float: left;
max-width: 32.3%;
margin: 5px auto;
padding: 2px;
border: 1px #ccc solid;
text-align: center;
}

div#intro ul li img{
}

div#intro ul li p{
  padding:0.5em;
  font-size:32px;
  color:#c55;
}

div#profile{
  width:100%;
  background-color:#fee;
  margin-bottom:2em;
  display: inline;
  text-align: center;
}

div#profile div#image{
  max-width:60%;
  margin:0.3em;
  float:left
}

div#profile div#image img{
  //border:2px solid #666;
}

div#profile div#comment{
  max-width:100%;
  margin:5px;
  padding:0.5em;
  float:left;
  color:#faa;
  font-size:18px;
  font-weight:bold;
}

div.twitter{
  text-align:center;
}

#footer{
  display:block;
  background-color:#FF69B4;
  text-align:center;
  padding:8px 0;
}

#footer p.ftitle{
  font-size:16px;
  text-weight:bold;
  color:#eee;
}

#footer p.cr{
  color:#eee;
}

#footer p.at{
  color:#333;
  font-size:10px;
}

div#slider{
  width:80%;
  margin:0 auto;
  overflow: hidden;
  margin-top:1em;
  margin-bottom:-1em;
}

div#twitterlink{
  text-align:center;
  margin:16px auto;
}

@media only screen and (max-width: 640px) {

ul#navi li{
  max-width:27%;
}

div#intro ul li{
    float: left;
    max-width: 48%;
}

div#intro ul li p{
  padding:0.5em;
  font-size:14px;
}

div#profile div#image{
    max-width:100%;
    margin:0;
}

div#profile div#comment{
  width:94%;
  margin:0;
  paddhing:0;
}

  #footer p.ftitle{
    font-size:12px;
  }

  #footer p.cr{
    font-size:12px;
  }

  div#howto p{
    font-size:16px;
  }
  div.list{
    font-size:16px;
  }
  p.late,p.scale{
    font-size:12px;
  }

  div.contentstitle{
    padding:8px 16px;
    font-size:20px;
  }

}