@charset "UTF-8";
/* CSS Document */

html,body,div,ul,ol,li,dl,dt,dd,form,fieldset,input,textarea,h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,th,td { margin:0; padding:0;}
img { border: 0; vertical-align: bottom; border-style: none;}
a img { border-style:none;}
a { outline: none; }
a:link,a:visited,a:active {outline: none;} 
a:link { color: #E9385B;}
a:visited { color: #E9385B;}
a:hover { color: #069;}
a:active { color: #09C;}

body,td,th { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	background-color: #5C1A17; font-size: 15px; color: #fff; line-height: 180%;}
.clearfix{ clear:both;}
#pagetop { bottom: 15px; right: 15px; position: fixed; z-index: 500;}

#header{ background-color:#000000; height:31px; border-bottom:solid 1px #c89d53;}
#header #content{ width:100%; max-width:1000px; margin:0 auto; text-align:center; height:31px; position:relative;}
#header #content #links{ position: absolute; left: 12px; top: 4px;}
#header #content #links a{ color:#FFF; font-size:12px; text-decoration:none;}
#header #content #links a:hover{ color:#39F;}
#header #content #sns{ position: absolute; right: 10px; top: 0px;}

.getshop{ margin-left:30px;}

#footer{ background-image:url(../img/footer.jpg); border-top:solid 1px #653a39; color:#FFF; font-family:Arial, Helvetica, sans-serif; margin-top:30px;}
#footer #sns{ border-bottom: solid 1px #653a39; text-align: center;	padding: 20px 0;}
#footer #sns img{ margin:0 8px;}
#footer #content{ width: 100%; margin: 0 auto;	padding-top: 30px; padding-bottom: 30px; text-align: center; font-size: 13px; line-height: 150%;}
#footer #content img{ margin:5px;}

h2{ text-align:center; margin:30px auto;}
h2 img{ width:100%; max-width:947px;}
#line2{	height: 5px; width: 100%; background-image: url(../img/bar2.jpg); background-position: center;}
.catchtext{ margin:0 auto 30px; width:92%; max-width:980px; text-align:center; line-height:170%; font-size:18px;}

.bar{ height: 81px; background-image: url(../img/bar.jpg);	background-position: center; width: 100%; margin-bottom: 30px; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 30px; font-weight: bold; color: #000; text-shadow: 0 0 8px #8b7447; position: relative;}
.bar h3{ position: absolute; top: 27px; bottom: 0; right: 0; left: 0; margin: auto; text-align: center;}

#main{ width: 100%; background-image: url(../img/main.jpg);	min-height: 720px; background-position: center top;	background-repeat: no-repeat; background-color:#000;}
#main #maincontent{	width: 100%; max-width: 990px; height: 720px; margin: auto;	position: relative;	text-align: center}
#main #maincontent #nintendo{ position:absolute; top:30px; left:5px;}
#main #maincontent #readcatch{ position: absolute;	top: 30px;	right: 90px;}
#main #maincontent #logo{ position:absolute; bottom:180px; right:5px;}
#main #maincontent #logo img{ width: 100%; max-width: 564px;}
#main #maincontent #cero{ position:absolute; right:0; padding-right:15px; bottom:115px;}
#main #maincontent #day{ position: absolute; right: 17px; bottom:100px;}
#main #maincontent #spec{ position: absolute; right: 0; bottom: 10px;}
#main #maincontent #spec img{ width: 100%; max-width: 396px;}
#main #maincontent #get_tokuten{ position: absolute; left: 10px; bottom: 15px;}
#main #maincontent #movie{ position:absolute; display:block; left:180px; bottom:12px;}


#flashContent a{ display:block; width:153px; height:85px; z-index:500; background-image:url(../img/white.png);opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=40 )"; position:absolute; left:180px; bottom:10px;}
#flashContent a:hover{ background-image:url(../img/white.png);opacity:1; filter:alpha(opacity=100); -ms-filter: "alpha( opacity=100 )";}


.content{ width:92%; max-width:960px; margin:0 auto 60px; }
.content2{
	width: 92%;
	max-width: 960px;
	margin: 0 auto 60px;
}
.content3{ width:92%; max-width:960px; margin:0 auto 20px; }
.textbox2{ width:100%;}

#tokuten{ background-image:url(../tokuten/bg.jpg); background-repeat:repeat-x;}
#tokutenhead{ padding-top:30px; position:relative;}
#tokutenhead #btn_back{ position:absolute; right:0; bottom:5px;}

.textbox2 h1{ color:#FF0; font-size:26px; font-weight:normal; padding-top:40px;}
.textbox2 h2{
	color: #F00;
	font-size: 40px;
	font-weight: bold;
	text-align: left;
	line-height: 110%;
	margin-top: 10px;
}
.textbox2 h2 span{ color:#F00; font-size:26px; font-weight:bold; text-align:left; line-height:135%;}
.textbox2 p{ font-size: 16px;}
.textbox2 #day{ border: 2px red solid; border-radius: 10px; text-align:center; font-size:25px; padding:20px; display:block; margin-top:30px; margin-bottom:30px; line-height:135%;}
.textbox2 #photo{ text-align:center;}
.textbox2 #photo img{ padding:2px; max-width:407px; width:100%;}
.textbox2 h3{ color:#F00; font-size:40px; font-weight:bold; text-align:center; line-height:110%; padding-top:80px; padding-bottom:25px; text-shadow: 2px 2px 5px #000000;}
.textbox2 .flow{ background-color: #be0000; border-radius: 10px; text-align:center; font-size:25px; padding:20px; display:block; margin-top:10px; margin-bottom:10px; text-shadow: 1px 1px 5px #000000; line-height:135%;}
.textbox2 .ya{ text-align:center;}
.textbox2 dt{ float:left;}
.textbox2 dd{ margin-left:1.2em;}

.textbox{ width: 50%; float:left;}
.textbox img{ width:100%;}
.textbox3{ width: 50%; float:right;}
#ss02{ float:right; width:50%; text-align:center;}
#ss02 img{ width:92%; max-width:400px;}
#ss03{ float:left; width:50%; text-align:center;}
#ss03 img{ width:92%; max-width:400px;}
h4{ font-size:21px; font-weight:bold; color:#F00; padding-bottom:5px;}

#frame{ width:92%; max-width:962px; margin:0 auto; background-image:url(../img/frame2.jpg); color:#000; line-height:150%; position:relative;}
#frame .douji{ position:absolute; right:20px; top:20px;}
#frame #topframe{ background-image:url(../img/frame1.jpg); height:41px; text-align:right;}
#frame #bottomframe{ background-image:url(../img/frame3.jpg); height:41px; text-align:right;}
#frame #middleframe{ background-image:url(../img/frame_right2.jpg); background-position:right; background-repeat:repeat-y;}
#frame #middleframe #specs{ width:92%; margin:0 auto;}
#frame #middleframe #specs h5{ font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 32px; font-weight: bold;	text-shadow: 0 0 7px #666;	color: #5C1A17;	padding-bottom: 3px;	line-height: 120%;}
#frame #middleframe #specs h6{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #5C1A17;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 0 0 7px #999;
	padding-bottom: 15px;
}
#frame #middleframe #specs h7{ font-weight: bold; font-size: 20px; color: #EC2617; padding-bottom: 5px;	display: block;	}
#frame #middleframe #specs h8{ font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 38px; font-weight: bold; text-shadow: 0 0 7px #666;	color: #5C1A17;	margin-bottom: 10px; line-height: 120%; display:block;}
#frame #middleframe #specs span{ font-size:12px;}
#chara ul{ list-style:none; padding-top:20px;}
#chara li{ float:left; width:20%; margin-bottom:10px; text-align:center; }
#chara li img{ width:95%;}

#scenario ul{ list-style:none; padding-top:20px;}
#scenario li{ float:left; width:33%; margin-bottom:25px; text-align:center; }
#scenario li img{ width:97%;}
#scenario li span{ padding-top:10px; display:block; width:95%; margin:0 auto; text-align:left; font-size:14px; line-height:145%;}
#scenario h4{	font-size: 20px;	font-weight: bold;	color: #FFCC00;	padding-top: 20px;	padding-bottom: 10px;	text-shadow: 2px 2px 4px #000;}
#scenario p{ padding-bottom:20px;}

#pv{ margin:0 auto 40px; width:100%; max-width:856px; position:relative;}
#pv span{ position:absolute;}
#pv img{ width:100%;}

.pbox{	text-align: center;	padding-top: 0px;}
.pbox img{ width:100%; max-width:776px;}
#twinpack{ float:right; margin-top:-20px;}

.new{ margin-bottom:3px; margin-left:5px;}
.notice{ margin:0 auto; padding-top:20px; padding-bottom:10px; width:92%; max-width:960px; font-size:12px;}
.photos{ text-align:center; padding:20px 0 30px;}
.photos img{ padding:0 8px; }

#haishinlist ul{ list-style:none;}
#haishinlist li{ float:left; padding:0 6px 6px; text-align:center; width:18%;}
#haishinlist li img{ width:100%;}




@media screen and (min-width: 987px) {
.hidepc{ display:none;}
#tokuten_sp{ display:none;}
}

@media screen and (min-width: 640px) and (max-width: 986px) {
.bar{ height: 81px; background-image: url(../img/bar.jpg);	background-position: center; width: 100%; margin-bottom: 30px; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 26px; font-weight: bold; color: #000; text-shadow: 0 0 8px #8b7447; position: relative;}
.bar h3{ position: absolute; top: 15px; bottom: 0; right: 0; left: 0; margin: auto; text-align: center;}
.hidepc{ display:none;}

#haishinlist ul{ list-style:none;}
#haishinlist li{ float:left; padding:0 6px 6px; text-align:center; width:23%;}
#haishinlist li img{ width:100%;}
#tokuten_sp{ display:none;}
}

@media screen and (max-width: 639px) {
#main #maincontent #readcatch{ position: absolute;	top: 30px;	right: 15px;}
#main #maincontent #readcatch img{ width:90%;}
#main #maincontent #nintendo{ position: absolute; top: 15px; left: -30px;}
#main #maincontent #nintendo img{ width:70%;}
#main #maincontent #logo{ position:absolute; bottom:255px; right:5px;}
#main #maincontent #day{ position: absolute; right: 15px; bottom:120px;}
#main #maincontent #spec{ position: absolute; right: 0; bottom: 25px;}
#main #maincontent #tokuten{ position: absolute; left: 35px; bottom: 7px;}
#main #maincontent #get_tokuten{ display:none;}
#main #maincontent #movie{ display:none;}

#header #content #links{ display:none;}

.catchtext{ margin:0 auto 30px; width:92%; text-align:left; line-height:170%; font-size:16px;}
.bar{ height: 81px; background-image: url(../img/bar.jpg);	background-position: center; width: 100%; margin-bottom: 30px; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 21px; font-weight: bold; color: #000; text-shadow: 0 0 8px #8b7447; position: relative;}
.bar h3{ position: absolute; top: 15px; bottom: 0; right: 0; left: 0; margin: auto; text-align: center;}
.textbox{ width: 100%;}

.textbox2 h1{ color:#FF0; font-size:22px; font-weight:normal; padding-top:40px;}
.textbox2 h2{ color: #F00; font-size: 30px; font-weight: bold; text-align: left; line-height: 110%;	margin-top: 10px;}
.textbox2 #day{ border: 2px red solid; border-radius: 10px; text-align:center; font-size:21px; padding:20px; display:block; margin-top:30px; margin-bottom:30px; line-height:135%;}

#ss02{ width:100%; text-align:center; padding-top:20px;}
#ss02 img{ width:100%; }
.textbox3{ width: 100%; padding-top:30px;}
#ss03{ width:100%; text-align:center;}
#ss03 img{ width:100%; }
#frame #middleframe #specs{ width:88%; margin:0 auto;}
#frame #middleframe #specs h5{ font-size:21px;}
#frame .douji{ position:absolute; left:10px; top:-55px;}
#chara li{ float:left; width:33%; margin-bottom:10px; text-align:center; }
#btn_back{ display:none;}
#scenario li{ float:left; width:50%; margin-bottom:25px; text-align:center; }
#twinpack{ display:none;}
.hidesp,.new{ display:none;}
.photos img{ padding-bottom:10px; width:100%;}

#haishinlist ul{ list-style:none;}
#haishinlist li{ float:left; padding:0 2px 6px; text-align:center; width:32%;}
#haishinlist li img{ width:100%;}
#haishinlist li span{ font-size:12px;}

#tokuten_sp{ text-align:center; margin:0 auto; padding-top:20px;}
}