@charset "UTF-8";

body {
	line-height: 1;
}



/* For modern browsers */
.cf:before,
.cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom:1;
}



/* 全体 ---------------------------------------------------- */
#page-top { bottom: 44px; }



/* リンク */
/*
a:link, a:visited { color: #57738c; text-decoration: none; }
a:hover, a:visited:hover, a:active { color: #4f82a8; text-decoration: underline; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; }
*/
a img.pic { transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; }
a img.pic:hover { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; -ms-filter: "alpha(opacity=70)"; }



/* 共通 ---------------------------------------------------- */
div.wrapper { overflow: hidden; min-width: 980px; }
div.contWrap { width: 980px; margin: 0 auto; }
div.contCard { width: 840px; margin: 0 auto; background-color: white; border-radius: 8px; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2); padding: 30px 40px; }

nav { width: 100%; background-color: black; position: fixed; left: 0; top: 0; z-index: 100; box-shadow: 0px 2px 4px rgba(0,0,0,0.3); min-width: 980px; }
nav ul li { float: left; }
nav ul li a { display: block; color: white; text-decoration: none; padding: 20px 20px 10px; letter-spacing: 0.2em; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; }
nav ul li a:hover { color: red; } 
nav ul li a.logo { padding: 10px 20px 3px 20px; }
nav ul li a.new { padding: 17px 20px 10px 46px; background-image: url(../images/update0115/icon_new.png); background-repeat: no-repeat; background-position: 16px 70%; }
nav ul li a.rows { line-height: 1.25; padding: 8px 20px 10px 46px; background-position: 16px 50%; }

/* ティザーではなく本サイト [1/15] ---------------------------------------------------- */
section.af17sec0 { border-top: solid 20px black; text-align: center; position: relative; background: red url(../images/update0115/white_bg.gif) 640px 0 repeat-x; padding-bottom: 50px; margin-top: 28px; }
section.af17sec0 p.curtainL { position: absolute; left: 0; top: 0; z-index: 5; }
section.af17sec0 p.curtainR { position: absolute; right: 0; top: 0; z-index: 5; }
section.af17sec0 p.lightL { position: absolute; left: 16%; top: 0; z-index: 5; }
section.af17sec0 p.lightR { position: absolute; right: 16%; top: 0; z-index: 5; }
section.af17sec0 p.chara1 { position: absolute; left: 20%; top: 558px; z-index: 10; margin-left: -124px; }
section.af17sec0 p.chara2 { position: absolute; left: 30%; top: 554px; z-index: 10; margin-left: -178px; }
section.af17sec0 p.chara3 { position: absolute; left: 40%; top: 544px; z-index: 10; margin-left: -218px; }
section.af17sec0 p.chara4 { position: absolute; right: 40%; top: 570px; z-index: 10; margin-right: -224px; }
section.af17sec0 p.chara5 { position: absolute; right: 30%; top: 569px; z-index: 10; margin-right: -164px; }
section.af17sec0 p.chara6 { position: absolute; right: 20%; top: 569px; z-index: 10; margin-right: -112px; }
section.af17sec0 p.chara7 { position: absolute; right: 10%; top: 561px; z-index: 10; margin-right: -48px; }

section.af17sec0 p.logo { padding-top: 72px; }
section.af17sec0 div.infobox { width: 440px; margin: 40px auto 0; border: solid 1px red; padding: 12px 34px 24px; text-align: left; background-color: white; position: relative; box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3); }
section.af17sec0 div.infobox p.heart { position: absolute; left: -37px; top: -24px; z-index: 5; }

section.af17sec0 div.infobox dl { line-height: 1.5em; } 
section.af17sec0 div.infobox dl dt { background-color: black; text-align: center; color: white; padding: 0.2em 0.1em 0.1em; border-radius: 5px; margin-top: 10px; }
section.af17sec0 div.infobox dl dd { margin-top: -1.5em; }
section.af17sec0 div.infobox dl.info dt { width: 3.4em; }
section.af17sec0 div.infobox dl.info dd { padding-left: 5em; }
section.af17sec0 div.infobox dl.info dd.date { letter-spacing: 0.15em; }
section.af17sec0 div.infobox dl.cast { margin-top: 20px; padding-top: 10px; border-top: dashed 1px red; }
section.af17sec0 div.infobox dl.cast dt { width: 9.5em; }
section.af17sec0 div.infobox dl.cast dd { padding-left: 10.7em; }
section.af17sec0 div.infobox dl.spec { margin-top: 20px; padding-top: 10px; border-top: dashed 1px red; }
section.af17sec0 div.infobox dl.spec dt { width: 13em; }
section.af17sec0 div.infobox dl.spec dd { padding-left: 14.2em; }



section.af17sec7 { background-color: red; }
section.af17sec7 div.sec7cont { background: url(../images/update0120/sec7tit_re.png) left top no-repeat; padding-left: 205px; min-height: 627px; }
section.af17sec7 div.sec7cont p.subtit { background-color: black; text-align: center; color: white; padding: 0.2em 1em 0.1em; border-radius: 5px; display: inline-block; letter-spacing: 0.2em; }
section.af17sec7 div.sec7cont div.noteBox { border: dashed 1px red; padding: 10px; margin-top: 10px; line-height: 1.5; }
section.af17sec7 div.sec7cont ul.sed7note { margin-top: 30px; }
section.af17sec7 div.sec7cont ul.sed7note li { text-indent: -1.35em; marign-left: 1.35em; line-height: 1.35; margin-top: 5px; }


