@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;}
html, body { height:100%; }
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: #C74222;
 font-size: 16px;
 line-height: 180%;
 color: #FFF;
 background-repeat: no-repeat;
 background-position: center top;
 background-image: url(../img/bg2.jpg);
 background-size: cover;
 background-attachment: fixed;
}
.clearfix{ clear:both;}
hr{ border:solid 1px #333;}
.opp{ filter:alpha(opacity=30)!important; -moz-opacity: 0.3!important; opacity: 0.3!important;}

.youtube { position: relative; width: 100%; max-width: 902px; margin: 0 auto 60px; font-size: 13px;}
.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}
.fb_iframe_widget > span { vertical-align: baseline !important; }
.fb_iframe_widget{ width:90px;}

.ls{ float:left; background-image: url(../img/bg_box.png);}
.rs{ float:right; background-image: url(../img/bg_box2.png);}
.ls2{ float:left; background-image: url(../img/bg_box3.png);}

.clearfix2{ clear:both; height:100px;}
.clearfix3{ clear:both; height:120px;}
.clearfix4{ clear:both; height:30px;}
.clearline{ background-image:url(../img/line2.gif); height:2px; background-position:center; box-shadow: 0px 2px 7px #000;
 position: relative;}

.opp{ filter: alpha(opacity=50)!important; -moz-opacity: 0.5!important; opacity: 0.5!important;}
#imgnotice{ font-size:12px; padding:0 0 10px 10px; color:#ccc;}
.notice{
 font-size: 13px;
 line-height: 140%;
 color: #CCC;
 margin-left: 1em;
 text-indent: -1em;
}

iframe.twitter-share-button {width: 80px!important;}

.gallery_yt{ max-width:980px; width:100%; margin:20px auto;}
.gallery_yt span{ display:block; padding:10px; line-height:1.5;}
.stage{ position: relative; width: 100%; padding-top: 56.25%;}
.stage iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}
.stage .cap{ padding-top:10px;}

.getkt{ margin:40px auto 20px; border:solid 1px #e66666; width:100%; max-width:980px; padding:20px 0; font-size:80%;}
.bg_pre{ background-image:url(../img/bg_pre.jpg)}
.bg_flow{ background-image:url(../img/bg_flow.png)}

#main-img {
 width: 100%;
 height: 900px;
 margin: 0 auto;
 background-image: url("../img/bg2.png"), url("../img/bg1.png");
 -webkit-animation: cloudMove 7s linear infinite;
 animation: cloudMove 7s linear infinite;
 position: absolute;
 top: 0px;
}

.matsuri{ margin:30px auto; text-align:center;}
.matsuri img{
 max-width: 360px;
 width: 31.5%;
 margin:0.5%;
 border:solid 1px #DAC461
}
iframe[name="google_conversion_frame"] { position:absolute; height:0;}

.banners{ text-align:center; padding-bottom:30px;}
.banners img{ padding:5px;}

a .popbtn{ display:inline-block; border:solid 2px #F3C873; padding:5px 10px; border-radius:30px; background-color:#D90000; color:#FFE58D; margin:0 0 20px 20px;}
a:hover .popbtn{ background-color:#900;}

.akb{ border: solid 1px #b97e7e; padding: 2%; background-color: rgba(197, 144, 144, 0.33);}
.off{ padding:5%; background-color:#000; margin-top:20px;}

.voice_notice{border: solid 1px #ff0101;
    display: inline-block;
    padding: 5px 10px;
    background-color: #fff704;
    color: rgb(255, 0, 0); line-height:1.4; margin-bottom:10px;}

.allchara{ border:dotted 1px #FFCC00; display:block; padding:1%; margin-top:10px; color:#FC0;}

@-webkit-keyframes cloudMove {
 0% {background-position: 900px 0, 800px 0, 1000px 0;}
 100% {background-position: 0 0, 0 0, 0 0;}
}
@keyframes cloudMove {
 0% {background-position: 900px 0, 800px 0, 1000px 0;}
 100% {background-position: 0 900px, 0 800px, 0 1000px;}
}

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

/* Navigation */
#naviback{
 width: 100%;
 background-image: url(../img/bg_navi.jpg);
}

#navi{ width: 100%; max-width: 1000px; height: 52px; margin: 0 auto; border-left: solid 1px #CA5851;}
#navi ul{ list-style:none;}
#navi li{ float: left; display: inline-block; height: 50px; border-right: solid 1px #CA5851; background-repeat: no-repeat; position: relative;}
#navi li a{ float:left; display:block; height:50px; text-indent:0px; background-repeat:no-repeat; font-size:0px;}
#navi li .new{ position: absolute; left: 38%; bottom: 5%;}

#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.index a{ background-position:center; width:100%; background-image:url(../img/navi1.png);}
#navi ul li.features a{background-position:center; width:100%; background-image:url(../img/navi2.png);}
#navi ul li.characters a {background-position:center; width:100%; background-image:url(../img/navi3.png);}
#navi ul li.system a{ background-position:center; width:100%; background-image:url(../img/navi4.png);}
#navi ul li.gallery a { background-position:center; width:100%; background-image:url(../img/navi5.png);}
#navi ul li.special a{ background-position:center; width:102%; background-image:url(../img/navi6.png);}

#navi ul li.index a:hover{ background:#400 url(../img/navi1.png) no-repeat; background-position:center;}
#navi ul li.features a:hover{ background:#400 url(../img/navi2.png) no-repeat; background-position:center;}
#navi ul li.characters a:hover{ background:#400 url(../img/navi3.png) no-repeat; background-position:center;}
#navi ul li.system a:hover{ background:#400 url(../img/navi4.png) no-repeat; background-position:center;}
#navi ul li.gallery a:hover{ background:#400 url(../img/navi5.png) no-repeat; background-position:center;}
#navi ul li.special a:hover{ background:#400 url(../img/navi6.png) no-repeat; background-position:center;}

#navi ul li.index { background-position:center; width:16%; text-indent:-9999px; }
#navi ul li.features { background-position:center; width:17%; text-indent:-9999px; }
#navi ul li.characters { background-position:center; width:17%; text-indent:-9999px; }
#navi ul li.system { background-position:center; width:16%; text-indent:-9999px; }
#navi ul li.gallery { background-position:center; width:17%; text-indent:-9999px; }
#navi ul li.special { background-position:center; width:16%; text-indent:-9999px; }

body.index #navi ul li.index>a { background:#400 url(../img/navi1.png) no-repeat; background-position:center;}
body.features #navi ul li.features>a { background:#400 url(../img/navi2.png) no-repeat; background-position:center;}
body.characters #navi ul li.characters>a { background:#400 url(../img/navi3.png) no-repeat; background-position:center;}
body.system #navi ul li.system>a { background:#400 url(../img/navi4.png) no-repeat; background-position:center;}
body.gallery #navi ul li.gallery>a { background:#400 url(../img/navi5.png) no-repeat; background-position:center;}
body.special #navi ul li.special>a { background:#400 url(../img/navi6.png) no-repeat; background-position:center;}

body.is-fixed #naviback { position: fixed; top: 35px; left: 0; right:0; z-index:100; background-image:url(../img/bg_navi.jpg); background-repeat:repeat-x; background-position:top;}
/* Navigation */

#customElement {
 width: 100%;
 height: 900px;
 background: rgba(81, 150, 191, 0.60);
 position: relative;
 top: 0px;
 left: 0;
 z-index: 0;
 background: url("../img/main.jpg") no-repeat center center;
 -moz-background-size: cover;
 background-size: cover;
 text-align: center;
}
#customElement #platforms{ position: absolute; right: 130px; top: 390px;}
#customElement h1{
 position:absolute;
 margin: auto;
    top: 600px;
    bottom: 0px;
    right: 5%;
 z-index:5;
}
#customElement h2{
	position: absolute;
	top: 275px;
	left: 8%;
}
#customElement .niko{
	position: absolute;
	left: 2%;
	max-width: 300px;
	background-image: url(../movie.gif);
	background-size: cover;
	z-index: 6;
	top: 35px;
}
#customElement .niko img{ width:100%;}
#customElement .tgs{
	position: absolute;
	top: 380px;
	right: 6%;
	z-index: 1000;
}


#news{ margin-top: 0px; clear: both; font-size: 14px; padding-top: 0px; margin-bottom: 0px; background-color: #000; background-image: url(../img/line_new.jpg); background-repeat: repeat-x; background-position: top center; text-align:center;}
#news #newstext{ width: 95%; max-width: 1000px; margin: 0 auto; position: relative;}
#news #newstext #social{ position:absolute; right:5px; top:8px;}
#news #newstext h3 img{ padding: 15px 30px 5px;}
#news #newstext h3 span{ font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 34px; font-weight: bold; display: inline-block; padding-bottom: 20px; text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1); color:#333;}
#news #newstext dl{ width:100%; text-align:left; padding:6px 0 4px;}
#news #newstext dt{
 float: left;
 margin-right: 10px;
 color: #F90;
 padding: 5px 0;
}
#news #newstext dd{
 padding: 5px 0;
 padding-left: 6em;
 color: #FFF;
}
#news a{ color:#fff; text-decoration:none;}
#news a:hover{ color: #FF0000; text-decoration: underline;}

