@charset "utf-8";

/* ★★★★★★★★★★　全体　★★★★★★★★★★ */

body      {
  /* text-align: center; */
  margin: 0px;
  background-color: #000;
  background-image: url("/img/bg_20x1200.png");
  color: #fff;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
}
a:link    { color: #111; text-decoration: none; }
a:visited { color: #111; text-decoration: none; }
a:hover   { color: #a00; text-decoration: none; }
a:active  { color: #f00; text-decoration: none; }
ul li     { list-style: none; }

.clearfix {width: 100%;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}

div#wrapper {
  width: 1122px;
  margin: 0 auto;
  /* text-align: center; */
} 

/* ★★★★★★★★★★　ギャラリー　★★★★★★★★★★ */

.main-gallery {
  width: 800px;
  height: 600px;
  float: left;
  border: 1px solid #fff;
}

.gallery-cell {
  width: 800px;
  height: 600px;
}

/* ★★★★★★★★★★　ヘッダー　★★★★★★★★★★ */

#logo {
  width: 715px;
  height: 160px;
  float: left;
}

.micLogoText h1 {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 160px;
  text-align: right;
  font-family: 'Noto Serif', serif;
  font-size: 100px;
  font-weight: normal;
  color: #fff;
  line-height: 1.55em;
  background: url("/img/logo_160x160_c.png");
  background-repeat: no-repeat;
  letter-spacing: -3px;
  text-shadow:
  	0 0 8px #fff,
  	0 0 16px #fff,
  	0 0 24px #aaa,
  	0 0 32px #69f,
  	0 0 40px #aaa,
  	0 0 48px #999,
  	0 0 56px #999;
}

#sns_links h2 {
  display: none;
}

#sns_links {
  width: 360px;
  height: 120px;
  float: left;
  margin: 0;
  padding: 0;
}

#sns_links ul {
  width: 360px;
  height: 120px;
  margin: 0;
  padding: 50px 0 0 75px;
}

#sns_links li {
  float: left;
  margin-right: 18px;
}

#sns_links a {
  display: block;
}

#sns_links .facebook a { background-image: url("/img/icons/facebook-logo-white.png"); background-size: 64px 64px; width: 64px; height: 64px; }
#sns_links .facebook a:hover { background-image: url("/img/icons/facebook-logo-white.png"); background-size: 64px 64px; width: 64px; height: 64px; opacity: 85%; }

#sns_links .twitter a { background-image: url("/img/icons/x-logo-white.png"); background-size: 64px 64px; width: 64px; height: 64px; }
#sns_links .twitter a:hover { background-image: url("/img/icons/x-logo-white.png"); background-size: 64px 64px; width: 64px; height: 64px; opacity: 85%; }

#sns_links .instagram a { background-image: url("/img/icons/instagram-logo-white.png"); background-size: 64px 64px; width: 64px; height: 64px; }
#sns_links .instagram a:hover { background-image: url("/img/icons/instagram-logo-white.png"); background-size: 64px 64px; width: 64px; height: 64px; opacity: 85%; }

#sns_links .youtube a { background-image: url("/img/icons/youtube-logo-white.png"); background-size: 64px 64px; width: 64px; height: 64px; }
#sns_links .youtube a:hover { background-image: url("/img/icons/youtube-logo-white.png"); background-size: 64px 64px; width: 64px; height: 64px; opacity: 85%; }

/* ★★★★★★★★★★　メニュー　★★★★★★★★★★ */

#menu {
  background-color: #fff;
  /* background-image: url("/img/e_to_a.png"); */
  color: #000;
  width: 290px;
  height: 602px;
  float: left;
  margin: 0;
  padding: 0 15px 0 15px;
}

#menu h2,
#menu h3 {
  font-family: 'Noto Serif', serif;
  font-size: 22px;
  text-shadow: 1px 1px 2px #ddd;
  margin: 2px 0 6px 0;
}

#menu ul {
  margin: 0;
  padding: 10px 0 0 0;
}

#menu li {
  line-height: 1.8em;
}

#menu strong {
  color: #a00;
}

.notes {
  font-size: 12px;
  /* color: #c00; */
}

.spl_info {
  color: #c00;
}

.official_blogs {
  color: #666;
}

.blog_title {
  font-size: 12px;
  line-height: 1em;
}

.blog_update {
  font-size: 12px;
  color: #666;
}

/* ★★★★★★★★★★　インスタ　★★★★★★★★★★ */

.instaPhoto {
  background-color: #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.instaPhoto li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.instaPhoto ul {
  width: 1120px;
  margin: 0;
  padding: 0;
  font-size: 0;
}
.instaLoadingImg {
  width: 64px;
  height: 64px;
  padding-top: 24px;
  padding-bottom: 24px;
  margin: 0 auto;
}

/* ##### 丸が2個バウンスするPreloader ##### */
.preloadSpinner {
  width: 64px;
  height: 64px;
  padding-top: 24px;
  padding-bottom: 24px;
  margin: 0 auto;
  position: relative;
}
.double-bounce1, .double-bounce2 {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #333;
  opacity: 0.5;
  position: absolute;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}
.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/* ★★★★★★★★★★　フッタ　★★★★★★★★★★ */

#footer {

}

#shadow {
  text-align: center;
}

#message {
  background-color: #333;
  font-size: 12px;
  text-align: center;
  padding: 5px;
}

#copyright {
  font-family: Arial,'ＭＳ Ｐゴシック',sans-serif;
  font-size: 10px;
  text-align: center;
  padding: 5px;
  color: #333;
}