@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: #000; font-size: 15px; color: #FFF; background-image: url(../img/star.jpg); background-repeat: no-repeat; background-position: center top; background-attachment: fixed;}
.clearfix{ clear:both;}

hr{ border:solid 1px #333;}

@media screen and (min-width: 640px) {

/* Navigation */
#navi{ width:970px; height:88px; margin:0 auto; position:relative;}
#navi ul{ list-style:none;}
#navi li{ float:left; display:block; height:88px;}
#navi li a{ float:left; display:block; height:88px; background-image:url(../img/nav.png); text-indent:-9999px; }
#navi .new2{ position: absolute; left: 361px; top: 57px;}
#navi .new3{ position: absolute; left: 474px; top: 57px;}
#navi .new4{ position: absolute; left: 578px; top: 57px;}
#navi .new5{ position: absolute; left: 661px; top: 57px;}
#navi .new6{ position: absolute; left: 790px; top: 57px;}

#navi ul li.homepage a{ background-position: 0px top; width: 170px; margin-right: 0px;}
#navi ul li.outline a{background-position:-247px top; width:150px; }
#navi ul li.enbu a{background-position:-397px top; width:118px; }
#navi ul li.system a{ background-position:-515px top; width:110px; }
#navi ul li.mode a{ background-position:-625px top; width:92px; }
#navi ul li.movie a{ background-position:-717px top; width:110px; }
#navi ul li.dlc a{ background-position:-827px top; width:142px; }
#navi ul li.shop a{ margin:28px 0 0 5px; height:22px; width:73px; background-image:url(../img/nav_shop.gif);}

#navi ul li.homepage a:hover{background-position:0px -88px; }
#navi ul li.outline a:hover{background-position:-247px -88px; }
#navi ul li.enbu a:hover{background-position:-397px -88px; }
#navi ul li.system a:hover{ background-position:-515px -88px; }
#navi ul li.mode a:hover{ background-position:-625px -88px; }
#navi ul li.movie a:hover{ background-position:-717px -88px; }
#navi ul li.dlc a:hover{ background-position:-827px -88px; }
#navi ul li.shop a:hover{ background-position:0 -22px;}

#navi ul li.homepage { }
#navi ul li.outline { background-position:-247px bottom; }
#navi ul li.enbu { background-position:-397px bottom; width:118px; background-image:url(../img/nav.png); text-indent:-9999px; }
#navi ul li.system { background-position:-515px bottom; width:110px; background-image:url(../img/nav.png); text-indent:-9999px; }
#navi ul li.mode { background-position:-625px bottom; width:92px; background-image:url(../img/nav.png); text-indent:-9999px; }
#navi ul li.movie { background-position:-717px bottom; width:110px; background-image:url(../img/nav.png); text-indent:-9999px; }
#navi ul li.dlc { background-position:-827px bottom; width:142px; background-image:url(../img/nav.png); text-indent:-9999px; }

body.homepage #navi ul li.homepage>a { }
body.outline #navi ul li.outline>a { background-position:-247px -88px; }
body.enbu #navi ul li.enbu>a { background-position:-397px -88px; }
body.system #navi ul li.system>a { background-position:-515px -88px; }
body.mode #navi ul li.mode>a { background-position:-625px -88px; }
body.movie #navi ul li.movie>a { background-position:-717px -88px; }
body.dlc #navi ul li.dlc>a { background-position:-827px -88px; }
/* Navigation */


#header{ width:100%; height:88px; position:fixed; background-image:url(../img/header.png); z-index:1000;}
#newsbar{ position: absolute; width: 100%; height: 41px; background-image: url(../img/news_bar.png); background-position: center top; top: 710px; padding-top: 5px;	font-size: 14px; text-shadow: 2px 1px #000; opacity: 0;}
#newsbar #information{ width:980px; margin:0 auto; position:relative;}
#newsbar #information #newstext{ float:left;}
#newsbar #information #newstext a{ color:#FFF; text-decoration:none;}
#newsbar #information #newstext a:hover{ color:#E9385B; text-decoration:underline;}
#newsbar #information #tags{ float:right; margin-top:7px;}
iframe.twitter-share-button {width: 105px!important;}
#displaycontest{ position:absolute; top:3px; left:500px;}

#tophead{ display:none;}

#toppage{ background-image: url(../img/mainvisual.jpg); background-position: center top; background-repeat: no-repeat; min-height: 890px;opacity:0;}
#topcontent{	position: relative;	width: 1000px;	margin: 0 auto;	height: 780px;}
#topcontent h1{ position: absolute; left: 504px; top: 491px; z-index:10}
#topcontent h2{ position: absolute; left: 29px; top: 124px; z-index: 10}
#topcontent #lightlogo{ position: absolute; left: 504px; top: 491px; z-index:20;}
#topcontent #sengoku10thlogo{ position: absolute; left: 877px; top: 99px;}
#topcontent #lighting{ position: absolute; left: 92px; top: 243px;}
#topcontent #famitsu{	position: absolute;	left: 2px;	top: 562px;}
#topcontent #nikonama{ position: absolute; left: 703px; top: 245px;}

#tokuten{ width:1000px; margin:0 auto 30px;}
#tokuten .box .gentei10{ position: absolute; right: 15px; top: -8px;}

#tokuten .box{ width: 28%; margin: 0 5px; float: left; padding: 20px 20px 0 20px; border: solid 1px #555; background-image: url(../img/bg_box.png); min-height: 350px; position: relative;}
#tokuten .box h3{ font-size: 20px; font-weight: bold; color: #F00; margin-bottom: 20px; text-shadow: 2px 1px #000;}
#tokuten .box p{ font-size: 14px; line-height: 150%;}
#tokuten .box .product{ text-align:center; padding-top:20px;}
#tokuten .box .product2{ text-align:center; }

#tokuten .box_10th{ width: 612px; margin: 0 5px; float: left; padding: 20px 20px 0 20px; border: solid 1px #555; background-image: url(../img/bg_box.png); min-height: 350px; position: relative;}
#tokuten .box_10th h3{ font-size: 20px; font-weight: bold; color: #F00; margin-bottom: 20px; text-shadow: 2px 1px #000;}
#tokuten .box_10th p{ font-size: 14px; line-height: 150%;}
#tokuten .box_10th .product{ text-align:center; padding-top:20px;}
#tokuten .box_10th .product2{ text-align:center; }

#tokuten .box2 .product2{ text-align:center; position:relative;}
#tokuten .box2{ width: 944px; margin: 10px 5px; float: left; padding: 20px 20px 20px 20px; border: solid 1px #555; background-image: url(../img/bg_box.png); position: relative;}
#tokuten .box2 h3{ font-size: 20px; font-weight: bold; color: #F00; margin-bottom: 20px; text-shadow: 2px 1px #000;}
#tokuten .box2 p{ font-size: 14px; line-height: 150%;}
#tokuten .box2 #tboxtext{ position: absolute; left: 313px; top: 30px;}
#tokuten .box2 .same{ position: absolute; right: 24px; top: 16px;}
.notice{ font-size: 13px; line-height: 140%; color: #999; margin-left: 2px;}

#date{ text-align:center; margin-bottom:30px;}

#spec{ width:840px; margin:0 auto; position:relative;}
#spec dl{ line-height:160%; margin-bottom:50px;}
#spec dl .tboxcost{ font-size:23px; font-weight:bold; margin:20px 0 10px;}
#spec dt{ float:left; width:10em;}
#spec dd .pac{ float:left; margin-right:2em;}
#spec dd .pac2{ }
#spec dd .dlc{ margin-left:1em;}
#spec #cero{ position:absolute; right:0;}
#spec #thanks{ position: absolute; right: 0px; top: 150px;}
#spec .notice{ padding-top:5px; padding-bottom:5px; color:#09F;}

#footer{ background-image:url(../img/footer_line.jpg); background-position:center top; background-repeat:no-repeat; text-align:center; padding-bottom:30px; background-color:#000;}
#footer #sns{ text-align:center;}
#footer #links{ margin:0 auto 40px auto;}
#footer #links img{ margin:4px;}
#footer #sns img{ margin:30px 50px;}
#footer #sns2{ text-align: center; padding: 10px 0; background-image:url(../img/footer_line.jpg); background-position:center bottom; background-repeat:no-repeat;}
#footer #sns2 img{ margin:0 10px;}

#pagetop { bottom: 50px; right: 25px; position: fixed; z-index: 500;display:none;}
.hidepc{ display:none;}

#featuretop{ width: 100%; background-image: url(../outline/bg.jpg); background-repeat: no-repeat; background-position: center top; height: 850px; text-align: center; opacity:0;}
#featuretop h2{ padding-top: 430px;}
#ii{ height:918px; background-image:url(../outline/ii.png); background-position:center; background-repeat:no-repeat; }
#ii #ii_still{ position:relative; width:940px; margin:0 auto;}
#ii #ii_still #btn{ position:absolute; top:800px;}
.ii_sp{ display:none;}

.wrapper{ width: 940px; margin: 0 auto;}
.wrapper h1{ margin-bottom:15px; text-align:center; padding-top:120px;}
.wrapper h2{ margin-bottom:15px; text-align:center; padding-top:30px;}
.wrapper h3{ margin-bottom:15px;}
.wrapper h3 span{ display:none;}
.wrapper p{ color: #CCC; font-size: 15px; line-height: 165%; padding-bottom: 30px; padding-right: 90px; padding-left: 30px;}
.clearfix2{ clear:both; height:50px;}
.clearfix3{ clear:both; height:80px;}
.clearfix4{ clear:both; height:10px;}

.enbu_bg{ width:1000px; margin:0 auto; background-image:url(../enbu/bg.jpg); background-position:center top; background-repeat:no-repeat; background-attachment:fixed; }
#enbu_read p{ margin:0 auto; width:850px; padding-right:0; padding-top:10px;}
#eubu_chara{ position:relative; width:1000px; margin:50px auto 0;}
#eubu_chara ul{ list-style:none;}
#eubu_chara li{ float:left;}
#eubu_chara li.naomasa{ margin-left: 300px;}
#eubu_chara li.nobuyuki{ margin-left:70px;}
#eubu_chara li.hisahide{ position: absolute; right: 0px;}
#eubu_chara li.mitsunari{ position: absolute; right: 0px;}
#eubu_chara li.toyohisa{ }
#eubu_chara li.kojyuro{ position: absolute; right: 0px;}
#eubu_chara li.kagekatsu{ }
#eubu_chara li.takakage{ position: absolute; left: 290px;}
#eubu_chara li.takatora{ position: absolute; right: 0px;}
#eubu_chara li.hayakawa{ margin:0 30px 0 140px;}
#eubu_chara li.garasha{ margin-left: 200px;}
#eubu_chara_sp{ display:none;}

#tips{ border: solid 1px #32498c; padding: 35px 0 40px 40px; margin-bottom: 80px; line-height: 150%;}
#tips h3{ margin-bottom:15px;}
#tips ul{ list-style:none; margin-top:20px;}
#tips li{ float:left; margin-right:17px;}
#tips .tipsimg{ width:100%;}
#tips .tipsimg img{width:95%;}

#eubu_chara li.naomasa span{ position: absolute; left: 437px; top: 339px;}
#eubu_chara li.nobuyuki span{ position: absolute; left: 190px; top: 729px;}
#eubu_chara li.hisahide span{ position: absolute; left: 89px; top: 323px;}
#eubu_chara li.kosyosyo span{ position: absolute; left: 207px; top: 1128px;}
#eubu_chara li.mitsunari span{ position: absolute; left: 87px; top: 347px;}
#eubu_chara li.garasha span{ position: absolute; left: 435px; top: 2744px;}

.single{ text-align:center;}
.single img{ width:80%;}
.double_image{}
.double_image ul{ list-style:none;}
.double_image li{ float:left; margin-right:10px;}
.double_image li img{ width:460px;}

.enbu_img{ width: 1000px; margin: 0 auto; padding-top: 120px; padding-bottom: 0px; position: relative; height: 928px;}
.enbu_img h2{ position: absolute; top: 601px; left: 60px; z-index: 8;}
.enbu_img h3{ position: absolute; width: 340px; left: 61px; top: 675px; font-weight: normal; font-size: 15px; line-height: 165%; z-index: 7; text-shadow: 2px 1px #000;}
.enbu_img .back{ position: absolute; top: 130px; right:10px; z-index:6;}
.enbu_img #get_ii{ position: absolute; left: 44px; top: 793px; z-index: 9;}
.bokashi{ position: absolute; left: 41px; top: 583px; z-index: 3;}
#character{ z-index:5; opacity:0;}
#snavi{ width:940px; margin:0 auto 60px auto; text-align:center; font-size:13px;}
#snavi a{ color:#FFF; text-decoration:none;}
#snavi a:hover{ color:#F00; text-decoration:underline;}
.back_sp{ display:none;}

.ya_left{ position:fixed; left:0; top:400px;}
.ya_right{ position:fixed; right:0; top:400px;}

.doll_hayakawa{ padding-left: 110px;}
.doll_nouhime, .doll_kosyosyo, .doll_loppi, .doll_naomasa{ width:100%; text-align:center;}
.doll_hayakawa img{ width:60%;}
.doll_nouhime img{ width:43%;}
.doll_kosyosyo img{ width:60%;}
.doll_loppi img{width:32%;}
.doll_naomasa img{width:35%;}

#iinaomasa{ width: 100%; background-image: url(../ii/ii.png); background-repeat: no-repeat; background-position: center top; height: 1047px; text-align: center;}
#iinaomasa #iinaomasa_content{ width:1000px; margin:0 auto; position:relative;}
#iinaomasa #iinaomasa_content #iiname{ position: absolute; left: 74px; top: 94px;}
#iinaomasa #iinaomasa_content #iiread{ position: absolute; left: 827px; top: 193px;}
#iinaomasa #iinaomasa_content #iiback{ position: absolute; right: 20px; top: 120px;}

.img2, .img3, .img4, .img5, .img6 { display:none;}
.banner{ margin: 0px auto 10px;	width: 988px; position: relative;}
.banner span{ position:absolute; top:2px; left:2px;}
.banner2{ margin: 0px auto 10px;	width: 997px; position: relative;}
.banner2 span{ position:absolute; top:2px; left:2px;}
.banner2 .update{ position:absolute; margin-left:-328px; margin-top:2px;}

#movie{ margin-bottom:40px;}
#movie ul{ list-style:none;}
#movie li{ float: left; margin: 0 7px 30px 6px; position: relative;}
#movie li .cap{ display: block; margin-top: 5px; font-size: 14px;}
#movie li span{ position:absolute; top:0px; z-index:100;}

.song{ width: 890px; margin: 0 auto; position: relative; color:#ccc;}
.song dl{ line-height:160%; margin-bottom:20px;}
.song dt{ float:left; width:10em; margin-bottom:7px;}
.song dt.tokuten{ height:120px;}
.song dd .pac{ float:left; margin-right:2em; margin-bottom:7px;}
.song dd .pac2{  margin-bottom:7px;}
#music_banner{position:relative;}
#music_banner #wagakkiband{ position: absolute; left: 718px; top: 20px;}

#event_cos{	border: solid 1px #d875c9;	padding: 30px;	margin-top: 20px;	width: 868px;	position: relative;	background-image: url(../enbu/bg_pink.png);}
#event_cos h5{ font-size: 25px;	font-weight: bold; padding-bottom: 20px; color: #FFF; line-height:15px;}
#event_cos h6{ font-size: 15px;	line-height: 165%; font-weight: normal;	color: #fff; position: absolute; left: 317px; top: 27px;}
#event_cos img{	width: 425px;}
#event_cos img.leftphoto{ margin-right:10px;}

#trial{ background-image:url(../trial/bg.jpg); background-repeat:no-repeat; background-position:center top; }
#trial #content{ width: 940px; margin: 0 auto;}
#trial #content h1{ padding-top:120px;}
#trial #content h2{ padding-top:20px; font-size:15px; line-height:165%; color:#CCC; font-weight:normal;}
#trial #content #list{ border-top:solid 1px #555; border-bottom:solid 1px #555; background-image:url(../trial/bg_list.png); font-size:15px; line-height:165%; color:#fff; margin:45px 0 20px; padding:10px 0;}
#trial #content #list .day{	float: left; width: 15%;	padding-left: 1.5em; margin: 7px 0;	clear: both;}
#trial #content #list .place{ float:left; width:15%; margin:7px 0;}
#trial #content #list .shopname{ float:left; width:48%; margin:7px 0;}
#trial #content #list .shopname img{ padding-bottom:4px; width:41px;}
#trial #content #list .shopname span{ font-size: 13px; color: #C96; line-height: 140%;}
#trial #content #list .time{ float:left; width:18%; margin:7px 0;}
#trial #content #notice{ font-size:13px; line-height:160%; color:#cccccc; padding-bottom:80px; text-shadow:#000 2px 1px;}

.crossplay{ text-align:center; margin-bottom:40px;}

#sampleTabs { width: 100%; font-size: 12px; padding-top:30px; background-color:#000;}
#sampleTabs li{ list-style:none;}
.ui-tabs-vertical { width: 75em;}
.ui-tabs-vertical .ui-tabs-nav { float: left; width: 128px; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 128px; list-style:none; padding-bottom:5px;}
.ui-tabs-vertical .ui-tabs-nav li a { display:block; width: 128px; border-bottom:solid 1px #333333; text-decoration:none; font-size:16px; color:#ccc;}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active a{ color:#e9385b;}
.ui-tabs-vertical .ui-tabs-nav li a:hover{ color:#e9385b;}
.ui-tabs-vertical .ui-tabs-panel { padding-left: 30px; float: right; width: 780px;	border-left:solid 1px #666666;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active { }
.ui-tabs-vertical .ui-tabs-panel h5 { text-align:left; padding-top:0; padding-bottom:30px; font-size:24px;}
.ui-tabs-vertical .ui-tabs-panel h6 { text-align:left; padding-top:0; font-size:19px; color:#99C; padding-bottom:5px;}
.ui-tabs-vertical .ui-tabs-panel h7 { display:block; background-color:#F00; padding:1px; width:80px; text-align:center;}
.ui-tabs-vertical .ui-tabs-panel p{ padding-top:10px; padding-left:0; padding-bottom:10px;}
.ui-tabs-vertical .ui-tabs-panel .chara{ text-align:center; position:relative; padding-bottom:20px; background-color:#000;}
.ui-tabs-vertical .ui-tabs-panel .chara ul{ list-style:none; position:absolute; top:150px; right:0;}
.ui-tabs-vertical .ui-tabs-panel .chara li{ list-style:none; margin-bottom:15px;}
.ui-tabs-vertical .ui-tabs-panel .chara li img.ss{ width:200px;}
.ui-tabs-vertical .ui-tabs-panel .photo{ float:left; width:50%; margin-bottom:7px; text-align:center; font-size:16px; line-height:180%;}
.ui-tabs-vertical .ui-tabs-panel .photo img{width:98%;}

.notice2{ margin:0 0 50px 130px; font-size:14px; color:#999;}
.notice3{ margin:0 0 20px; font-size:14px; color:#999; border:solid 1px #666666; padding:5px 0 5px 10px;}

#sengoku4{ text-align:center; border:solid 1px #F00; padding:5px; width:680px; margin:0 auto; text-decoration:none; display:block;}
#sengoku4 a{ text-decoration:none; display:block;}
#dlc2 h3{ font-size:30px; padding:0 50px 0 30px; line-height:150%;}
#dlc2 h4{ font-size:20px; padding:0 0 6px 30px; line-height:150%; color:#99C;}
#dlc2 p{ padding:0 0 30px 30px;}
#dlc2 #dlcline{ border-top:solid 1px #333333; margin:0px 5px 40px 30px; }

#dlc2 #sec01{ float:left;}
#dlc2 #sec02{ float:left; padding-left:50px;}
#dlc2 #sec03{ float:right;}
#dlc2 .notice{ float:right;}
#dlc2 #sec04{ float:left;}
#dlc2 #sec05{ float:right;}
.back_dlc{ text-align:center;}

.displayshop{ background-image:url(../display/bg.jpg); margin-bottom:30px;}
.displayshop h3{ padding: 30px 0 0 30px;}
.displayshop h4{ color: #990000; font-size: 18px; font-weight: bold; padding: 0 0 10px 95px;}
.displayshop p{	color: #000; padding: 0 95px 15px;}
.displayshop .comment{ color: #000; padding: 0 95px 15px; font-size: 14px; line-height: 150%;	padding-bottom: 30px;}
.displayshop .comment .com{	color: #990000;	padding: 0 0 5px 0;	font-size: 14px; line-height: 150%;	margin-top: 10px; font-weight: bold;}
.displayshop .comment .shopspec{ width:96%; padding:13px; border:solid 1px #777777; margin-top:15px; background-image:url(../display/bg.png);}

.displayshop2{ background-image:url(../display/bg2.jpg); margin-bottom:30px;}
.displayshop2 h3{ padding: 30px 0 0 30px;}
.displayshop2 h4{ color: #FFFF00; font-size:18px; font-weight:bold; padding:0 0 10px 95px;}
.displayshop2 p{ color:#FFF; padding:0 95px 15px ;}
.displayshop2 .comment{ color:#ccc; padding:0 95px 15px; font-size:14px; line-height:150%; padding-bottom:30px;}
.displayshop2 .comment .com{ color:#FFFF00; padding:0 0 5px 0; font-size:14px; line-height:150%; margin-top:10px;}
.displayshop2 .comment .shopspec{ width:96%; padding:13px; border:solid 1px #777777; margin-top:15px; background-image:url(../display/bg2.png);}

.shopimg{ width:80%; margin:0 auto;}
.shopimg ul{ list-style:none;}
.shopimg li{ float:left; }
.shopimg li.photo1{ margin-right:10px;}
.shopimg img{ width:371px;}

#update{ margin: 10px auto 20px auto; width: 870px;	border: solid 1px #A5885C;	padding: 20px; background-image: url(../update/bg_updatedetail.jpg); color: #333;}
#update #detail{ margin: 15px 0 0 20px;	width: 830px; font-size: 14px; line-height: 140%;}
#update #detail h5{	font-size: 14px; font-weight: bold;	padding-bottom: 5px; padding-top: 5px;}
#update #detail dl{ list-style-position: inside; padding-left: 1em; text-indent: -1em;}
#update #detail dt{	float: left; margin-bottom: 0em; color: #666; margin-left: 0.5em;}
#update #detail dd{	padding-bottom: 0.5px;	margin-left: 1.5em;	margin-bottom: 0em;	color: #666;}
#update h3{ font-size:18px; font-weight:bold; display:block;}
#update h3 span{ font-size:13px; font-weight:normal;}
}



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

#header{ display:none;}
#newsbar{ display:none;}

#tophead{ padding: 5px 10px 5px 0; border-bottom: solid 1px #CCCCCC; position: fixed; width: 100%; top: 0px; z-index: 1000; text-align: right; background-color: #000;}
#tophead #splogo{ float: left; width: 40%; margin: 0 0 0 5px; text-align: left;}
#tophead #splogo img{ width:90px;}

h1.shoptitle { width:60%; margin:0 19%;}

#toppage{ }
#topcontent{ display:none;}
#topcontent h1{ position: absolute; left: 504px; top: 491px; z-index:10}
#topcontent h2{ position: absolute; left: 239px; top: 193px; z-index: 10}
#topcontent #lightlogo{ position: absolute; left: 504px; top: 491px; z-index:20;}
#topcontent #sengoku10thlogo{ position: absolute; left: 877px; top: 99px;}

#main_sp img{ width:100%; padding-top:30px;}

#tokuten{ width:100%; margin:0 auto 30px; border-top:solid 1px #555;}
#tokuten .box{ width: 100%; margin: 0px; padding: 0; border-bottom: solid 1px #555; background-image: url(../img/bg_box.png); min-height: 0px; position:relative;}
#tokuten .box .gentei10{ position: absolute; right: 20px; top: 10px;}
#tokuten .box h3{ font-size: 20px; font-weight: bold; color: #F00; margin-bottom: 0px; padding: 10px 0 5px 10px;}
#tokuten .box p{ font-size: 15px; line-height: 150%; padding: 10px;}
#tokuten .box .product{ text-align: center; padding-top: 20px; padding-bottom: 20px;}
#tokuten .box .product2{ text-align:center; }

#tokuten .box_10th{ width: 100%; margin: 0px; padding: 0; border-bottom: solid 1px #555; background-image: url(../img/bg_box.png); min-height: 0px; position:relative;}
#tokuten .box_10th h3{ font-size: 20px; font-weight: bold; color: #F00; margin-bottom: 0px; padding: 10px 0 5px 10px;}
#tokuten .box_10th p{ font-size: 15px; line-height: 150%; padding: 10px;}
#tokuten .box_10th .product{ text-align: center; padding-top: 20px; padding-bottom: 20px;}
#tokuten .box_10th .product2{ text-align:center; }

#tokuten .box2{ width: 100%; margin: 0px; padding: 0; border-bottom: solid 1px #555; background-image: url(../img/bg_box.png); min-height: 0px; position:relative;}
#tokuten .box2 h3{ font-size: 20px; font-weight: bold; color: #F00; margin-bottom: 0px; padding: 10px 0 5px 10px;}
#tokuten .box2 p{ font-size: 15px; line-height: 150%; padding: 10px;}
#tokuten .box2 .product{ text-align: center; padding-top: 20px; padding-bottom: 20px;}
#tokuten .box2 .product2{ text-align:center; }
#tokuten .box2 .same{ position: absolute; right: 24px; top: 6px;}
.notice{ font-size:13px; line-height:140%; color:#999; margin:10px 0 0 2px;}

#date{ text-align:center; margin-bottom:20px;}
#date img{ width:100%;}

#spec{ width:92%; margin:0 auto; position:relative; font-size:14px;}
#spec dl{ line-height:160%; margin-bottom:50px;}
#spec dl .tboxcost{ font-size:23px; font-weight:bold; margin:30px 0 10px;}
#spec dt{}
#spec dd{ margin-bottom:10px;}
#spec #cero{ margin-bottom:10px;}
#spec #thanks{ margin-bottom:30px;}
#spec #thanks img{ width:100%; text-align:center;}

#footer{ background-image:url(../img/footer_line.jpg); background-position:center top; background-repeat:no-repeat; text-align:center; padding-bottom:30px; background-color:#000;}
#footer #sns{ text-align:center;}
#footer #sns img{ width:18%;}
#footer #sns2{ text-align: center; background-image:url(../img/footer_line.jpg); background-position:center bottom; background-repeat:no-repeat; }
#footer #sns2 img{ margin:10px 3px;}
#footer #links{ margin:0 auto 40px auto;}
#footer #links img{ margin: 4px; width: 47%;}
#footer #sns img{ margin: 30px 15px;}
#pagetop { bottom: 10px; right: 10px; position: fixed; z-index: 500;}
.spimg{ width:100%;}
.hidesp{ display:none;}

#featuretop{ display:none;}
#ii{ display:none;}
.ii_sp{ width:100%;}
#ii #ii_still #btn{ display:none;}

.wrapper{ width: 100%; margin: 0 auto;}
.wrapper h1 img{ width:100%; padding-top:50px;}
.wrapper h2 img{ width:100%; padding-top:30px;}
.wrapper h3{ margin-bottom: 20px; font-size: 23px; color: #C00; line-height: 140%; width: 92%; margin: 0 auto; border-left: solid 4px #c00; padding-left: 6px;}
.wrapper h3 img{ display:none;}
.wrapper p{ color: #CCC; font-size: 15px; line-height: 155%; padding-bottom: 20px; width: 92%; margin: 0 auto; padding-top: 10px;}
.clearfix2{ clear:both; height:20px;}
.clearfix3{ clear:both; height:20px;}

#enbu_read p{ margin:0 auto; width:92%; padding-right:0; padding-top:10px;}
#eubu_chara{ position:relative; width:100%; margin:50px auto 0;}
#eubu_chara ul{ display:none;}

#eubu_chara_sp{ width:100%;}
#eubu_chara_sp img{ width:49%;}

#tips{ border-top: solid 1px #32498c; padding-top: 20px; padding-bottom: 80px; line-height: 150%; width:92%; margin:20px auto 0; }
#tips h3{ margin-bottom:15px; }
#tips h3 img{ width:100%;}
#tips ul{ list-style:none; margin-top:20px;}
#tips li{ margin-bottom:17px;}
#tips .tipsimg{ width:100%;}
#tips .tipsimg img{width:100%;}

.single{ text-align:center;}
.single img{ width:100%;}
.double_image{}
.double_image ul{ list-style:none;}
.double_image li{ margin-bottom:15px;}
.double_image li img{ width:100%;}

.enbu_img{ width: 100%; margin: 0 auto; padding-top: 60px; padding-bottom: 0px; position: relative;}
.enbu_img h2 img{ width:60%; padding-bottom:15px; margin-left:2%;}
.enbu_img h3{ width: 100%; font-weight: normal; font-size: 15px; line-height: 150%; margin-left:4%; text-shadow: 2px 1px #000;}
.enbu_img .back{ display:none;}
.enbu_img #get_ii{ z-index: 9; width:100%; text-align:center;}
.enbu_img #get_ii img{ width:60%;}
.enbu_img img{ width:100%;}
.bokashi{ display:none;}
#character{ z-index:5;}
#snavi{ width:92%; margin:0 auto 60px auto; text-align:center; font-size:14px;}
#snavi a{ color:#FFF; text-decoration:none;}
#snavi a:hover{ color:#F00; text-decoration:underline;}
.back_sp{ text-align:center; margin:15px;}

.ya_left{ display:none;}
.ya_right{ display:none;}

.doll{ width:100%; text-align:center;}
.doll img{ width:100%;}

.doll_hayakawa, .doll_nouhime, .doll_kosyosyo, .doll_loppi, .doll_naomasa{ width:100%; text-align:center;}
.doll_hayakawa img{ width:85%;}
.doll_nouhime img{ width:70%;}
.doll_kosyosyo img{ width:100%;}
.doll_loppi img{width:53%;}
.doll_naomasa img{width:56%;}

#iinaomasa{ display:none;}

.banner{ margin:0px auto 15px; width:100%;}
.banner img{ width:100%;}
.banner span{ display:none;}
.banner2{ margin: 0px auto 10px; width: 92%; position: relative;}
.banner2 img{ width:100%;}
.banner2 span{ position:absolute; top:2px; left:2px;}
.banner2 .update{ display:none;}


.rwd_embed {position: relative;margin: 20px 0;padding-bottom: 56.25%;padding-top: 30px;overflow: hidden;max-width: 100%;height: auto;}
.rwd_embed iframe, .rwd_embed object, .rwd_embed embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

#movie{ margin-bottom:40px;}
#movie ul{ list-style:none;}
#movie li{ margin:10px 10px 20px 10px; position:relative;}
#movie li img{ width:100%;}
#movie li .cap{ display:block; margin-top:5px;}
#movie li span{ position:absolute; top:0px; z-index:100;}

.song{ width:92%; margin:10px auto 0; position:relative; font-size:14px;}
.song dl{ line-height:160%; margin-bottom:30px;}
.song dl .tboxcost{ font-size:23px; font-weight:bold; margin:30px 0 10px;}
.song dt{}
.song dd{ margin-bottom:10px;}

#music_banner{ text-align:center; margin-bottom:20px;}
#music_banner #wagakkiband{ }

#event_cos{ border:solid 1px #993366; padding:10px; margin-top:20px; width:92%; margin:20px auto;}
#event_cos h5{ font-size:18px; font-weight:bold; padding-bottom:10px; color:#F66;}
#event_cos h6{ font-size:15px; line-height:165%; font-weight:normal; color:#CCC;}
#event_cos img{	width: 100%; padding-top:10px;}

#trial{ }
#trial #content{ width: 92%; margin: 0 auto;}
#trial #content h1 img{ width:100%; padding-top:50px;}
#trial #content h2{ padding-top:20px; font-size:15px; line-height:165%; color:#CCC; font-weight:normal;}
#trial #content #list{ border-top:solid 1px #555; background-image:url(../trial/bg_list.png); font-size:15px; line-height:165%; color:#fff; margin:20px 0 0px; padding:10px 0;}
#trial #content #list .day{ margin:7px 0;}
#trial #content #list .place{ margin:0;}
#trial #content #list .shopname{ margin:0; position:relative;}
#trial #content #list .shopname img{ position:absolute; top:-50px; right:15px;}
#trial #content #list .time{ margin:0 0 15px; border-bottom:solid 1px #555555; padding-bottom:7px;}
#trial #content #notice{ font-size:13px; line-height:140%; color:#cccccc; padding-bottom:80px;}

.crossplay img{width:100%; margin-bottom:40px;}

#sampleTabs { width: 100%; font-size: 12px; background-color:#000;}
.ui-tabs-vertical { width: 100%;}
.ui-tabs-vertical .ui-tabs-nav { float: left; width: 100%; border-top:solid 1px #333333; padding-top:5px; text-indent:1em; margin-bottom:30px;}
.ui-tabs-vertical .ui-tabs-nav li { width: 100%; list-style:none; padding-bottom:5px;}
.ui-tabs-vertical .ui-tabs-nav li a { display:block; width: 100%; border-bottom:solid 1px #333333; text-decoration:none; font-size:16px; color:#ccc;}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active a{ color:#e9385b;}
.ui-tabs-vertical .ui-tabs-nav li a:hover{ color:#e9385b;}
.ui-tabs-vertical .ui-tabs-panel { width: 92%; margin:20px auto;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active { }
.ui-tabs-vertical .ui-tabs-panel h5 { text-align:left; padding-top:0; padding-bottom:5px; font-size:24px; padding-top:50px;}
.ui-tabs-vertical .ui-tabs-panel h6 { text-align:left; padding-top:0; font-size:19px; color:#99C; padding-bottom:5px;}
.ui-tabs-vertical .ui-tabs-panel h7 { display:block; background-color:#F00; padding:1px; width:80px; text-align:center;}
.ui-tabs-vertical .ui-tabs-panel p{ padding-left:0; width:100%;}
.ui-tabs-vertical .ui-tabs-panel .chara{ text-align:center; position:relative; padding-bottom:20px;}
.ui-tabs-vertical .ui-tabs-panel .chara img{ height:400px;}
.ui-tabs-vertical .ui-tabs-panel .chara ul{ display:none; }
.ui-tabs-vertical .ui-tabs-panel .notice{ margin-top:-15px;}
.ui-tabs-vertical .ui-tabs-panel .photo{ width:100%; margin-bottom:7px; text-align:center; }
.ui-tabs-vertical .ui-tabs-panel .photo img{width:100%;}

.notice2{ margin:0 auto; width:92%; font-size:13px; color:#999; margin-bottom:30px;}
.notice3{ margin:0 0 10px; font-size:14px; color:#999; border:solid 1px #666666; padding:5px 10px;}

#sengoku4{ text-align:center; border:solid 1px #F00; padding:0px; width:92%; margin:15px auto 0; text-decoration:none; display:block;}
#sengoku4 a{ text-decoration:none; display:block;}

#dlc2{ margin:0 auto; width:100%;}
#dlc2 h3{ font-size:30px; padding-left:0; line-height:150%; border-left:none; color:#FFF; margin-top:20px; font-size:18px; width:92%;}
#dlc2 h4{ font-size:20px; width:92%; line-height:150%; color:#99C; margin:0 auto;}
#dlc2 #sec01 p, #dlc2 #sec02 p, #dlc2 #sec03 p, #dlc2 #sec04 p, #dlc2 #sec05 p { font-size:14px;}
#dlc2 .notice{ margin:-30px auto 20px; width:92%;}
.back_dlc{ text-align:center;}
.back_dlc img{ width:92%;}

.displayshop{ background-image:url(../display/bg.jpg); margin-bottom:30px;}
.displayshop h3{ padding: 10px 0 0 0px; border-left:none;}
.displayshop h3 img{ display:block; width:100%;}
.displayshop h4{ color: #990000; font-size: 18px; font-weight: bold; width: 92%; margin: 0 auto;}
.displayshop p{	color: #000;}
.displayshop .comment{ color: #000; font-size: 14px; line-height: 150%; padding-bottom: 30px; width: 92%;	margin: 0 auto;}
.displayshop .comment .com{	color: #990000;	padding: 0 0 5px 0;	line-height: 150%; margin-top: 10px; font-weight: bold;}
.displayshop .comment .shopspec{ width:92%; padding:13px; border:solid 1px #777777; margin-top:15px; background-image:url(../display/bg.png);}

.displayshop2{ background-image:url(../display/bg2.jpg); margin-bottom:30px;}
.displayshop2 h3{ padding: 10px 0 0 0px; border-left:none;}
.displayshop2 h3 img{ display:block; width:100%;}
.displayshop2 h4{ color: #FFFF00; font-size: 18px; font-weight: bold; width: 92%; margin: 0 auto;}
.displayshop2 p{ color: #FFF;}
.displayshop2 .comment{	color: #ccc; font-size: 14px; line-height: 150%; padding-bottom: 30px; width: 92%; margin: 0 auto;}
.displayshop2 .comment .com{ color:#FFFF00; padding:0 0 5px 0; font-size:14px; line-height:150%; margin-top:10px;}
.displayshop2 .comment .shopspec{ width:92%; padding:13px; border:solid 1px #777777; margin-top:15px; background-image:url(../display/bg2.png);}

.shopimg{ width:92%; margin:0 auto;}
.shopimg ul{ list-style:none;}
.shopimg li{ margin:0 auto 10px; }
.shopimg li.photo1{ }
.shopimg img{ width:100%;}

#update{ margin: 10px auto 20px auto; width: 92%; border: solid 1px #A5885C; padding: 10px; background-image: url(../update/bg_updatedetail.jpg); color: #333;}
#update #detail{ margin: 10px; width: 95%; font-size: 13px; line-height: 140%;}
#update #detail h5{	font-size: 14px; font-weight: bold;	padding-bottom: 5px; padding-top: 5px;}
#update #detail dl{ list-style-position: inside; padding-left: 1em; text-indent: -1em;}
#update #detail dt{	float: left; margin-bottom: 0em; color: #666; margin-left: 0.5em;}
#update #detail dd{	padding-bottom: 0.5px;	margin-left: 1.5em;	margin-bottom: 0em;	color: #666;}
#update h3{ font-size:18px; font-weight:bold; display:block;}
#update h3 span{ font-size:13px; font-weight:normal;}
}