.f01{ background-image:url(../img/f01.jpg); background-size:cover; background-position:top; background-repeat:no-repeat; background-color:#FFF;}
.f02{
 background-image: url(../img/f02.jpg);
 background-size: cover;
 background-position: top;
 background-repeat: no-repeat;
 background-color: #93A5B0;
}
.f03{
 background-image: url(../img/f03.jpg);
 background-size: cover;
 background-position: top;
 background-repeat: no-repeat;
 background-color: #3D528A;
}

.topbanners{ margin:20px auto; text-align:center; max-width:1148px;}
.topbanners ul{ list-style:none}
.topbanners li{ float:left;; width:33.3%; position:relative;}
.topbanners li span{ position:absolute; top:-10px; left:5px;}
.topbanners img{ width: 100%;}
.topbanners2{
	margin: 20px auto 0px;
	text-align: center;
	max-width: 1148px;
}
.topbanners2 img{
	width: 50%;
}

#tophead{ display:none;}
#header{
 height: 52px;
 width: 100%;
 z-index: 1000;
 background-repeat: repeat-x;
 text-align: center;
}
#header #headerlogo{ border-bottom:solid 1px #dd2e00}

#f1{ background: url("../img/p00.jpg") no-repeat center center; -moz-background-size: cover; background-size: cover; text-align: center; padding: 150px 0;}
#f1 #f1c{ margin:0 auto; max-width: 572px; padding: 40px; text-align:left; background-image:url(../img/black.png);}

.pt{ clear: both; font-size: 12px; padding: 10px 0; background-color: #971C20; background-image: url(../img/line2.gif); background-repeat: repeat-x; background-position: top center; text-align: center;}
.pt img{ padding:10px 80px;}
.pt h3 span{ font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 34px; font-weight: bold; display: inline-block; padding-bottom: 20px; text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);}

