@charset "UTF-8";



/* --------------------------------
	body
-------------------------------- */

body { border-top:#000 7px solid; min-width:1000px; background:url(../img/index/body_bg.png); }
/*
#body_bg { background:url(../img/index/bg_line_01.png) no-repeat center top; }
*/


/* --------------------------------
	表紙
-------------------------------- */

#cover { position:relative; margin:0 auto; width:1000px; }

#cover .social { float:right; padding:14px 132px 0 0; }
#cover .social li { float:left; }
#cover .social li.twitter iframe { overflow:hidden; }
#cover .social li.facebook { padding:0 10px 0 0; }

#cover #lang_tab { position:absolute; right:0; top:0; width:117px; }
#cover #lang_tab li { float:left; }
#cover #lang_tab li a,
#cover #lang_tab li span { display:block; overflow:hidden; padding:34px 0 0 0; width:58px; height:0; background:url(../img/index/cover_lang_tab.png); }
#cover #lang_tab li.jp a { background-position:0 0; }
#cover #lang_tab li.jp a:hover,
#cover #lang_tab li.jp span { background-position:0 -34px; }

#cover #lang_tab li.en { padding:0 0 0 1px; }
#cover #lang_tab li.en a { background-position:-59px 0; }
#cover #lang_tab li.en a:hover,
#cover #lang_tab li.en span { background-position:-59px -34px; }

#cover .head { clear:both; }
#cover .head h1 { float:left; padding:10px 0 0 0; }
#cover .head .logo { float:right; padding:54px 0 0 0; }
#cover .data { padding:40px 0 0 0; }
#cover .data .artist { float:left; }
#cover .data .term { float:right; }
#cover .img { padding:38px 0 0 0; }
#cover .caption { padding:5px 5px 0 0; font-size:10px; text-align:right; }



/* --------------------------------
	概要
-------------------------------- */
/*
#overview { background:url(../img/index/bg_line_02.png) no-repeat center bottom; }
*/
#overview .container { margin:0 auto; padding:0 0 38px 0; width:1000px; }
#overview .description { float:left; padding:25px 0 0 0; width:625px; }
#overview .description h2 { font-weight:bold; font-size:20px;color:#91002C; }
#overview .description h3 { font-weight:bold; font-size:16px;color:#91002C;margin:20px 0 0; }
#overview .description p.txt { padding:10px 0 ; color:#505050; font-size:14px; line-height:1.5; }
#overview .description p.event {}
#overview .description p.event a:hover img { opacity:0.7; filter:alpha(opacity=70); }

#overview .outline { float:right; padding:15px 0 0 0; width:321px; }
#overview .outline h2 {}
#overview .outline ul {}
#overview .outline>ul>li { border-bottom:#8f8f8f 1px dotted; padding:22px 0 22px 0; }
#overview .outline ul li h3 { float:left; padding:0 0 10px 0; }
#overview .outline ul li ul { float:right; padding:3px 0 0 0; }
#overview .outline ul li ul li { float:left; padding:0 0 0 5px; font-size:0; line-height:1; }
#overview .outline ul li p { clear:both; padding:3px 0 0 0; font-size:13px; line-height:1.5; }

#overview .sponsor, #overview .profile { padding:20px 0 0 0; font-size:13px; line-height:1.5; border-bottom:#8f8f8f 1px dotted; padding:22px 0 22px 0;}
#overview .sponsor { border:none; }
#overview .sponsor p {}

#overview .profile h3 {padding-bottom:10px;}




/* --------------------------------
	アマナロゴ
-------------------------------- */

p.amana_logo { padding:35px 0 40px 0; width:100%;border-top:1px solid #ccc;}

p.amana_logo span {display:block; margin:0 auto;width:278px;}

p.amana_logo a img { display:block; margin:0 auto; width:112px; padding:0 30px 0 0;float:left;}

p.amana_logo img { display:block; margin:0 auto; width:136px; float:left;padding:15px 0 0 0;}



/* --------------------------------
	フッタ
-------------------------------- */

.footer { background:#000; color:#fff;font-size:12px;text-align:center;}
.footer .copyright { padding:25px 0 43px 0;}



/* --------------------------------
	Funcybox
-------------------------------- */

#fancybox-close { right:18px; top:11px; width:18px; height:18px; background:url(../img/index/close.png) no-repeat; }





/* --------------------------------
	Film Roll
-------------------------------- */
/*
*,:before,:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*/
.hero-unit {
  text-align: center;
  border-radius: 0;
  margin: 35px 0 0;
}
.hero-unit a {
  text-decoration:none;
  color:#fff;
}
.hero-unit h1 img { vertical-align: bottom; }
/*
.hero-unit p { margin-top: 30px; }
*/
.film_roll_wrapper img {
/*
  border: 10px solid white;
  box-shadow: 7px 7px 15px #777;
*/
  margin-left: 5px;
  margin-right: 5px;
  /*transition: all 1s ease;*/
}
.win .film_roll_prev, .win  .film_roll_next {
	line-height: 40px;
}

@media (max-width: 580px) {
  .film_roll_wrapper img {
    margin: 0;
/*
    box-shadow: none;
*/
  }
}
/*
.film_roll_wrapper .active img {
  border: 10px solid yellow;
}
*/
.film_roll_container {
  position: relative;
}
.film_roll_pager a, a.film_roll_prev, a.film_roll_next {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

@media (max-width: 979px) {
  body {
    padding-top: 0px;
  }
  .navbar-fixed-top {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .hero-unit {
    margin-left: -20px;
    margin-right: -20px;
  }
}

a.yellow { color: yellow; }