@charset "UTF-8";
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a{text-decoration:none;color:#FFF;}
a img{border: 0; margin:0; padding:0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
img {padding:0; margin:0;}
.clearfix:after {content: ".";  display: block; clear: both;height: 0;visibility: hidden;}
.clearfix {min-height: 1px;}
.clear {clear: both;}
.hidden {display: none;visibility: hidden;}

body{background:#000;color:#FAFAFA;font:18px "ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;line-height:1.7; -webkit-text-size-adjust: none;}

header{width:100%;max-width:960px;margin:0px auto;padding-top:10px;}
header:after{content: "";  display: block; clear: both;height: 0;visibility: hidden;}
header .sitetitle{float:left;display:block;}
header .member{float:right;display:block;margin:20px 0px 0px;}


header .sitetitle img,
header .member img{max-width:90%;width:auto;height:auto;}

.wrap{width:96%;max-width:960px;border:1px solid #999;border-bottom:0px;margin:0px auto;background-image:url(../img/bg.jpg);background-repeat:no-repeat;background-size:cover;}
main{}
.logoArea{margin:10px 2%;}
.logoArea:after{content: "";  display: block; clear: both;height: 0;visibility: hidden;}
.logoArea .left{float:left;}
.logoArea .right{float:right;}

.caption{font-size:63%;color:#CCC;padding-left: 1em;text-indent: -1em;line-height:160%;}
.caption:before{content:"※";}

main article{}
main article section{clear:both;}

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

main article .row .col3{width:22%;display:block;float:left;margin:0px 2%;height:auto;}
main article .row .col9{width:68%;display:block;float:left;margin:0px 2%;height:auto;}

main article .row .col4{width:30%;display:block;float:left;margin:0px 2%;height:auto;}
main article .row .col8{width:62%;display:block;float:left;margin:0px 2%;height:auto;}
main article .row .col5{width:38%;display:block;float:left;margin:0px 2%;height:auto;}
main article .row .col7{width:56%;display:block;float:left;margin:0px 2%;height:auto;}
main article .row .col6{width:45.5%;display:block;float:left;margin:0px 2%;height:auto;}
main article .row .col2 img,
main article .row .col3 img,
main article .row .col4 img,
main article .row .col5 img,
main article .row .col6 img,
main article .row .col7 img,
main article .row .col8 img,
main article .row .col9 img{display:block;width:auto;height:auto;max-height:393px;max-width:100%;margin:0px auto;}


main article section.mainArea > p{}
main article section.mainArea p.lead{font-size:150%;color:#EFD98A;letter-spacing:0.1em;margin-top:35px;line-height:150%;}

main article section.mainArea.cnt{text-align:center;}
main article section.mainArea.cnt p{margin-bottom:20px;}
main article section.mainArea.cnt img{width:70%;max-width:500px;height:auto;}

main article h1{font-family:'arial narrow',sans-serif;font-size:125%;letter-spacing:0.2em;margin:10px 0px; }
main article h1 span { font-size:75%;}
main article h1.two_lines { line-height:110%; padding-bottom:10px;}

main article figure{background:url(../img/bg2.png) left top repeat-x;width:96%;margin:20px auto;min-height:220px;padding:13px 0px;}
main article figure p,
main article figure dl,
main article figure ol,
main article figure ul,
main article figure figcaption{font-family:sans-serif;margin:0px 20px 10px;}
main article figure figcaption{font-size:110%;}
main article figure ol,
main article figure dl,
main article figure p{font-size:83%;line-height:190%;}
main article figure dl dt:before{content:"●";color:#D4145A;}
main article figure dl dd{padding-left:1em;}
main article figure dl dd p{font-size:100%;line-height:150%;}
main article figure ol li{list-style-type:decimal;margin-left:2em;}

main article figure ul li{list-style-type:disc;margin-left:1em;font-size:83%;}

nav{}
nav.gnav{width:96%;margin:20px auto;}
nav.gnav ul{}
nav.gnav ul:after{content: "";  display: block; clear: both;height: 0;visibility: hidden;}
nav.gnav ul li{float:left;width:49%;margin:5px 1%;}
nav.gnav ul li:nth-child(odd){margin-left:0%;}
nav.gnav ul li:nth-child(even){margin-right:0%;}
nav.gnav ul li a{border:1px solid #999;display:block;padding:10px 20px;text-align:center;background:rgba(255,255,255,0.2);}
nav.gnav ul li a:hover{background:rgba(255,0,94,0.8);}
nav.gnav ul li.active a{background:rgba(255,0,94,0.5);}
nav.gnav div{clear:both;}
nav.gnav div.line{border:1px solid #999;}
nav.gnav div.line.present,
nav.gnav div.story{margin:10px auto;}
nav.gnav div.story a{display:block;padding:40px 0px;text-align:center;font-size:140%;background-color:#D4145A;background-image:url(../img/bg3_left.png),url(../img/bg3_right.png);background-position:left bottom,right top;background-repeat:no-repeat,no-repeat;}
nav.gnav div.story a br{display:none;}
nav.gnav div.story a:hover{background-color:#AC1789;}
nav.gnav div.line.present:after{content: "";  display: block; clear: both;height: 0;visibility: hidden;}
nav.gnav div.line.present p{padding:50px 20px;width:31%;float:left;text-align:center;margin-left:15%;}
nav.gnav div.line.present em{display:block;font-family:'arial narrow',sans-serif;font-size:120%;letter-spacing:0.2em;}
nav.gnav div.line.present img{width:31%;display:block;float:right;margin-right:15%;height:auto;}

p.sitetop{max-width:450px;margin:0px auto;}
p.sitetop a{display:block;text-align:center;background:#D4145A;padding:10px 0px 10px;width:96%;margin:45px auto 20px;}

footer{padding:10px auto 30px;}
footer p{font-size:80%;text-align:center;color:#CCC;font-family:Arial;padding-bottom:20px;}

body,html {height:100%;}
#opAnime{position:relative;width:100%;height:100%;}
#opAnime ul li{width:100%;height:100%;position:absolute;top:0px;left:0px;opacity:0;}
.s1{-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.s2{-webkit-transition: all 2s;-moz-transition: all 2s;-ms-transition: all 2s;-o-transition: all 2s;transition: all 2s;}
.s3{-webkit-transition: all 3s;-moz-transition: all 3s;-ms-transition: all 3s;-o-transition: all 3s;transition: all 3s;}
.s4{-webkit-transition: all 4s;-moz-transition: all 4s;-ms-transition: all 4s;-o-transition: all 4s;transition: all 4s;}
.s03{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}

#opAnime ul li.bl{background:rgba(0,0,0,1);}
#opAnime ul li.wh{background:rgba(255,255,255,1);}
#opAnime ul li.pk{background:rgba(212,20,90,1);}
#opAnime ul li img{width:80%;max-width:960px;height:auto;display:block;top: 50%;position:relative;display:block;margin:0px auto;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}

#opAnime ul li.fade {opacity: 1;}


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

header .sitetitle,
header .member{float:none;text-align:center;}
header .member{margin:0px 0px 20px;}
.wrap{width:100%;max-width:960px;border:1px solid #999;border-bottom:0px;border-left:0px;border-right:0px;margin:0px auto;}

.logoArea .left,
.logoArea .right{float:none;text-align:center;}
.logoArea .left img{height:auto;max-width:120px;}


main article section.mainArea p.lead{text-align:center;font-size:150%;color:#EFD98A;letter-spacing:0.1em;margin-top:50px;}
main article h1{text-align:center;font-family:'arial narrow',sans-serif;font-size:120%;letter-spacing:0.2em;margin:10px 0px;}

main article section.mainArea.cnt p.brs{text-align:left;}
main article section.mainArea.cnt p.brs br{display:none;}

main article .row .col2,
main article .row .col3,
main article .row .col4,
main article .row .col5,
main article .row .col6,
main article .row .col7,
main article .row .col8,
main article .row .col9,
main article .col12{width:96%;display:block;float:none;margin:0px 2%;height:auto;}

nav.gnav ul li{float:left;width:100%;margin:5px 0%;}
nav.gnav ul li:nth-child(odd){margin-left:0%;}
nav.gnav ul li:nth-child(even){margin-right:0%;}
nav.gnav div.story a br{display:inline;}


nav.gnav div.line.present p{padding:30px 0px 0px;width:100%;text-align:center;margin:0px auto;float:none;}
nav.gnav div.line.present em{display:inline;font-family:'arial narrow',sans-serif;font-size:100%;letter-spacing:0.2em;}
nav.gnav div.line.present img{width:50%;display:block;float:none;margin:0px auto;height:auto;}

}

/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){
	.pagetop a { position: fixed; bottom:0; left:0; width:100%; display:block; border-radius:0px; background: #323232 url(../images/pagetop.png) no-repeat 35% center; padding:10px 0px 10px; color:#FFF; text-decoration:none; text-align:center; font-size:14px; margin-left:0; z-index:9999; margin-bottom:0px;}

#top_contents .middle_area div figure figcaption { position: absolute; top:40px; left:25%; font-size:18px;text-shadow:0px 0px 10px #000 ,0px 0px 10px #000,0px 0px 10px #000,0px 0px 10px #000; font-family:"ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif; letter-spacing:0.2em;}


}