.leftbox{
 width: 50%;
 float: left;
 min-height: 900px;
}
.rightbox{
 width: 50%;
 float: right;
 min-height: 900px;
}
.ptbox{
 padding: 40px 40px 60px 40px;
 max-width: 520px;
 border: solid 3px #f5eea5;
 box-shadow: 2px 2px 2px #000;
 font-size: 18px;
 line-height: 1.9;
 margin-top: 20%;
}
.ptbox h4{
 font-size: 28px;
 font-weight: normal;
 padding-bottom: 15px;
 text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
 line-height: 1.5;
 font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
 color: #F3CD53;
}
.ptbox a{ color:#FFE14B; text-decoration:none; padding-top:15px; display:inline-block;}
.ptbox a:hover{ color: #F90;}
.ptbox a img{ padding:0 0 3px 5px;}

.wrapper{ width: 100%; margin: 0 auto; text-align: center; background-image: url(../img/bg_wrapper.jpg); background-repeat: repeat-x;}
.wrapper h2{
 padding: 25px 0;
 font-weight: bold;
 font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
 font-size: 54px;
 line-height: 1;
 text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
 background-image: url(../img/bg_box3.png);
 background-repeat: repeat;
 margin-bottom: 40px;
 border-bottom: solid 2px #fc0;
 box-shadow: 2px 2px 2px #000;
}
.wrapper h3{ padding: 100px 0 20px; font-weight: bold; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 32px; text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);}

.flowbox{
 margin: 40px auto;
 border: solid 1px #d9c368;
 width: 89%;
 box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4);
 padding: 3% 4%;
 max-width: 1000px;
 position: relative;
}
.flowbox .titles {
 font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
 font-size: 30px;
 font-weight: bold;
 padding: 0;
 text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
 color: #FC0;
 line-height:1.3;
}
.flowbox .boxchara { text-align:left;}
.flowbox .boxchara img{
 width: 100%;
 padding-top: 5px;
 max-width: 427px;
 padding-bottom: 20px;
}
.flowbox dl{
 line-height: 160%;
 margin-bottom: 20px;
 padding-top: 40px;
 padding-bottom: 30px;
 margin-bottom: 60px;
 display: block;
 margin: 0 auto;
}
.flowbox dl .tboxcost{ font-size:23px; font-weight:bold; margin:20px 0 10px;}
.flowbox dt{ float:left; width:10em; padding-bottom:10px;}
.flowbox dd span{
 font-size: 14px;
 color: #FFE599;
 padding: 7px 0 15px;
 display: block;
 line-height: 1.5;
 margin-left: 1.5em;
}
.flowbox dd { margin-left:11em; padding-bottom:10px;}
.flowbox .fujiwarachara { position:absolute; right:1px; bottom:1px;}
.flowbox .fujiwara {
 font-size: 36px;
 line-height: 1.3;
 color: #A98EF5;
 padding: 30px 0;
 text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
 font-weight: bold;
 font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.flowbox h4{
 padding: 20px 0 5px;
 font-size: 23px;
 color: #FFE599;
 text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
 border-bottom: solid 1px #FFE599;
 margin-bottom: 20px;
}
.flowbox h5{
 font-size: 17px;
 text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
 color: #FFE599;
}

.wrapper .charabox{ margin: 40px auto; border: solid 1px #d9c368; width: 92%; background-color: #670000; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4); text-align: center; padding:2%;}
.wrapper .charabox .titles{ text-align:left;}
.wrapper .charabox .titles img{ padding: 10px 10px;}
.wrapper .charabox .titles span{ font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:38px; font-weight:normal;  display:inline-block; padding-bottom: 20px; text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);}

.wrapper .tokuten{ margin: 40px auto; border: solid 1px #d9c368; width: 88%; background-color: #670000; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4); text-align: center; padding: 4%;}
.wrapper .tokuten .titles{ text-align: center;}
.wrapper .tokuten .titles img{ padding: 10px 10px;}
.wrapper .tokuten .titles h4{ font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 35px; font-weight: normal; display: inline-block; padding-bottom: 20px; text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1); line-height: 1.3; color: #FFE878;}
.wrapper .tokuten .doll{ width:100%; max-width:1000px; margin:0 auto 30px; padding-bottom:20px; border-bottom:dotted 1px #996600;}
.wrapper .tokuten .doll img{ width:100%;}
.wrapper .tokuten a .preorder{ font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-shadow: none; font-weight: bold; display: block; font-size: 19px; border: solid 1px #f79393; padding: 7px; border-radius: 8px; box-shadow: 0px 0px 7px rgba(0,0,0,0.7); margin: 20px auto; width: 30%; text-align: center; background: linear-gradient(#ec3558, #ff0000); color:#FFF; }
.wrapper .tokuten a:hover .preorder{ background: linear-gradient(#0080ff, #00659a); color: #FF0; text-decoration: none;}

.wrapper .tokuten .tbox{ text-align: center;}
.wrapper .tokuten .tbox .products{ max-width:800px; text-align:left; margin:0 auto;}
.wrapper .tokuten .tbox h4{ font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 35px; font-weight: normal; display: inline-block; padding-bottom: 20px; text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1); line-height: 1.3; color: #FFE878;}
.wrapper .tokuten .tbox h5{ font-size:24px; line-height:1.5; padding:5px 0;}

.gettown{ display: block; background-color: #B70000; width: 99%; margin: 0 auto 5px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4); height: 100%; position: relative;}
.gettown .left{ float:left; width:25%; padding-left:30px; text-align:left;}
.gettown .left img{ width:100%; max-width:262px; padding-top:45%}
.gettown .right{ float:right; padding:30px 30px 30px 0; width:65%; text-align:right;}
.gettown .right img{ width:100%; max-width:784px;}

.ya_left{ position:fixed; left:0; top:50%;}
.ya_right{ position:fixed; right:0; top:50%;}
.still{ height:1384px; background-position:center top; position:relative;}

.charatab{ overflow:hidden; text-align:center; max-width:1000px; margin:0 auto 20px;}
.charatab ul{ list-style:none;}
.charatab li{ list-style:none; margin-bottom:5px; display:inline-block; position:relative; max-width:70px;}
.charatab li img{ border:solid 2px #CCC; opacity:0.5; width:90%;}
.charatab li.select img{ border:solid 2px #FFCC00; opacity:1;}
.charatab li.select span img{ border:none;}
.charatab li span { position:absolute; top:-13px; left:2px;}
.charatab li span img{ border:none; }
.characontent{ width:95%; max-width:1200px; margin:0 auto; min-height:1000px; position:relative;}
.characontent li{ padding:0 0 20px 0; list-style:none;}
.characontent li img.charastill{ float:right;}
.characontent li .charatext{ width:92%; max-width:300px; border:solid 1px #FFCC00; padding:2.5%; background-color: rgba(0, 0, 0, 0.6); position:absolute; top:25%; left:10%; box-shadow:1px 1px 12px #000000; border-radius:5px;}
.characontent li .charatext p{ padding-bottom:10px; line-height:1.5;}
.characontent li .charatext h2{ font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:300%; color:#FFE78F; line-height:1.3; text-shadow: 2px 2px 2px rgba(0,0,0,0.8), 5px 5px 5px rgba(0,0,0,0.4), 8px 8px 8px rgba(0,0,0,0.2); }
.characontent li .charatext h2 span{ font-size:30%; display:block;}
.characontent li .charatext h3{ font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:180%; color:#FFE78F; font-weight:normal; line-height:1.5; text-shadow: 2px 2px 2px rgba(0,0,0,0.8), 5px 5px 5px rgba(0,0,0,0.4), 8px 8px 8px rgba(0,0,0,0.2); padding-bottom:15px;}
.characontent li .charatext h4{ font-size:140%; color:#FFE78F; font-weight:normal; line-height:3;}
.characontent li .charatext .flower{ position:absolute; right:-30px; top:-20px;}
.charahide {display:none;}

.gallerytab{	overflow: hidden;	text-align: center;	max-width: 1200px;	margin: 0 auto;}
.gallerytab ul{ list-style:none;}
.gallerytab li span{ position:absolute; top:-7px; left:8px;}
.gallerytab li span img,.gallerytab li.select span img{ border:none;}
.gallerytab li{ list-style:none; padding:5px; margin-right:1px; display:inline-block; position:relative;}
.gallerytab li img{ border:solid 2px #CCC; opacity:0.5;}
.gallerytab li.select img{ border:solid 2px #FFCC00; opacity:1;}
.gallerycontent{ width: 90%; max-width: 1200px; margin: 20px auto 60px; position: relative; border: solid 1px #FFCC00; background-color: rgba(0, 0, 0, 0.7); padding: 4%; box-shadow: 2px 2px 2px #000000; line-height: 1.5; }
.gallerycontent li{ padding:0; list-style:none;}
.gallerycontent li img.gallerystill{ width: 100%; margin-bottom: 40px; border: solid 1px #fff;}
.gallerycontent li p{ padding-bottom: 20px;	color: #CCC;}
.gallerycontent li dt{	float: left;	padding-bottom: 20px;}
.gallerycontent li dt.hakuryu{ color: #92f0f9;}
.gallerycontent li dt.tomomori{ color: #e25339;}
.gallerycontent li dt.atsumori{ color: #EF4744;}
.gallerycontent li dt.riz{ color: #f3da09;}
.gallerycontent li dt.benkei{ color: #b0ef52;}
.gallerycontent li dt.kagetoki{ color: #52ef8c;}
.gallerycontent li dt.yuzuru{ color: #52efcd;}
.gallerycontent li dt.hinoe{ color: #f77143;}
.gallerycontent li dt.masaomi{ color: #ec3928;}
.gallerycontent li dt.kurou{ color: #6d90f3;}
.gallerycontent li dt.yasuhira{ color: #aba7a7;}
.gallerycontent li dd{ margin-left: 4em; padding-bottom: 20px; }
.galleryhide {display:none;}

.gallerycontent2{	margin: 20px auto 60px;	position: relative;	line-height: 1.5;	width: 85%;}
.gallerycontent2 li{ padding:0; list-style:none;}
.gallerycontent2 li img.gallerystill{ margin-bottom: 40px; border: solid 1px #fff; float:right; margin-left:30px;}
.gallerycontent2 li h4{ padding:0px;}
.gallerycontent2 li h4 span{ font-size:70%; display:block;}
.gallerycontent2 li h5{ padding-bottom: 10px; margin-top:20px; color:#ff8f13; font-size:110%; }

.spchara{ display:none;}

#dlctab{ margin:30px 0;}
.mod-tab .pcnotice{ padding: 15px; color: #FC0; font-size: 16px; line-height: 1.4; border: dotted 1px #FC0; margin-bottom:40px; text-align:center; background-image:url(../shop/black.png);}
.mod-tab-nav { float: left; list-style: none; min-width:155px; width:15%;}
.mod-tab-nav > li { margin-bottom: 0px; border-bottom: solid 1px #d48d0d;}
.mod-tab-nav > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 40px; color: #ccc; text-decoration: none;}
.mod-tab-nav > li > a:hover { color: #cc0000; text-decoration: none;}
.mod-tab-nav a.current { color: #FFE878; text-decoration: none;}
.mod-tab-nav a.current:hover { color: #FFE876; text-decoration: none;}
.mod-tab { width: 100%; max-width: 1000px; margin: 0 auto;}
.mod-tab:after { clear: both;}
.mod-tab-contents { float: right; width: 80%; border-left: solid 1px #d48d0d; padding-left: 3%; min-height: 600px; text-align: left;}
.mod-tab-contents h3{ font-size: 24px; padding-bottom: 30px; font-weight: bold; padding-top: 10px;}
.mod-tab-contents h4{ font-size: 19px; padding-bottom: 5px; font-weight: bold; color: #FFE878; text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);}
.mod-tab-contents h5{ font-weight:normal; line-height:1.5; font-size:90%;}
.mod-tab-contents h5 span{ color:#FFE878;}
.mod-tab-contents h7{ display: inline-block; background-color: #000; padding: 5px; text-align: center; color: #FFF; float: left; margin: 8px 0 0; font-size: 12px; line-height: 1;}
.mod-tab-contents .chara{ text-align:center; position:relative; padding-bottom:20px; }
.mod-tab-contents .item{ text-align:center; position:relative; padding-bottom:20px; }
.mod-tab-contents .photo{ float:left; width:100%; margin-bottom:30px; font-size:16px; line-height:180%; margin-top:10px;}
.mod-tab-contents .photo img{width:49%; padding:0.5%;}

#done ul{ list-style:none;}
#done li{ width: 48%; text-align: center; float: left; margin: 0 1%; min-height: 350px; position: relative;}
#done li h5{ padding-top: 10px; font-size: 16px; font-weight: bold;}
#done li p{ margin: 5px 0; padding: 0; font-size: 13px; line-height: 135%; text-align: left; color: #666; width: 100%;}
#done li img{ width:100%;}
#done li img.new{ position:absolute; width:30px; max-width:72px;}

#spec{ width: 100%; margin: 0 auto; position: relative; background-repeat: repeat-x; background-color: #B11309;}
#spec #kamon{ text-align: center; padding-bottom: 60px; padding-top: 60px;}
#spec #kamon img{ width:150px;}
#spec dl{ line-height: 160%; margin-bottom: 20px; padding-top: 40px; padding-bottom: 30px; margin-bottom: 60px; display: block; max-width: 600px; margin: 0 auto;}
#spec dl .tboxcost{ font-size:23px; font-weight:bold; margin:20px 0 10px;}
#spec dt{ float:left; width:10em;}
#spec dd{ margin-left:10em;}
#spec dd .pac{ float:left; margin-right:2em;}
#spec dd .pac2{ }
#spec dd .dlc{ margin-left:1em;}
#spec .package {float:left; padding:20px 20px 20px 10px;}
#spec #cero{ position: absolute; right: 10px;}
#spec #thanks{ position: absolute; right: 0px; top: 150px;}
#spec .notice{ padding-top: 5px; padding-bottom: 5px; color: #CCC;}

#footer{ text-align: center; padding-bottom: 30px; background-color: #C74222; background-repeat: repeat-x; background-position: center top;}
#footer #sns{ text-align:center;}
#footer #links{ margin: 10px auto 40px auto; font-size: 12px; color: #999;}
#footer #links a{ color:#FFF; text-decoration:none; }
#footer #links a:hover{ color: #FFD748; text-decoration: underline;}
#footer #sns img{ margin:30px 50px;}
#footer #sns2{ text-align: center; padding: 40px 0 10px;}
#footer #sns2 img{ margin:0 10px;}
#footer #platform img{ width: 100%; max-width: 598px;}

#news #social{ padding-top:5px;}
.pccopy{ width:100%; max-width:766px;}
#pagetop { bottom: 50px; right: 25px; position: fixed; z-index: 500;display:none;}
.hidepc{ display:none;}
.getshop{
	text-align: right;
	padding-top: 0px;
	float: right;
}

.caption{ position: absolute; display: block; width: 35%; bottom: 30px; background-color: rgba(84, 2, 5, 0.87); padding: 1% 2% 2%; text-align: left; right: 5%; border: solid 1px #D8C26E; box-shadow: 1px 1px 15px #000; font-size: 95%; max-width: 500px; line-height: 1.7;}
.caption span{ font-size:200%; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; display:block; padding-bottom:7px; color:#FFE878; text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);}

.story{ margin:60px auto; width:90%; padding:4%; border:solid 1px #999; background-image:url(../img/bg_story.jpg); max-width:900px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:130%; text-shadow: 2px 2px 2px rgba(0,0,0,0.8), 5px 5px 5px rgba(0,0,0,0.4), 8px 8px 8px rgba(0,0,0,0.2); background-size:cover; box-shadow:0px 2px 8px #333; font-weight:bold;}
.story p{ padding-bottom:20px; font-weight:bold;}
.story h3{ font-size:180%; padding-bottom:40px; color: #FFE78F;}
.story span{ color: #FFE78F;}

.pagetitle {
 text-align: center;
 background-image: url(../campaign/head.png);
 min-height: 616px;
 background-position: center top;
 background-repeat:no-repeat;
}
.pagetitle h2{
 padding-top: 310px;
 font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
 color: #ffffff;
 text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
}
.pagetitle h3{ font-size: 125%; line-height:1.8; padding-top: 20px; padding-bottom: 7px; color: #ffffff; text-shadow: 0px 1px 1px rgba(0,0,0,0.8), 0px 3px 3px rgba(0,0,0,0.5), 0px 5px 5px rgba(0,0,0,0.2); font-weight:bold;}

.campaign{ width: 85%; max-width: 800px; margin: 0px auto 60px; position: relative; border: solid 1px #d6c994; background-color: rgba(95, 6, 6, 0.5); padding: 50px 6%; box-shadow: 0px 3px 7px #000000; line-height: 1.5; border-radius: 6px; position: relative;}
.campaign .flower{ position:absolute; right:0; top:-40px;}
.campaign h3{ font-size: 250%; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; display: block; color: #F9DF04; text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1); background-image: url(../campaign/flower.png); background-repeat: no-repeat; min-height: 67px; padding-top: 3px; text-indent: 75px; padding-bottom:10px; margin-left:-20px;}
.campaign h4{ font-size:120%; line-height:2; font-weight:normal;}
.campaign h5{ font-size:140%; line-height:1.7; font-weight:normal; color:#f7ff00;}
.campaign dl{ font-size:120%; padding-bottom:50px;}
.campaign dt{ float:left;}
.campaign dd{ margin-left:5em; padding-bottom:25px; line-height:1.4;}
.campaign dd span{ font-weight:bold; font-size:120%; color:#ecde8a}
.campaign_notice{ font-size: 90%; line-height: 1.4; color: #eeeeee;}
.campaign_notice .sections{ margin-left: 1em; text-indent: -1em; padding:3px 0;}
.campaign .button{ margin:20px auto 60px; text-align:center;}
.campaign a{ color:#00ccff;}

.trial{
	width: 100%;
	margin: 0px auto 60px;
	position: relative;
	border-bottom: solid 1px #d6c994;
	border-top: solid 2px #d6c994;
	background-image: url(../trial/bg.png);
	padding: 70px 0;
	box-shadow: 0px 3px 7px #000000;
	line-height: 1.8;
	position: relative;
	font-size: 110%;
	background-size: contain;
}
.trial .trial_inner{ margin:0 auto; width:90%; max-width:800px;}
.trial .flower{ position:absolute; right:0; top:-40px;}
.trial h3{ font-size: 250%; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; display: block; color: #F9DF04; text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1); background-image: url(../trial/flower.png); background-repeat: no-repeat; min-height: 67px; padding-top: 3px; text-indent: 75px; padding-bottom:10px; margin-left:-20px;}
.trial h4{ font-size:120%; line-height:2; font-weight:normal;}
.trial h5{	font-size: 155%;	line-height: 1.7;	font-weight: normal;	color: #FFCC00;	padding-bottom:30px;}
.trial dl{ padding:30px 0;}
.trial dt{ float:left;}
.trial dd{ margin-left:10em; padding-bottom:25px; line-height:1.4;}
.trial dd span{ font-weight:bold; font-size:120%; color:#ecde8a}
.trial .present{ padding:15px 0; font-size:90%;}
.trial .present img{ width:100%; padding-bottom:20px;}
.trial .present span{ font-size:70%; color:#ccc}
.trial .present .prenotice{ padding:15px 0; border-bottom:dotted 1px #fff;}
.trial .present .notice{ color:#CCC; }
.trial_notice{ font-size: 90%; line-height: 1.4; color: #eeeeee;}
.trial_notice .sections{ margin-left: 1em; text-indent: -1em; padding:3px 0;}
.trial .button{ margin:60px auto 10px; text-align:center;}
.trial .button2{ margin:30px 0; text-align:left;}
.trial a{ color:#00ccff;}
.trialhead { padding: 50px 0; text-align: center;}
.trialhead img{ width:100%; max-width:540px;}
.trialhead2 { padding: 50px 0; text-align: center; background-image:url(../trial/bg2.jpg); background-position:center top;}
.trialhead2 img{ width:100%; max-width:745px;}
.trialhead4 { padding: 50px 0; text-align: center; background-image:url(../trial/bg4.jpg); background-position:center top;}
.trialhead4 img{
	width: 100%;
	max-width: 960px;
}
.trialimg{	padding: 0;	margin-top: 0px;}
.trialimg img{	width: 100%;}

.newsthumb{ display:none;}
.shopstill{
	padding-top: 15px;
}
.btn_select{ text-align:center;}
.btn_select ul{ list-style:none; padding-bottom:30px;}
.btn_select li{ display:inline-block; position:relative;}
.btn_select li span{ position:absolute; top:-8px; left:6px;}

.boxpre{ background-image:url(../box/bg.jpg); background-repeat:repeat;}
.boxpre_visual{ margin-top:-40px; text-align:center;}
.boxpre_visual img{
	width: 96%;
	max-width: 1200px;
	padding: 2%;
}
.boxpre_visual h2{
	padding: 40px 0 30px;
	font-size: 250%;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	display: block;
	color: #E7A4D8;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
	line-height: 1.3;
}
.boxpre_visual h3{ font-size:180%; color:#E7A4D8; line-height:1.4; font-weight:normal; border-top: solid 1px #E7A4D8;
    border-bottom: solid 1px #E7A4D8;
    padding: 10px 0;
    display: inline-block;}
.boxpre_visual h4{ font-size:120%; font-weight:normal; padding:40px 0 0; line-height:1.8;}
.boxpre_visual2{
	padding-top: 40px;
	text-align: center;
}
.boxpre_visual2 img{
	width: 50%;
	max-width: 510px;
}
.box_notice{ max-width:1000px; width:90%; margin:-20px auto 60px;}

.boxnotice{
	border: solid 1px #ffffff;
	color: #fff;
	padding: 23px;
	display: inline-block;
	margin-bottom: 30px;
	background-color: #CC0000;
	width: 56%;
	text-align: left;
}
.boxnotice p{ text-indent:-1em; margin-left:1em; line-height: 1.5; padding-bottom: 8px;}
img.boxcount{
	position: absolute;
	z-index: 10;
	max-width: 258px;
	right: 3%;
	top: 673px;
}
img.boxcount2{ display:none;}
img.boxcount3{ position:absolute; right:4%;}


.massage{ width: 90%; max-width: 1200px; margin: 20px auto 60px; position: relative; border: solid 1px #FFCC00; background-color: rgba(0, 0, 0, 0.7); padding: 4%; box-shadow: 2px 2px 2px #000000; line-height: 1.5; }
.massage h2{ text-align:center; padding-bottom:15px;}
.massage h3{
 text-align: center;
    font-size: 140%;
    color: #ff7a00;
    margin: 0 auto;
    display: table;
    border-bottom: solid 1px;
    border-top: solid 1px;
    padding-bottom: 7px;
    padding-top: 7px;
}
.massage h4{
 font-size: 280%;
 padding-bottom: 15px;
 color: #ff8f13;
}
.massage h5{
 padding-top: 20px;
 border-top: dotted 1px #996600;
 font-weight: normal;
 font-size: 90%;
 color: #CCC;
}

.ticon{ text-align:center; display:inline-block;}
.ticon img{ max-width:12%; margin:0.5%; min-width:120px; }

.theader{ text-align:center; display:block;}
.theader img{ width:100%; max-width:800px; }

.materials{ display:block;}
.materials ul{ list-style:none;}
.materials li{ float:left; width:50%; text-align:center;}
.materials img{ width:90%; max-width:800px; padding-bottom:15px; }

.vc { text-align: center;}
.vc a{ color:#Ff0; text-decoration:none;}
.vc a:hover{ color:#Fc0; text-decoration:none;}
.vc h2{ padding-top:60px;}
.vc h2 img{ width:100%; max-width:882px;}
.vc h3{ font-size: 130%; line-height:1.5; display: block; text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1); padding:20px 0;}
.vc h4{
	display: inline-block;
	background-color: #1F0A11;
	border-radius: 30px;
	padding: 14px 20px;
	margin-bottom: 20px;
	font-size: 200%;
}
.vc .button{ padding-top:20px;}
.vc .figure{ padding-bottom:5px;}
.vc .figure img{ width:50%; max-width:504px;}
.vccampaign{ width: 85%; max-width: 892px; margin: 0px auto 60px; position: relative; border: solid 1px #d6c994; background-color: rgba(95, 6, 6, 0.5); padding: 50px; box-shadow: 0px 3px 7px #000000; line-height: 1.5; border-radius: 6px; position: relative;}
.vccampaign ul{ list-style:none;}
.vccampaign li{ float:left; width:25%; text-align:center; padding-bottom:15px;}
.vccampaign li img.chara{ width:100%; max-width:212px;}
.vccampaign .button{ margin:20px auto 60px; text-align:center;}
.vccampaign .jp-controls{ float:left; width:42%; margin:0 4%} 
.vccampaign img.btn_voice{width:100%;}

.jp-controls{ float:left; width:32.3%; margin:0 1% 0 0} 
.jp-controls img.btn_voice{width:95%;}

.systemtop{ text-align:center;}
.systemtop h3 img{ padding-top:30px; width:100%; max-width:1038px;}
.systemtop h4{
	color: #FFFFFF;
	padding: 30px 0 40px;
	font-size: 145%;
	line-height: 1.5;
	font-weight: normal;
}
.systemcontent{
	width: 100%;
	margin: 0px auto;
	position: relative;
	line-height: 1.7;
	font-size: 105%;	
}
.systemcontent .system_cont{
	width: 95%;
	max-width: 970px;
	margin: 0 auto;
	padding-top: 80px;
	position: relative;
}
.systemcontent .system_cont .point{
	padding: 30px 40px;
	max-width: 400px;
	border: solid 2px #f19d05;
	box-shadow: 2px 2px 2px #000;
	font-size: 18px;
	line-height: 1.9;
	margin-top: 30px;
}
.systemcontent .system_cont .point2{
	padding: 30px 40px;
	max-width: 400px;
	border: solid 2px #f19d05;
	box-shadow: 2px 2px 2px #000;
	font-size: 18px;
	line-height: 1.9;
	margin-top: 30px;
	position:absolute;
	right:0;
}
.systemcontent .system_cont .point3{
	padding: 30px 40px;
	max-width: 400px;
	border: solid 2px #f19d05;
	box-shadow: 2px 2px 2px #000;
	font-size: 18px;
	line-height: 1.9;
	margin-top: 30px;
	position: absolute;
	right: 0;
	top: 990px;
}
.systemcontent h4{ padding-bottom:10px;}
.systemcontent h4.righthead{ text-align:right;}
.systemcontent .system_cont .systemimg{
	position: absolute;
	right: 0px;
	top: 440px;
}
.systemcontent .system_cont .systemimg2{
	position: absolute;
	left: 112px;
	top: 700px;
}
.systemcontent .system_cont .systemimg3{
	position: absolute;
	left: 0px;
	top: 540px;
}
.systemcontent .system_cont .systemimg4{
	position: absolute;
	right: 0px;
	top: 700px;
}
.systemcontent .system_cont .systemimg5{
	position: absolute;
	left: 0px;
	top: 1160px;
}
.systemcontent .system_cont .systemimg6{
	position: absolute;
	right: 0px;
	top: 1400px;
}
.systemcontent .system_cont .systemimg7{
	position: absolute;
	left: 0px;
	top: 490px;
}
.systemcontent .system_cont .systemimg8{
	position: absolute;
	left: 225px;
	top: 725px;
}
.systemcontent .systemimg img, .systemcontent .systemimg2 img, .systemcontent .systemimg3 img, .systemcontent .systemimg4 img, .systemcontent .systemimg5 img, .systemcontent .systemimg6 img, .systemcontent .systemimg7 img, .systemcontent .systemimg8 img{
	width: 500px;
	border: solid 2px #cc990a;
	box-shadow: 2px 2px 2px #000;
}
.sys01{ background-image:url(../system/bg01.jpg); min-height:1070px; background-position:center top; background-repeat:no-repeat;}
.sys02{ background-image:url(../system/bg02.jpg); min-height:1070px; background-position:center top; background-repeat:no-repeat;}
.sys03{ background-image:url(../system/bg03.jpg); min-height:1070px; background-position:center top; background-repeat:no-repeat;}
.sys04{ background-image:url(../system/bg04.jpg); min-height:1800px; background-position:center top; background-repeat:no-repeat; background-color:#000;}
.system_sp_img{ display:none;}

.dlcnotice{    border: solid 1px #fff;
    display: inline-block;
    padding: 5px;
    background-color: #600;}

}

@media screen and (min-width: 1400px) {
.charaspec{ position: absolute; border: solid 1px #996633; background-color: rgba(49, 6, 6, 0.66); padding: 30px; font-size: 15px; top: 500px; left: 20%; width: 350px; background-image:url(../chara/sen.png); background-repeat:no-repeat; box-shadow:0px 1px 15px #000;}
}

@media screen and (min-width: 640px) and (max-width: 918px) {
.mod-tab-contents { float: right; width:72%; border-left: solid 1px #d48d0d; padding:0 3%; min-height:600px;}
.display .eren img{ display:none;}
#customElement h2{ position: absolute; left: 40%; top: 35px;}

#customElement .tgs{ right:4%; text-align:right; top:420px;}
#customElement .tgs img{ width:85%;}
img.boxcount{     position: absolute;
    z-index: 10;
    max-width: 258px;
    right: 3%;
    top: 389px;}
.gallerycontent2 li img.gallerystill{ margin-bottom: 40px; border: solid 1px #fff; float:none; margin-left:0px;}
}

@media screen and (min-width: 640px) and (max-width: 830px) {
.pt img{ padding:10px 20px;}
.ptbox{ padding:30px 25px 30px 30px; max-width:600px; font-size:15px;}
.ptbox h4{ font-size: 23px;}
.flowbox .fujiwarachara { display:none;}
.leftbox{ width:50%; float:left; min-height:500px;}
.rightbox{ width:50%; float:right; min-height:500px;}

.trialhead2{padding: 50px 0;
    text-align: center;
    background-image: url(../trial/bg2sp.jpg);
    background-position: center top;}

}


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

body,td,th { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 15px; line-height:180%; color: #FFF;  }

#header{ }
#headerlogo{ height:54px;}

.main_sp{
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;
}
.main_sp img{ width: 100%; padding-top:50px;}
.main_sp #tgs{ position: absolute; left: 68%; top: 255px;}
.main_sp #tgs img{ width:100px;}
.main_sp .sptweet{ width:238px; margin-left:20px; padding-top:10px;}
#customElement{ display:none;}

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

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

#news{ margin-top: 0px; clear: both; font-size: 80%; padding-top: 4px; margin-bottom: 0px; background-color: #FFFFFF; background-image: url(../img/line_new.jpg); background-repeat: repeat-x; background-position: top center; text-align:center;}
#news #newstext{
 width: 95%;
 max-width: 1000px;
 margin: 0 auto;
 position: relative;
 padding-top: 5px;
}
#news #newstext #social{ display:none;}
#news #newstext h3{ padding-top:10px;}
#news #newstext h3 img{ width: 10%; padding: 5px 10px 10px;}
#news #newstext h3 span{ font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 34px; font-weight: bold; display: inline-block; padding: 10px 0; text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1); color:#333;}
#news #newstext dl{ width:100%; text-align:left; padding:0px;}
#news #newstext dt{ margin-right:20px; color:#c00; padding:5px 0 0; line-height:1;}
#news #newstext dd{ padding: 5px 0; line-height: 1.5; color: #fff;}
#news a{ color:#fff; text-decoration:none;}
#news a:hover{ color: #FF0000; text-decoration: underline;}

.niko{ width:100%; background-image:url(../movie.gif); background-size:cover;}
.niko img{ width:100%;}

.topbanners{ margin:10px auto; text-align:center; max-width:1600px;}
.topbanners ul{ list-style:none}
.topbanners li{ float:left;; width:50%; position:relative;}
.topbanners li span{ position:absolute; top:-10px; left:5px;}
.topbanners img{ width: 100%;}

.topbanners2{ margin:10px auto; text-align:center; max-width:1600px;}
.topbanners2 img{ width:100%;}

.bx-controls-direction{ display:none;}
.spimg{ width:100%;}

#f1{ background: url("../img/p00.jpg") no-repeat center center; -moz-background-size: cover; background-size: cover; text-align: center; padding: 0;}
#f1 #f1c{ margin:0 auto; max-width: 572px; padding: 40px; text-align:left; background-image:url(../img/black.png);}
#f1 #f1c img{ width:100%;}

.pt{ clear: both; font-size: 12px; padding: 10px 0; background-color: #971C20; background-image: url(../img/line2.gif); background-repeat: repeat-x; background-position: top center; text-align: center;}
.pt img{ width: 10%; padding: 5px 6px 10px;}
.pt h3 span{ font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 34px; font-weight: bold; display: inline-block; padding: 10px 0; text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);}

.ptbox{ padding:30px; max-width:600px;}
.ptbox h4{
 font-size: 24px;
 font-weight: normal;
 padding-bottom: 15px;
 text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
 line-height: 1.5;
 font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
 color: #E7AF24;
}
.ptbox a{ color:#FFE14B; text-decoration:none; padding-top:15px; display:inline-block;}
.ptbox a:hover{ color: #F90;}
.ptbox a img{ padding:0 0 3px 5px;}

.sppt img{ width:100%;}

.wrapper{
 width: 100%;
 margin: 0 auto;
 background-image: url(../img/bg_wrapper.jpg);
 background-repeat: repeat-x;
 text-align: center;
}
.wrapper h2{
 padding: 12px 0;
 font-weight: bold;
 font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
 font-size: 36px;
 line-height: 1;
 text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
 background-image: url(../img/bg_box3.png);
 margin-bottom: 0px;
 text-align: center;
 margin-top: 53px;
 border-top: solid 2px #fc0;
 border-bottom: solid 2px #fc0;
}
.wrapper h3{ padding: 50px 0 20px; font-weight: bold; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 24px; text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1); text-align: center;}

.flowbox{
 margin: 20px auto;
 border: solid 1px #d9c368;
 width: 88%;
 background-color: #670000;
 box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4);
 padding: 5%;
}
.flowbox .titles {
 font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
 font-size: 24px;
 font-weight: bold;
 padding: 10px 0 0 0;
 text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
 color: #FC0;
 line-height: 1.3;
}
.flowbox .boxchara img{
 width: 100%;
 padding-top: 0px;
 padding-bottom: 20px;
}
.flowbox dl{
 line-height: 160%;
 margin-bottom: 20px;
 padding-top: 20px;
 padding-bottom: 30px;
 margin-bottom: 60px;
 display: block;
 margin: 0 auto;
}
.flowbox dl .tboxcost{ font-size:23px; font-weight:bold; margin:20px 0 10px;}
.flowbox dt{
 width: 10em;
 padding-bottom: 5px;
}
.flowbox dd span{
 font-size: 14px;
 color: #FFE599;
 padding: 7px 0 15px;
 display: block;
 line-height: 1.5;
 margin-left: 1.5em;
}
.flowbox dd {
 padding-bottom: 10px;
 border-bottom: dotted 1px #fc0;
 margin-bottom: 10px;
}
.flowbox .fujiwarachara img{ width:100%; padding-top:10px;}
.flowbox .fujiwara {
 font-size: 25px;
 line-height: 1.3;
 color: #A98EF5;
 padding: 30px 0;
 text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
 font-weight: bold;
}
.flowbox h4{
 padding: 20px 0 5px;
 font-size: 23px;
 color: #FFE599;
 text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
 border-bottom: solid 1px #FFE599;
 margin-bottom: 20px;
}
.flowbox h5{
 font-size: 17px;
 text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
 color: #FFE599;
}

.wrapper .charabox{ margin: 40px auto; border: solid 1px #d9c368; width: 92%; background-color: #670000; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4); text-align: center; padding:2%;}
.wrapper .charabox .titles{ text-align:left; padding-bottom:20px;}
.wrapper .charabox .titles img{ padding: 10px 10px; width: 10%;}
.wrapper .charabox .titles span{ font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 25px; font-weight: normal; display: inline-block; padding: 0 0 12px; text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);}

.wrapper .tokuten{ margin: 40px auto; border: solid 1px #d9c368; width: 88%; background-color: #670000; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4); text-align: center; padding: 4%;}
.wrapper .tokuten .titles{ text-align: center;}
.wrapper .tokuten .titles img{ padding: 10px 10px;}
.wrapper .tokuten .titles h4{ font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 22px; font-weight: normal; display: inline-block; padding-bottom: 20px; text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1); line-height: 1.3; color: #FFE878;}
.wrapper .tokuten .doll{ width: 100%; max-width: 1000px; margin: 0 auto; padding-bottom: 5px; border-bottom: dotted 1px #996600;}
.wrapper .tokuten .doll img{ width:100%;}
.wrapper .tokuten a .preorder{ font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-shadow: none; font-weight: bold; display: block; font-size: 14px; border: solid 1px #f79393; padding: 5px; border-radius: 8px; box-shadow: 0px 0px 7px rgba(0,0,0,0.7); margin: 20px auto; width: 50%; text-align: center; background: linear-gradient(#ec3558, #ff0000); color:#FFF;}
.wrapper .tokuten a:hover .preorder{ background: linear-gradient(#0080ff, #00659a); color: #FF0; text-decoration: none;}
.wrapper .tokuten .tbox{ text-align: center;}
.wrapper .tokuten .tbox .products{ max-width:800px; text-align:left; margin:0 auto;}
.wrapper .tokuten .tbox h4{ font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 28px; font-weight: normal; display: inline-block; padding-bottom: 20px; text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1); line-height: 1.3; color: #FFE878;}
.wrapper .tokuten .tbox h5{ font-size: 17px; line-height: 1.5; padding: 5px 0;}

.gettown{ display: block; background-color: #B70000; width: 98%; margin: 0 auto 25px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4); height: 100%; position: relative;}
.gettown .left{ margin:0 auto; padding-top:20px;}
.gettown .left img{ width:60%; max-width:262px;}
.gettown .right{ padding:3%; width:94%; }
.gettown .right img{ width:100%; max-width:784px;}

.charaspec{ border-top: solid 1px #996633; border-bottom: solid 1px #996633; background-color: #3a0404; padding: 5%; font-size: 15px; width: 90%; background-image:url(../chara/sen.png); background-repeat:no-repeat; background-size:contain;}
.charaspec h2{ font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight: bold; font-size: 40px; padding-bottom: 5px; padding-top: 20px; color: #FFE878;}
.charaspec h2 span{ font-size:16px;}
.charaspec h4{ font-size: 18px; font-weight: normal; padding-bottom: 10px;}
.charaspec h5{ color: #FFE878; font-size: 23px; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; padding-bottom: 10px; font-weight: normal;}
.charaspec .ss img{ width:100%; margin-top:15px;}

.charaselect{ padding:15px 0 0; font-size:23px; text-align:center; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1); color:#FC0; font-weight:bold; position:relative;}
.charaselect a{ color:#FFF; text-decoration:none;}
.charaselect a:hover{ color:#F90;}
.charaselect img{ width:33%;}

.spchara{ width:100%;}

.charatab{ overflow:hidden; text-align:center; padding-top:10px;}
.charatab ul{ list-style:none;}
.charatab li{ list-style:none; padding:1%; float:left; width:14.5%; position:relative;}
.charatab li img{ border:solid 2px #CCC; opacity:0.5; width:100%;}
.charatab li span img{ position:absolute; width:30px; top:7px; left:7px; border:none;}
.charatab li.select span img{ border:none;}
.charatab li.select img{ border:solid 2px #FFCC00; opacity:1;}
.characontent{ width:95%; margin:0 auto; position:relative;}
.characontent li{ padding:20px 0; list-style:none;}
.characontent li img.charastill{ width:100%;}
.characontent li .charatext{ width:85%; border:solid 1px #FFCC00; padding:7%; background-color: rgba(0, 0, 0, 0.6); box-shadow:0px 1px 5px #000000; border-radius:5px; position:relative;}
.characontent li .charatext p{ padding-bottom:10px; line-height:1.5;}
.characontent li .charatext h2{ font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:300%; color:#FFE78F; line-height:1.3; text-shadow: 2px 2px 2px rgba(0,0,0,0.8), 5px 5px 5px rgba(0,0,0,0.4), 8px 8px 8px rgba(0,0,0,0.2); }
.characontent li .charatext h3{ font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:180%; color:#FFE78F; font-weight:normal; line-height:1.5; text-shadow: 2px 2px 2px rgba(0,0,0,0.8), 5px 5px 5px rgba(0,0,0,0.4), 8px 8px 8px rgba(0,0,0,0.2);}
.characontent li .charatext h2 span{ font-size:30%; display:block;}
.characontent li .charatext h4{ font-size:140%; color:#FFE78F; font-weight:normal; line-height:3;}
.characontent li .charatext .flower{ position:absolute; right:0px; top:-40px;}
.charahide {display:none;}

.gallerytab{ overflow:hidden; text-align:center; padding-top:20px;}
.gallerytab ul{}
.gallerytab li span{ position:absolute; top:-12px; left:2px;}
.gallerytab li span img,.gallerytab li.select span img{ border:none;}
.gallerytab li{ list-style:none; float: left; width: 23.8%; margin: 0.5%; position:relative;}
.gallerytab li img{ border:solid 1px #CCC; opacity:0.5; width:100%;}
.gallerytab li.select img{ border:solid 1px #FFCC00; opacity:1;}
.gallerycontent{ width: 90%; max-width: 1200px; margin: 10px auto 40px; position: relative; border: solid 1px #FFCC00; background-color: rgba(0, 0, 0, 0.7); padding: 4%; box-shadow: 2px 2px 2px #000000; line-height: 1.5; font-size: 100%;}
.gallerycontent li{ padding:0; list-style:none;}
.gallerycontent li img.gallerystill{ width: 100%; margin-bottom: 20px; border: solid 1px #fff;}
.gallerycontent li p{	padding-bottom: 20px;color: #CCC;}
.gallerycontent li dt{	float: left;	padding-bottom: 20px;	color: #FFFFFF;}
.gallerycontent li dt.hakuryu{ color:#92f0f9;}
.gallerycontent li dt.tomomori{ color: #e25339;}
.gallerycontent li dt.atsumori{ color: #EF4744;}
.gallerycontent li dt.riz{ color: #f3da09;}
.gallerycontent li dt.benkei{ color: #b0ef52;}
.gallerycontent li dt.kagetoki{ color: #52ef8c;}
.gallerycontent li dt.yuzuru{ color: #b0ef52;}
.gallerycontent li dt.hinoe{ color:#dd582b;}
.gallerycontent li dt.masaomi{ color:#cc2f20;}
.gallerycontent li dt.kurou{ color:#516fc3;}
.gallerycontent li dt.yasuhira{ color:#777777;}
.gallerycontent li dd{ margin-left: 4em; padding-bottom: 20px; }
.galleryhide {display:none;}

.gallerycontent2{	margin: 20px auto 60px;	position: relative;	line-height: 1.5;	width: 85%;}
.gallerycontent2 li{ padding:0; list-style:none;}
.gallerycontent2 li img.gallerystill{ margin-bottom: 20px; border: solid 1px #fff; width:100%;}
.gallerycontent2 li h4{ padding:0px;}
.gallerycontent2 li h4 span{ font-size:50%; display:block;}
.gallerycontent2 li h5{ padding-bottom: 10px; margin-top:20px; color:#ff8f13; font-size:110%; }

.gotop a{ color:#FFF; text-decoration:none;}
.gotop a:hover{ color:#F90;}
.gotop{ font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-shadow: none; font-weight: normal; display: block; font-size: 14px; display: block; border: solid 1px #FFFFFF; padding: 5px; border-radius: 8px; box-shadow: 0px 0px 7px rgba(0,0,0,0.7); margin: 20px auto; width: 50%; text-align: center;}
.ya_left{ position:absolute; left:0; top:80%;}
.ya_right{ position:absolute; right:0; top:80%;}

.mod-tab .notice{ padding-top:10px; color:#ccc; width:95%; margin:0 auto; font-size:13px; }
.mod-tab .pcnotice{ padding: 2.5%; color: #FC0; font-size: 16px; line-height: 1.4; border: dotted 1px #FC0; margin:20px auto; width:90%;}
.mod-tab-nav { border-top: 1px solid #d48d0d; width: 95%; list-style: none; margin:10px auto;}
.mod-tab-nav > li { margin-bottom: 0px; border-bottom: solid 1px #d48d0d;   width: 49%;    float: left;}
.mod-tab-nav > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 40px; color: #ccc; text-decoration: none;}
.mod-tab-nav > li > a:hover { color: #cc0000; text-decoration: none;}
.mod-tab-nav a.current { color: #FFE878; text-decoration: none;}
.mod-tab-nav a.current:hover { color: #FFE876; text-decoration: none;}
.mod-tab { width: 100%; max-width: 1000px; margin: 0 auto;}
.mod-tab:after { clear: both;}
.mod-tab-contents { width:92%; margin:30px auto; min-height:100px; text-align:left;}
.mod-tab-contents h3{ font-size: 24px; padding-bottom: 10px; font-weight: bold; padding-top: 0; text-align: left;}
.mod-tab-contents h4{ font-size: 19px; padding-bottom: 5px; font-weight: bold; color: #FFE878;}
.mod-tab-contents h5{ font-weight:normal; line-height:1.5; font-size:100%;}
.mod-tab-contents h5 span{ color:#FFE878;}
.mod-tab-contents h7{ display: inline-block; background-color: #000; padding: 5px; text-align: center; color: #FFF; float: left; margin: 8px 0 0; font-size: 12px; line-height: 1;}
.mod-tab-contents .chara{ text-align:center; position:relative; padding-bottom:20px;}
.mod-tab-contents .chara img{ height:600px;}
.mod-tab-contents .item{ text-align:center; position:relative; padding-bottom:20px; }
.mod-tab-contents .item img{ width:100%;}
.mod-tab-contents .photo{
	width: 100%;
	margin: 10px 0 20px;
	float: left;
}
.mod-tab-contents .photo img{
	width: 49%;
	padding: 0.5%;
}

#done{ padding-top:30px;}
#done ul{ list-style:none;}
#done li{ width: 49%; text-align: center; float: left; margin: 0 0.5%; min-height: 190px;}
#done li h5{ padding-top: 10px; font-size: 14px; font-weight: bold;}
#done li p{ margin:5px auto 15px; padding:0; font-size:12px; line-height:135%; text-align:left; color:#666; width:97%;}
#done li img{ width:100%;}
#done li img.new{ position:absolute; width:30px; max-width:72px;}

#spec{
 width: 100%;
 margin: 0 auto;
 position: relative;
 font-size: 14px;
 background-color: #B70000;
}
#spec #kamon{ text-align: center; padding: 30px 0;}
#spec #kamon img{ width:150px;}
#spec dl{
 line-height: 160%;
 margin-bottom: 20px;
 border-top: solid 1px #c15757;
 padding-top: 10px;
 padding-bottom: 10px;
 border-bottom: solid 1px #c15757;
 width: 92%;
 display: block;
 margin: 0 auto;
}
#spec dl .tboxcost{ font-size:23px; font-weight:bold; margin:30px auto 10px;}
#spec dt{}
#spec dd{ margin-bottom:10px; border-bottom: dotted 1px #C15758; padding-bottom: 5px;}
#spec .package{ display:none;}
#spec #cero{ margin-bottom:10px;}
#spec #thanks{ margin-bottom:30px;}
#spec #thanks img{ width:100%; text-align:center;}

#footer{
 text-align: center;
 padding: 30px 0 60px;
 background-color: #C94117;
 background-repeat: repeat-x;
 background-position: center top;
}
#footer #sns{ text-align:center;}
#footer #sns img{ width:18%;}
#footer #sns2{ text-align: center;}
#footer #sns2 img{ margin:10px 3px;}
#footer #links{ margin:0 auto 20px auto; font-size:12px; color:#999; width:95%;}
#footer #links a{ color:#FFF; text-decoration:none; }
#footer #links a:hover{ color:#F03; text-decoration:underline;}
#footer #sns img{ margin: 30px 15px;}
#footer #platform img{ width:95%;}
img.spcopy{ width:100%;}

.fb_iframe_widget{ width:75px;}
#pagetop { bottom: 10px; right: 10px; position: fixed; z-index: 500;}
.hidesp{ display:none;}

.caption{ display: block; bottom: 30px; padding: 3%; text-align: left; font-size: 95%; line-height: 1.7;}
.caption span{ font-size:200%; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; display:block; color:#FFE878; text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);}

.getshop{
 text-align: center;
 padding-top: 15px;
}

.story{ margin:70px auto 20px; width:84%; padding:6%; border:solid 1px #999; background-image:url(../img/bg_story.jpg); max-width:900px; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:110%; text-shadow: 2px 2px 2px rgba(0,0,0,0.8), 5px 5px 5px rgba(0,0,0,0.4), 8px 8px 8px rgba(0,0,0,0.2); background-size:cover; box-shadow:0px 2px 8px #333; line-height:1.5}
.story p{ padding-bottom:20px;}
.story h3{ font-size:180%; padding-bottom:15px; color: #FFE78F;}
.story span{ color: #FFE78F;}

.pagetitle { display:none;}
.campaign{ width: 85%; max-width: 800px; margin: 0px auto 60px; position: relative; border: solid 1px #d6c994; background-color: rgba(95, 6, 6, 0.5); padding:6%; box-shadow: 0px 3px 7px #000000; line-height: 1.5; border-radius: 6px; position: relative;}
.campaign .flower{ position:absolute; right:0; top:-40px;}
.campaign h3{ font-size: 220%; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; display: block; color: #F9DF04; text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1); background-image: url(../campaign/flower.png); background-repeat: no-repeat; min-height: 67px; padding-top: 8px; text-indent: 75px; padding-bottom:10px; margin-left:-20px;}
.campaign h4{ line-height:2; font-weight:normal; line-height:1.5;}
.campaign h5{ font-size:120%; line-height:1.7; font-weight:normal; color:#f7ff00;}
.campaign dl{ padding-bottom:50px;}
.campaign dt{ }
.campaign dd{ padding-bottom:25px; line-height:1.4;}
.campaign dd span{ font-weight:bold; color:#ecde8a}
.campaign_notice{ font-size: 80%; line-height: 1.4; color: #eeeeee;}
.campaign_notice .sections{ margin-left: 1em; text-indent: -1em; padding:3px 0;}
.campaign .button{ margin:20px auto 60px; text-align:center;}
.campaign .button img{ width:100%;}
.campaign a{ color:#00ccff;}
.campaign_head img{ width:100%; padding-top:53px;}

.trial{
	width: 88%;
	max-width: 800px;
	margin: 0px auto 60px;
	position: relative;
	border-top: solid 1px #d6c994;
	border-bottom: solid 1px #d6c994;
	background-image: url(../trial/bg.png);
	padding: 30px 6%;
	line-height: 1.8;
	position: relative;
	font-size: 100%;
	background-size: contain;
}
.trial .flower{ position:absolute; right:0; top:-40px;}
.trial h3{ font-size: 250%; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; display: block; color: #F9DF04; text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1); background-image: url(../trial/flower.png); background-repeat: no-repeat; min-height: 67px; padding-top: 3px; text-indent: 75px; padding-bottom:10px; margin-left:-20px;}
.trial h4{ font-size:120%; line-height:2; font-weight:normal;}
.trial h5{	font-size: 130%;	line-height: 1.4;	font-weight: normal;	color: #FFCC00;	padding-bottom:30px;}
.trial dl{ padding:0;}
.trial dt{ }
.trial dd{ padding-bottom:25px; line-height:1.4; font-size:90%;}
.trial dd span{ font-weight:bold; font-size:120%; color:#ecde8a}
.trial .present{ padding:15px 0; font-size:90%;}
.trial .present img{ width:100%; padding-bottom:20px;}
.trial .present span{ font-size:70%; color:#ccc}
.trial .present .prenotice{ padding:15px 0; border-bottom:dotted 1px #fff;}
.trial .present .notice{ color:#CCC; }
.trial_notice{ font-size: 90%; line-height: 1.4; color: #eeeeee;}
.trial_notice .sections{ margin-left: 1em; text-indent: -1em; padding:3px 0;}
.trial .button{ margin:60px auto 10px; text-align:center;}
.trial .button img{ width:100%;}
.trial .button2{ margin:20px auto 10px; text-align:center;}
.trial .button2 img{ width:100%;}
.trial a{ color:#00ccff;}
.trialhead { padding:80px 0 30px; text-align:center;}
.trialhead img{ width:100%;}
.trialhead2 {
	padding: 80px 0 30px;
	text-align: center;
	background-image: url(../trial/bg2sp.jpg);
	background-size: cover;
	background-position: center top
}
.trialhead2 img{ width:80%;}
.trialimg {	padding: 0px 0 20px;}
.trialimg img{ width:100%; }

.trialhead4 { padding: 50px 0; text-align: center; background-image:url(../trial/tc_sp.jpg); background-position:center top; background-size:cover;}
.trialhead4 img{
	width: 100%;
}

.newsthumb{ float:right; padding:0 0 5px 5px;}
.shopstill{ padding-top:15px; }
.shopstill img{ width:100%; }

.btn_select{ text-align:center;}
.btn_select ul{ list-style:none; padding:20px 0 0;}
.btn_select li{ display:inline-block; position:relative; width:48%;}
.btn_select li img{ width:100%;}
.btn_select li span{ position:absolute; top:-8px; left:6px;}

.boxpre{ background-image:url(../box/bg.jpg); background-repeat:repeat;}
.boxpre_visual{
	text-align: center;
}
.boxpre_visual img{ width:100%;}
.boxpre_visual h2{
	padding: 30px 0 20px;
	font-size: 180%;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	display: block;
	color: #E7A4D8;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
	margin: 0 auto;
	width: 90%;
	line-height: 1.4;
	text-align: left;
}
.boxpre_visual h3{
	font-size: 135%;
	color: #E7A4D8;
	line-height: 1.4;
	font-weight: normal;
	margin: 0 auto;
	width: 90%;
	text-align: left;
	border-top: solid 1px #E7A4D8;
    border-bottom: solid 1px #E7A4D8;
    padding: 10px 0;
    display: inline-block;
}
.boxpre_visual h4{
	font-size: 100%;
	font-weight: normal;
	padding: 20px 0 0;
	margin: 0 auto;
	width: 90%;
	text-align: left;
}
.boxpre_visual2{ padding-top:20px;}
.boxpre_visual2 img{ width:100%; padding:2% 0 0;}
.box_notice{ max-width:1000px; width:95%; margin:20px auto 60px; font-size:90%; line-height:1.5;}

.boxnotice{
	border: solid 1px #fff;
	color: #fff;
	padding: 3%;
	display: inline-block;
	margin-bottom: 30px;
	width: 89%;
	text-align: left;
	background-color: #CC0000
}
.boxnotice p{ text-indent:-1em; margin-left:1em; line-height: 1.5; padding-bottom: 8px;}

img.boxcount{ position: absolute; z-index: 10; max-width: 30%; right:4%; top:43%;}
img.boxcount2{ position: absolute; z-index: 10; max-width: 30%; right:0;}
img.boxcount3{ position:absolute; right:4%; width:30%; margin-top: 10px;}
img.cboxPhoto{ width:100%; max-width:640px;}

.massage{ width: 90%; max-width: 1200px; margin: 20px auto 60px; position: relative; border: solid 1px #FFCC00; background-color: rgba(0, 0, 0, 0.7); padding: 4%; box-shadow: 2px 2px 2px #000000; line-height: 1.5; }
.massage h2{ text-align:center; padding-bottom:15px;}
.massage h2 img{ width:100%;}
.massage h3{
 text-align: center;
    font-size: 140%;
    color: #ff7a00;
    margin: 0 auto;
    display: table;
    border-bottom: solid 1px;
    border-top: solid 1px;
    padding-bottom: 7px;
    padding-top: 7px;
}
.massage h4{
 font-size: 280%;
 padding-bottom: 15px;
 color: #ff8f13;
}
.massage h5{
 padding-top: 20px;
 border-top: dotted 1px #996600;
 font-weight: normal;
 font-size: 90%;
 color: #CCC;
}

.ticon{ text-align:left; display:inline-block;}
.ticon img{ width:31%; margin:0.5%; }

.theader{ text-align:center; display:block;}
.theader img{ width:100%; }

.materials{ display:block;}
.materials ul{ list-style:none;}
.materials li{ width:100%; text-align:center; margin-bottom:40px;}
.materials img{ width:90%; max-width:800px; padding-bottom:15px; }

.vc { text-align: center;}
.vc a{ color:#Ff0; text-decoration:none;}
.vc a:hover{ color:#Fc0; text-decoration:none;}
.vc h2{ padding-top:75px;}
.vc h2 img{ width:100%;}
.vc h3{ font-size: 107%; line-height:1.5; display: block; text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1); padding:20px 0; text-align:left; margin:0 auto; width:95%;}
.vc h4{ display:inline-block; background-color:#1F0A11; border-radius:30px; padding:10px; margin-bottom:20px; font-size:90%;}
.vc .figure img{ width:100%;}
.vc .button img{ width:100%;}
.vccampaign{ width: 93%; max-width: 892px; margin: 0px auto 60px; position: relative; border: solid 1px #d6c994; background-color: rgba(95, 6, 6, 0.5); padding:7% 2%; box-shadow: 0px 3px 7px #000000; line-height: 1.5; border-radius: 6px; position: relative;}
.vccampaign ul{ list-style:none;}
.vccampaign li{ float:left; width:33.3%; text-align:center; padding-bottom:15px;}
.vccampaign li img.chara{ width:100%; max-width:212px;}
.vccampaign li img{ width:98%;}
.vccampaign .button{ margin:20px auto 60px; text-align:center;}
.vccampaign .jp-controls{ float:left; width:46%; margin:0 2%} 
.vccampaign img.btn_voice{width:100%;}

.jp-controls{ float:left; width:32.3%; margin:0 1% 0 0} 
.jp-controls img.btn_voice{width:100%;}

.systemtop{ text-align:center;}
.systemtop h3 img{ padding-top:30px; width:100%;}
.systemtop h4{ color:#ffffff; padding:20px 0; font-size:110%; text-align:left; margin:0 auto; width:95%; font-weight:normal;}
.systemcontent{	width: 92%; margin: 0 auto ; position: relative; background-color: rgba(21, 1, 4, 1);	padding: 0% 4% 8%;	box-shadow: 2px 2px 2px #260B14; line-height: 1.7; }
.systemcontent h4 img{ display:none;}
.systemcontent .systemimg, .systemcontent .systemimg3, .systemcontent .systemimg5, .systemcontent .systemimg7{ padding:10px 0; text-align:center;}
.systemcontent .systemimg img, .systemcontent .systemimg2 img, .systemcontent .systemimg3 img, .systemcontent .systemimg4 img, .systemcontent .systemimg5 img, .systemcontent .systemimg6 img, .systemcontent .systemimg7 img, .systemcontent .systemimg8 img{ width: 100%; margin: 0.5%; border: solid 1px #cc990a;}
.systemcontent .system_cont .point, .systemcontent .system_cont .point23{ padding: 0 0 10px;}
.systemcontent .system_cont .point3{ padding: 10px 0 ;}
.system_sp_img{ width:100%;}


.tgs{ position:absolute; text-align:right; top: 37%; right: 3%;}
.tgs img{ width:60%;}

.dlcnotice{    border: solid 1px #fff;
    display: inline-block;
    padding: 2%;
    background-color: #600; margin-top:20px; width:90%; line-height:1.3;}

}

.product_notice{
 width: 95%;
 margin: 0px auto 0px 1em;
 font-size: 12px;
 color: #FCC;
 line-height: 1.5;
 text-align: left;
 padding-top: 5px;
}

.pt2{ background: url("../img/p01.jpg") no-repeat center center; -moz-background-size: cover; background-size: cover;}
.pt3{ background: url("../img/p02.jpg") no-repeat center center; -moz-background-size: cover; background-size: cover;}
.pt4{
 -moz-background-size: cover;
 background-size: cover;
} 
.pt5{ background: url("../img/p04.jpg") no-repeat center center; -moz-background-size: cover; background-size: cover;}


a.thumnail { display: block; float: left; overflow: hidden; max-width:500px;}
figure img { height: auto; -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; width: 100%; vertical-align: bottom;}
figure { margin: 0; overflow: hidden; position: relative; text-align: center;} 
figcaption { background-color: rgba(0,0,0,0.6); color: #FFF; opacity: 0; font-size: 16px; font-size: 1.6rem; position: absolute; text-align: center; -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; top: 0; left: 0; right: 0; bottom: 0; margin: auto; padding-top: 25%;}
a:hover>figure img { transform: scale(1.15,1.15); -webkit-transform:scale(1.15,1.15); -moz-transform:scale(1.15,1.15); -ms-transform:scale(1.15,1.15); -o-transform:scale(1.15,1.15);}
a:hover>figure figcaption { opacity: 1;}