section.af17sec4 { background: url(../images/update0115/sec5bg.png) top center; padding: 50px 0; }
section.af17sec4 div.sec4cont { background: url(../images/update0115/sec4tit.png) left top no-repeat; padding: 20px 0 0 360px; min-height: 270px; }

section.af17sec5 { background: url(../images/update0115/sec4bg.png) center center; padding: 50px 0; }
section.af17sec5 div.sec5cont { background: url(../images/update0115/sec5tit.png) left top no-repeat; padding: 20px 0 0 440px; min-height: 254px; }

section.af17sec6 { background-color: red; }
section.af17sec6 div.sec6cont { background: url(../images/update0115/sec6tit.png) left top no-repeat; padding-left: 145px; min-height: 190px; }
section.af17sec6 div.sec6cont div.infoBox { border: dashed 1px red; padding: 10px 20px 20px; margin-top: 20px; display: inline-block; }
section.af17sec6 dl { line-height: 1.5em; } 
section.af17sec6 dl dt { background-color: black; text-align: center; color: white; padding: 0.2em 0.1em 0.1em; border-radius: 5px; margin-top: 10px; width: 6em; }
section.af17sec6 dl dd { margin-top: -1.5em; padding-left: 7.5em; }
section.af17sec6 p.sec6car { position: absolute; right: -40px; bottom: 0; z-index: 10; }



section.af17sec1 { background: url(../images/teaser1211/sec1bg.png) center top; padding: 50px 0; }
section.af17sec1 div.sec1cont { background: url(../images/teaser1211/sec1tit.png) left center no-repeat; padding-left: 250px; min-height: 370px; line-height: 1.8; }

section.af17sec2 { background-color: red; }
section.af17sec2 div.sec2cont { background: url(../images/teaser1211/sec2tit.png) left top no-repeat; padding-left: 145px; min-height: 354px; }
section.af17sec2 div.sec2cont ul li { margin-top: 30px; background-position: left top; background-repeat: no-repeat; min-height: 101px; padding-left: 130px; }
section.af17sec2 div.sec2cont ul li:first-child { margin-top: 0; }
section.af17sec2 div.sec2cont ul li.feat1 { background-image: url(../images/teaser1211/sec2_num1.png); }
section.af17sec2 div.sec2cont ul li.feat2 { background-image: url(../images/teaser1211/sec2_num2.png); }
section.af17sec2 div.sec2cont ul li.feat3 { background-image: url(../images/teaser1211/sec2_num3.png); }
section.af17sec2 div.sec2cont ul li p.time { display: inline-block; border: solid 1px red; padding: 8px 12px 4px; font-size: 138%; }
section.af17sec2 div.sec2cont ul li p.tit { font-size: 300%; letter-spacing: 0.1em; padding-top: 18px; }
section.af17sec2 div.sec2cont ul li p.cap { color: #666; letter-spacing: 0.1em; padding-top: 10px; line-height: 1.5; text-indent: -1.35em; margin-left: 1.35em; }
section.af17sec2 p.sec2church { position: absolute; left: 60px; bottom: -3px; z-index: 10; }
section.af17sec2 p.sec2inosatomi { position: absolute; right: 0; bottom: -8px; z-index: 10; }

section.af17sec3 { background: linear-gradient(white, gray); }
section.af17sec3 div.sec3bg { background: url(../images/teaser1211/sec3bg.png) left top; padding: 50px 0; }

section.af17sec3 div.sec3cont { background: url(../images/teaser1211/sec3tit.png) left top no-repeat; padding-left: 452px; min-height: 376px; }
section.af17sec3 div.sec3contRe { background: url(../images/update0120/sec3tit_re.png) left top no-repeat; padding: 20px 0 0 452px; min-height: 379px; }


section.af17sec3 div.sec3cont p.catch { font-size: 132%; line-height: 1.35; }
section.af17sec3 div.sec3contRe p.catch { font-size: 132%; line-height: 1.35; }
section.af17sec3 div.sec3cont p.lead { font-size: 120%; line-height: 1.35; margin-top: 20px; }
section.af17sec3 div.sec3cont p.cap { line-height: 1.8; margin-top: 15px; }
section.af17sec3 div.sec3contRe p.cap { line-height: 1.8; margin-top: 15px; }
section.af17sec3 div.sec3cont p.stickers { text-align: right; margin-top: 30px; }



/* フッタ */
div.abfs17footArea { background-color: black; color: white; }
div.abfs17footArea div.footLeft { float: left; padding: 20px 0 10px 15px; }
div.abfs17footArea div.footLeft ul.logos li { float: left; padding-right: 30px; }
div.abfs17footArea div.footLeft p.copyright { margin-top: 95px; }
div.abfs17footArea div.footRight { float: right; padding: 17px 15px 10px 0; text-align: right; }
div.abfs17footArea div.footRight p.abeCap { margin-top: 35px; line-height: 1.6; }










/* RESPONSIVE ---------------------------------------------------- */
/*
@media screen and (max-width: 765px) {
	
	
	
}
*/