@charset "utf-8";
/*
Theme Name: BizVektor_Child
Template: biz-vektor
*/

/*--------------------------------------------------------------------------------*/
/*	20231206 headerに直書きされていたstyleをここに移行
/*--------------------------------------------------------------------------------*/
	/*-------------------------------------------*/
	/*	sidebar child menu display
	/*-------------------------------------------*/
	#sideTower	ul.localNavi ul.children	{ display:none; }
	#sideTower	ul.localNavi li.current_page_ancestor	ul.children,
	#sideTower	ul.localNavi li.current_page_item		ul.children,
	#sideTower	ul.localNavi li.current-cat				ul.children{ display:block; }
	/*-------------------------------------------*/
	/*	menu divide
	/*-------------------------------------------*/
	@media (min-width: 970px) {
	#gMenu .menu li { width:189px; text-align:center; }
	#gMenu .menu li.current_page_item,
	#gMenu .menu li.current_page_ancestor { width:193px; }
	}
	/*-------------------------------------------*/
	/*	font
	/*-------------------------------------------*/
	h1,h2,h3,h4,h4,h5,h6,
	#header #site-title,
	#pageTitBnr #pageTitInner #pageTit,
	#content .leadTxt,
	#sideTower .localHead {font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif ; }
	#pageTitBnr #pageTitInner #pageTit { font-weight:lighter; }
	#gMenu .menu li a strong {font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif ; }

/*--------------------------------------------------------------------------------*/
/*	管理者ログイン状態での編集機能を非表示
/*--------------------------------------------------------------------------------*/
#adminHeaderOuter , .adminEdit , .edit-link , .linkBtn , .linkBtnS , .linkBtnAdmin { display: none; }
#wrap { margin-top: 0 !important; }



/*--------------------------------------------------------------------------------*/
/*	汎用的なスタイル
/*--------------------------------------------------------------------------------*/
::selection {
background-color: rgba(116, 92, 0, 0.65);
}
a {
overflow: hidden;
color: #533200;
}
a:hover, a:active {
color: #B49000;
text-decoration: none;
}

/*		レイアウト
/*----------------------------------------*/
body {
	color:#3F2424;
	background-image:url(images/bodybg.jpg);
}

/*-- section --*/
#wrap #content .section {
     clear: both;
     margin-bottom: 40px;
}
#wrap #content .section:last-child ,
#wrap #content .section p:last-child ,
#wrap #content .section ul:last-child ,
#wrap #content .section li:last-child ,
#wrap #content .section ol:last-child ,
#wrap #content .section dl:last-child ,
#wrap #content .section dd:last-child {
     margin-bottom: 0;
}

/*-- unit --*/
#content .unit {
     /*margin: -10px;
	 padding: 10px;*/
	 clear: both;
     overflow: hidden;
     zoom: 1;
}

/*-- カラム --*/
#wrap #content .box {
	margin-bottom: 2%;
}

/*-- dlの横組み --*/
#content dl.horizon>dt {
	float: left;
	padding: 0;
	width: 5em;
	line-height: 1.4em;
}
#content dl.horizon>dd {
	margin: 0 0 0;
	padding-left: 5em;
	line-height: 1.4em;
}

/*-- dlの横並び --*/
#content dl.line>dt {
	font-weight: bold;
	display: inline;
}
#content dl.line>dd {
	margin: 0 20px 0 -0.3em;
	display: inline;
}
#content dl.line>dd:last-child {
	margin-right: 0;
}

/*-- ulの横並び --*/
#content ul.line>li {
	margin: 0 1em 0 0;
	display: inline;
}
#content ul.line>li:last-child {
	margin-right: 0;
}

/*-- その他 --*/
#content .clear {
     clear: both;
}
#content .align_left {
     float: left;
     margin: 0 20px 0 0;
}
#content .align_right {
     float: right;
     margin: 0 0 0 20px;
}
#content .none {
display:none;
}

/*		装飾
/*----------------------------------------*/
#content .supp {
     font-size: 0.8em;
     /*line-height: 1.6em;*/
}
#content .striking {
     color: #ff0000;
}
#content .modest {
     color: #5F3311;
     font-weight: normal;
}
#content .raquo {
     margin-left: 1em;
     text-indent: -1em;
     display: inline-block;
}
#content .raquo a {
     padding-left: 1em;
}
#content a.onmouse:hover img {
     opacity: 0.7;  /* Firefox 1.5以上, Opera, Safari用 */
     filter: alpha(opacity=70);  /* IE7以下用 */
     -ms-filter: "alpha(opacity=70)";  /* IE8用 */
     zoom: 1;
}
#content a.btn {
    margin: 0;
	padding: 0.5em 0.6em;
    font-size: 0.8em;
	font-weight: bold;
    line-height: 1em;
    color: #fff;
	text-indent: 0;
	display: inline-block;
	border: none;
	box-shadow: none;
    background: #422800;
    -webkit-border-radius: 4px;  /* Safari, Chrome用 */
    -moz-border-radius: 4px;  /* Firefox用 */
    border-radius: 4px;  /* CSS3 */
    behavior: url(PIE.htc);
}
#content a.btn:hover {
    background: #B49000;
    text-decoration: none;
}
#content .comingsoon {
     opacity: 0.5;  /* Firefox 1.5以上, Opera, Safari用 */
     filter: alpha(opacity=50);  /* IE7以下用 */
     -ms-filter: "alpha(opacity=50)";  /* IE8用 */
     zoom: 1;
}

#content .icon_ios ,
#content .icon_android {
	position: relative;
	top: -1px;
	margin: 0 -3px 0 2px;
	padding: 2px 1px;
	min-width: 5em;
	text-align: center;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	line-height: 1em;
	text-indent: 0;
	display: inline-block;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	behavior: url(PIE.htc);
}
#content .icon_ios {
	background: #a8cee0;
}
#content .icon_android {
	background: #c3d998;
}



/*--------------------------------------------------------------------------------*/
/*	全ページ共通設定
/*--------------------------------------------------------------------------------*/

/*		基本設定
/*----------------------------------------*/
#content h2 ,
#content h3 ,
#content h4 ,
#content h5 {
	margin: 0 0 1em;
}
#content h2 {
	/*padding: 18px 2% 14px;
	font-size: 20px;
	border-top: none;
	border-bottom-width: 4px;
	color: #E6E6E6;
	text-shadow: 0 1px #3A3A3A;
	box-shadow: inset 0px 0px 1px #3A3A3A;*/
	padding: 18px 2% 14px;
	font-size: 20px;
	border-top: none;
	color: #fff;
	text-shadow: 0 1px #3A3A3A;
	box-shadow: inset 0px 0px 1px #3A3A3A;
	background: url(images/category_bg.png) repeat;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	behavior: url(PIE.htc);
	border-bottom: 3px solid #3F2900;
}
#content h3 {
	padding: 10px 0;
	font-size: 18px;
	line-height: 1.2em;
	border-left: none;
	background: none;
	box-shadow: none;
	/*text-shadow: 0 1px #363636;*/
}
#content h3:before,
#content h3:after {
	content: "";
	display: block;
	width: 100%;
	height: 10px;
	background: url(images/patern_line.png) 50% 0 repeat-x;
	background-size: auto 10px;
}
#content h3:before {
	margin-bottom: 10px;
}
#content h3:after {
	margin-top: 10px;
	transform: scale(1,-1);
}
#content h4 {
	padding: 4px 7px 0px;
	font-size: 16px;
	line-height: 1.2em;
	color: #aa0000;
	text-shadow: 0 1px #330000;
	border: none;
	border-left: 3px solid #770000;
}
#content h5 {
	font-size: 14px;
	border: none;
}
#content p ,
#content ul ,
#content li ,
#content ol ,
#content dl ,
#content dd {
	/*margin: 0 0 1.4em;
	padding: 0;
	font-size: 1em;
	line-height: 1.6em;*/
	margin: 0 0 1.4em;
	padding: 0;
	font-size: 1.1em;
	line-height: 1.6em;
	font-weight: bold;
}
#content #attention{
	font-size: 0.9em;
	text-align: right;
	margin-top: -50px;
}
#content ul li {
	list-style: none;
}
#content dt {
	margin: 0;
	padding: 0;
	color: #B40000;
}
#content dd+dd {
	margin-top: -2.4em;
}

/*		ヘッダー
/*----------------------------------------*/
#headerTop {
	display: none;
}
#header {
	padding: 0;
	background: url(images/header_bg.jpg) center top ;
}
#headerInner {
	padding: 0;
	overflow: hidden;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
#header #site-title-home {
}
#header #site-title {
	padding-bottom:0;
	width: 25%;
}
#header #site-title a img {
	margin:5px 0;
	max-height: 100px;
}

#header #tieup {
	text-align:center;
	width: 75%;
}
#header #tieup a {
	display: block;
	margin-left: auto;
	margin-right: 0;
	width: 150px;
}
#header #tieup #tieuplogo {
	padding:0 0 5px;
	max-width: 120%;
}
#header #vita {
	width: 65%;
	margin: 10px auto;
}
#header #headerlogoandvita {

}

/*		グローバルナビ
/*----------------------------------------*/
#gMenu {
	border: none;

}
#gMenu .assistive-text {
	background-color: #b4b6de;
	box-shadow: none;
}
#gMenu .assistive-text span {
	padding: 10px 0 9px 22px;
}
/*comingsoon ダミーボタン*/
#gMenu #menu-item-106 a,#gMenu #menu-item-29 a, #gMenu #menu-item-30 a{
	color:#bcbcbc;
}
#gMenu #menu-item-106 a:hover,#gMenu #menu-item-29 a:hover, #gMenu #menu-item-30 a:hover{
	background:url(images/arrow_gray.png) right bottom no-repeat;
	cursor:default;
}
#gMenu .menu #menu-item-236:after, #gMenu .menu #menu-item-236,#footerSiteMap .menu #menu-item-237 {
    display: none;
}
/*		ページタイトル
/*----------------------------------------*/
#pageTitBnr {
	background:#7a7ecf;
	border-bottom: 3px solid #5155ad;
	min-height: 43px;
	overflow: hidden;
}
#pageTitBnr #pageTitInner {
	height:43px;
	overflow: visible;
}
#pageTitBnr #pageTitInner #pageTit {
	margin-top:10px;
	font-size: 28px;
	color: #fff;
	text-shadow: none;
}

/*		パンくずリスト
/*----------------------------------------*/
#panList {
	color: #612F00;
}
#panList #panListInner {
	border-bottom:none;
}
/*		コンテンツ
/*----------------------------------------*/
#main #container {
	padding-top: 20px;
}
#content .entry-content {
	margin-bottom: 4%;
	/*margin-left: 2%;*/
	padding: 0;
}
#main #container #content.wide {
	width: 100%;
}
#topFreeArea img ,
#main .entry-content img {
	margin: 0 auto;
	display: block;
}
/* 660px以下で左右の余白ナシ
#main .innerBox {
	margin-left: 0;
	width: 100%;
}*/

/*カテゴリーまとめ　ブロック　ボーダーなし、リンク色変更*/
#main #content .child_page_block {
	border-top:none;
	background: url(images/white_bg.png) repeat;

}

#main #content .child_page_block h4 {
	background: none;
	text-shadow: 0 1px #F0F0F0;
}

#main #content .child_page_block h4 a{
	border-bottom: 2px solid #A3794A;
}

#main #content .child_page_block h4 a,
#main #content .child_page_block p a {
	color:#3F2424;
	text-shadow:none;
}
/*		サイドバー
/*----------------------------------------*/
#main #container #sideTower {
	padding: 0 0 30px;
}
#sideTower .sideWidget {
	margin-bottom: 0;
}
#sideTower .sideWidget+.sideWidget {
	display: none;
}
#sideTower .localHead {
	padding: 17px 1em 12px;
	font-size: 16px;
	color: #fff;
	border-bottom: 3px solid #a79470;
	border-top: none;
	border-bottom-width: 2px;
	text-shadow: 0 1px #000;
	box-shadow: none;
	background: rgba(185, 146, 63, 0.64);
	-webkit-border-radius: 10px 10px 0 0;  /* Safari, Chrome用 */
	-moz-border-radius: 10px 10px 0 0;  /* Firefox用 */
	border-radius: 10px 10px 0 0;  /* CSS3 */
	behavior: url(PIE.htc);
}
#sideTower .localHead a {
	color: #fff;
}
#sideTower .sideWidget li{
	border-bottom: 1px solid #968A74;
}
#sideTower .sideWidget li a {
	padding-left: 1.5em;
	background:#fff;
	color: #3F2424;
}
#sideTower .sideWidget li ul li a ,
#sideTower .sideWidget li.current_page_item ul li a {
	padding-left: 3em;
}
#sideTower .sideWidget li a:hover ,
#sideTower .sideWidget li.current_page_item>a ,
#sideTower .sideWidget li ul li a:hover ,
#sideTower .sideWidget li ul li.current_page_item a ,
#sideTower .sideWidget li.current_page_item ul li a:hover {
	background: url(images/arrow_black.gif) right bottom no-repeat #ffe7eb;
}
.current_page_item {
	display: none;
}
.current_page_item a {
	cursor: default;
}
/*		フッター
/*----------------------------------------*/

/*			ソーシャルボタン
/*----------------------------------------*/
#content .socialSet {
padding-top: 30px;
margin-bottom: -2%;
}
#socialSet {
    display: none;
}
#socialSet>ul {
	margin: 0 3% 20px;
	width: 94%;
	height: 20px;
	overflow: hidden;
}
#socialSet>ul>li {
	float: left;
	margin-right: 16px;
}
#socialSet>ul>li:last-child {
	margin-right: 0;
}
#socialSet ul li img {
	display: block;
}
#socialSet ul li.sb_twitter iframe {
	/* width: 65px !important; */
}
#socialSet ul li.sb_facebook ,
#socialSet ul li.sb_facebook iframe {
	width: 70px !important;
}
#pagetop a {
	padding: 6px 15px 4px;
	color: #fff;
	background: #8C6000;
	-webkit-border-radius: 4px 4px 0 0;  /* Safari, Chrome用 */
	-moz-border-radius: 4px 4px 0 0;  /* Firefox用 */
	border-radius: 4px 4px 0 0;  /* CSS3 */
	behavior: url(PIE.htc);
}
#pagetop a:hover {
background: url(images/icon_arrow_top.html) center bottom no-repeat #663E19;
color: #FFF;
}
#footMenu {
	border: none;
	box-shadow: none;
	background: #7a7ecf;
}
#footMenu .menu li a {
	color: #fff;
	background-image: url(images/arrow_black.gif);
}
#footMenu .menu li a:hover {
	color: #fff;
	background-color: #663E19;
	background-image: url(images/arrow_white.gif);
}
#footMenu .menu li:last-child a {
	border-bottom: none;
}
#footer {
	background: #7175bb;
	border-bottom: none;
}
#footerSiteMap .menu li {

}
#footerSiteMap .menu li a {
	color: #eee8f2;
	border-bottom: 1px solid #d8d6d7;
	box-shadow: none;
	background: url(images/arrow_black.gif) right bottom no-repeat;
}
#footerSiteMap #menu-item-107 a,#footerSiteMap #menu-item-24 a,#footerSiteMap #menu-item-25 a {
	color: #bcbcbc;
	border-bottom: 1px solid #a6a4a5;
	box-shadow: 0px 1px #a6a4a5;
	background: url(images/arrow_black.gif) right bottom no-repeat;
	cursor:default;
}
#footerSiteMap .menu li a:hover {
	color: #fff;
	background: url(images/arrow_white.gif) right bottom no-repeat;
}
#footerSiteMap #menu-item-107 a:hover,#footerSiteMap #menu-item-24 a:hover,#footerSiteMap #menu-item-25 a:hover{
	cursor: default;
}
#footerSiteMap .menu li	li a {
	border-bottom: 1px solid #ff99cc;
}
#footer dl#footerOutline {
	margin: 0 30px 0 0;
	width: 210px;
	display: none;
}
#footerSiteMap .menu li	li a {
	padding-left: 1em;
}
#siteBottom {
	padding: 16px 0px 20px;
	line-height: 1.6em;
	color: #fff;
	text-shadow: 0 -1px #000;
	background: #6266af;
	border-top:none;
}

/*		パーツ
/*----------------------------------------*/
.moreLink a {
	color: #3F2424;
	background-color: #FDFFEA;
	background-image: url(images/arrow_black.gif);
	border-left: 4px solid #AD723C;
}
.moreLink a:hover {
	background-color: #BBAD63;
	background-image: url(images/arrow_white.gif);
}

/*		オーバーレイ
/*----------------------------------------*/
.overlay {
	position: absolute;
	display: none;
	top: 0;
	width: 100%;
	z-index: 1;
	background-color: rgba(255,255,255,0.7);  /* old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(255,255,255,0));  /* mozilla */
	background: -webkit-gradient(linear, center top, center bottom, from(rgba(255,255,255,0.9)), to(rgba(255,255,255,0)));  /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0.9)', endColorstr='rgba(255,255,255,0)', GradientType=0);  /* IE5.5以上 */
}
.overlay img {
	display: inline-block;
	position: absolute;
	width: 300px;
	border: 5px #fff solid;
	-webkit-box-shadow: 1px 1px 8px -2px rgba(0,0,0,0.3);  /* Safari, Chrome用 */
	-moz-box-shadow: 1px 1px 8px -2px rgba(0,0,0,0.3);  /* Firefox用 */
	box-shadow: 1px 1px 8px -2px rgba(0,0,0,0.3);  /* CSS3 */
	behavior: url(PIE.htc);
}
#cursol {
	position: absolute;
	margin: 5px 0 0 5px;
	padding: 8px 0.7em;
	font-family: Arial;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 0.1em;
	color: #ff99cc;
	background: #fff;
	-webkit-border-radius: 4px;  /* Safari, Chrome用 */
	-moz-border-radius: 4px;  /* Firefox用 */
	border-radius: 4px;  /* CSS3 */
	-webkit-box-shadow: 1px 1px 8px -2px rgba(0,0,0,0.3);  /* Safari, Chrome用 */
	-moz-box-shadow: 1px 1px 8px -2px rgba(0,0,0,0.3);  /* Firefox用 */
	box-shadow: 1px 1px 8px -2px rgba(0,0,0,0.3);  /* CSS3 */
	behavior: url(PIE.htc);
}
/*		検索
/*----------------------------------------*/
form#searchform input#searchsubmit {
border: 1px solid #726000;
background-color: #422800;
}
#sitemapOuter {
background: whitesmoke;
}
#content ul.linkList li a {
color: #533200;
}
#content ul.linkList li a:hover {
text-decoration: underline;
color: #B49000;
}


/*--------------------------------------------------------------------------------*/
/*	各ページ共通設定
/*--------------------------------------------------------------------------------*/
#outline #original h2 ,
#introduction #game h2 {
	margin-bottom: 0.5em;
	padding: 0;
	font-size: 19px;
	line-height: 1.4em;
	border: none;
	-webkit-text-shadow: 1px 1px 0 #e57eb2;  /* Safari, Chrome用 */
	-moz-text-shadow: 1px 1px 0 #e57eb2;  /* Firefox用 */
	text-shadow: 1px 1px 0 #6F0000;  /* CSS3 */
	behavior: url(PIE.htc);
	box-shadow: none;
	background-image: none;
}
#outline #original h2 .bg ,
#introduction #game h2 .bg {
	padding: 0.1em 0.0em 0.1em;
	color: #3F2424;
	text-shadow: none;
	background: url(images/original_bg.png) 0 0 repeat;
	/*background: rgba(182, 131, 0, 0.4);*/
	display: inline;
	line-height: 1.5em;
}
#outline #original h2 .supp ,
#introduction #game h2 .supp {
	font-size: 0.6em;
	line-height: 1em;
}



/*--------------------------------------------------------------------------------*/
/*	各ページ設定
/*--------------------------------------------------------------------------------*/

/*		トップページ
/*----------------------------------------*/
#topMainBnr {
	padding: 1% 0;
	background: #fef7f8;
}
#topFreeArea {
	overflow: visible;
	padding: 0;
}
#top #banner li:last-child img {
	margin-bottom: 0;
}
.home #main #container #sideTower {
	display: none;
}
#content p.othergames {
	margin-bottom: 2px;
	color: #3F2424;
	text-shadow: 0 1px rgba(255, 255, 255, 0.65);
}
#appbanner {
	text-align:center;
	margin-bottom: 2.6em;
	padding: 2.6em 10% 0.25em;
	border-top: 1px #38260F dotted;
	border-bottom: 1px #38260F dotted;
	background-color: rgba(255, 255, 255, 0.4);
}
#content ul.appbannerList{
	margin-bottom:0;
	line-height: 0;
}
#appbanner ul li {
	margin-left:0;
	margin-right:2%;
	max-width:48%
}
#appbanner ul li lastChild{
	margin-right:0;
}
.appbannerList {
	padding:0 10%;
}
.appbannerList li {
	float:left;
	margin:0 1%;
	list-style:none;
}
.appbannerimg {
  padding: 0px 20%;
}
#vitabanner{
	text-align:center;
	margin-bottom: 2.6em;
	padding: 2.6em 10% 0.85em;
	border-top: 1px #38260F dotted;
	border-bottom: 1px #38260F dotted;
	background-color: rgba(255, 255, 255, 0.4);
}
#vitabanner ul li {
	margin-bottom:1.4em;
}

.clearfix:after {  
	content: ".";   
	display: block;   
	height: 0;   
	clear: both;   
	visibility: hidden;  
}  
.clearfix {
	display: inline-table;
 }  

.mainleft{
	width:100%;

}
#top .mainleft h2{
	margin-bottom: 0;
}
.mainright{
	width:100%;
	margin-top:32px;
}
.headtitle_area {
	text-align: center;
	margin-top: 12px;
	margin-bottom: 32px;
	padding: 0;
	background-color: rgba(255, 255, 255, 0.55);
}
#top .headtitle_area h2 {
    	padding: 0 2%;
    	font-size: 20px;
	color: #3F2424;
	text-shadow: 0 1px #c8c9a4;
	background: none;
	border: none;
	box-shadow: none;
}
#top .headtitle_area h2:before,
#top .headtext_area:after {
	content: "";
	display: block;
	width: 100%;
	height: 60px;
	background: url(images/hr.png) 50% 50% no-repeat;
	background-size: auto 60px;
}
#top .headtext_area:after {
	transform: scale(1,-1);
}
#top .headtitle_area .cvname {
	display: inline-block;
}
#top .headtitle_area .cvname.s {
	font-size: 90%;
}
#top .headtitle_area .headtitle_sub {
	font-size: 16px;
}

#content p.headtext{
	margin-bottom:0;
	padding-right: 1em;
	padding-left: 1em;
	color: #3F2424;
}

#banner li {
	text-align: center;
}
.banner-caption {
	display: block;
	margin: 0 auto;
}
.company {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 1em 0;
}
.company .img {
	width: 75px;
	margin: 10px;
}
#content #topInfo ul {
	height: 50vh;
	overflow: auto;
}


/*			eshopボタン※未使用
/*----------------------------------------*/
.btn_eshop {
	display: block;
	margin: 20px auto;
	font-size: 18px;
	background-color: #ff2838;
	color: #fff;
	border-radius: 1.2em;
	font-weight: bold;
	width: 10em;
	height: 2.4em;
	line-height: 2.4em;
	text-decoration: none;
	text-align: center;
}
.btn_eshop .s {
	font-size: 16px;
}
.btn_eshop:hover {
	color: pink;
}
.spec .btn_eshop {
	font-size: 14px;
}
.spec .btn_eshop .s {
	font-size: 12px;
}

/*			shoplinkボタン
/*----------------------------------------*/
.shoplink_wrap {
	display: flex;
	flex-direction: column;
	width: 70%;
	margin: 20px auto 0;
}
.btn_shoplink {
	display: block;
	border-radius: 12px;
	background-color: #fff;
	margin: 10px;
	padding: 0 2px;
	box-shadow: 0 0 5px rgba(0,0,0,0.33);
	transition: 0.3s;
}
a.btn_shoplink:hover {
	box-shadow: 0 0 10px rgba(0,0,0,0.66);
}
a.btn_shoplink:hover img {
	opacity: 1;
}
.btn_shoplink.platform_switch {
	background-color: #e60012;
	color: #fff;
}
.btn_shoplink.platform_switch:hover {
	color: #d0b67e;
}
.shoplink_platform_img {
	display: block;
	width: 50%;
	height: auto;
	margin: 0 auto;
}
.shoplink_img {
	display: block;
	width: 100%;
	height: auto;
}
.shoplink_text {
	font-size: 18px;
	font-weight: bold;
	height: 60px;
	line-height: 60px;
	text-decoration: none;
	text-align: center;
}
a.btn_shoplink .shoplink_text {
	text-decoration: underline;
}
span.btn_shoplink .shoplink_text {
	font-size: 16px;
}

.switch_area .shoplink_wrap {
	flex-direction: row;
	width: 100%;
	margin-top: 0;
}
#content .switch_area p.shoplink_text {
	font-size: 14px;
	line-height: 40px;
	height: 40px;
}
#content .switch_area span.btn_shoplink p.shoplink_text {
	font-size: 12px;	
}

/*			ダウンロード
/*----------------------------------------*/
.re {
	padding-top: 4%;
}
div#re_banner img{
	width:96%;
}
.dlapplink2 {
    width: 90%;
}

#dl2 {
	text-align: left;
	color: #d6d6d6;
	padding-top: 5%;
	background: rgba(65, 44, 0, 0.64);
}
#dl2 p{
	margin-bottom:3%;
	font-size:18px;
}
.appbannerbox {
    overflow: hidden;
    padding:1.4em 2%;
    /* background: rgba(65, 44, 0, 0.64); */
}

#content #dlandmovie{
	/*background: rgba(65, 44, 0, 0.64);*/
	background: url(images/category_bg.png) repeat;
	-webkit-border-radius: 12px 12px 0 0;
	-moz-border-radius: 12px 12px 0 0;
	border-radius: 12px 12px 0 0;
	behavior: url(PIE.htc);
	
}

#content #dlandmovie2{
	/*background: rgba(65, 44, 0, 0.64);*/
	background: url(images/category_bg.png) repeat;
	-webkit-border-radius: 12px 12px 0 0;
	-moz-border-radius: 12px 12px 0 0;
	border-radius: 12px 12px 0 0;
	behavior: url(PIE.htc);
	
}

/*DLダミー部分
/*-----------*/
#content #top #dldummy {
padding: 3%;
float: none;
}

#top #dldummy p {
margin-bottom: 0;
font-size: 12px;
font-weight: bold;
color: #d6d6d6;
padding: 2%;
}

#top #dldummy .dldummypct {
float: none;
}
/*-----------*/
#content #top #dl {
	padding: 3%;
	padding-left: 11%;
/*本番DL*/
	margin: 0px 0 40px;
	margin-left: 1%;
	padding-left: 6%;
	padding-bottom: 100px;
}

#top .dlapplink{
	width: 59%;
	float:left;
/*本番DL*/
margin: 0;
display: inline;
width: 95%;
padding-right: 6px;
padding-top: 5%;
float:left;
}

#top .dl_ios ,
#top .dl_android {
	text-align: center;
}
#top .dl_ios {
	margin-bottom: 4%;
}
#top .dl_android {
	margin-bottom: 20px;
}
#top #dl p {
	margin-bottom:0;
	font-size: 18px;
	font-weight: bold;
	color: #d6d6d6;
	padding:2%
}

#top .nonedl {
	margin-bottom:0;
	font-size: 12px;
	font-weight: bold;
	color: #301B05;
}

#top #dl .dl_android p {
	margin-bottom:-1px;
}

#content #top #dl .qrcode1 {
    /*ダミーDL用
	width: 20%; */
	/*padding-top: 4%;*/
	/*本番DL用*/
	width: 20%; 
	margin-top: -8px;
}

#content #top #dl .qrcode2 {
/*ダミーDL用*/
	width: 20%;
	/*padding-top: 5%;*/
/*本番DL用*/
width: 20%;
padding-top: 5%;
}

/*			youtube
/*----------------------------------------*/
#content #top #youtube {
	text-align: center;
	width: 600px;
	max-width: 100%;
	padding: 0;
	margin:0 auto 20px;
	line-height: 0;
}
#top #youtube p {
	margin-bottom: 0;
	font-size: 18px;
	font-weight: bold;
	color: #d6d6d6;
	margin-bottom: 2%;
}
#content #top #youtube img{
	margin:0 auto;
}
#content #top #youtube .movie{
	position: relative;
	padding-bottom: 52.5%;
	padding-top: 10%;
	height: 0;
	overflow: hidden;/*ダミー用*/
}
#content #top #youtube .movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*			広報
/*----------------------------------------*/
#top #pub h2,#top .mainleft h2 {
	padding: 14px 10px 10px;
	color: #fff;
	border-top: none;
	border-bottom: 3px solid #3F2900;
	border-bottom-width: 2px;
	box-shadow: none;
	background: rgba(185, 146, 63, 0.64);
	-webkit-border-radius: 12px 12px 0 0;  /* Safari, Chrome用 */
	-moz-border-radius: 12px 12px 0 0;  /* Firefox用 */
	border-radius: 12px 12px 0 0;  /* CSS3 */
	behavior: url(PIE.htc);
}
#top #pub h2 a {
	color:#fff;
	text-shadow:0 1px #000;
	padding-left: 5px;
}
#top #pub h2 a:hover {
	text-decoration: underline;
}
#top #pub h2+.btn {
	float: right;
	margin: -35px 4% 0 0;
	background: #422800;
}
#top #pub h2+.btn:hover {
     background: #AA7A00;
}
#top .infoList {
	margin: 0;
	padding: 0;
}

/*				お知らせ（トップ）
/*----------------------------------------*/
#wrap #content #topInfo {
	/*margin-bottom: 20px;*/
}
#content #topInfo ul {
	margin: 0;
/*	border: 1px #ccc dotted; */
	border-top: none;
	background:#fff;
}
#content #topInfo ul li {
	padding: 10px;
	position: relative;
	min-height: 2.7em;
}
#content #topInfo ul li:last-child {
	border-bottom: none;
}
#content .infoList .infoDate {
	float: right;
	margin: -1px 0 0 0.4em;
	font-size: 10px;
	color: #80684D;
}
span.infoCate {
	position: absolute;
	right: 8px;
	top: 2em;
	width:84px;
}
#content .infoList .infoCate a {
	float: right;
	margin: 0 0 1px 1px;
	padding: 3px 2.5px 2px;
	top: 0;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Arial,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	color: #fff;
	font-weight: normal;
	border: none;
	background: #814E00;
	position: relative;
	-webkit-border-radius: 2px;  /* Safari, Chrome用 */
	-moz-border-radius: 2px;  /* Firefox用 */
	border-radius: 2px;  /* CSS3 */
	behavior: url(PIE.htc);
}
#content .infoList .infoCate a:hover {
background-color: #B89335;
color: #fff;
text-decoration: none;
}

#content .infoList ul li .infoTxt {
	clear: none;
	margin-top: 0;
	line-height: 1.4em;
	font-size: 0.8em;
	font-weight: normal;
}
#content .infoList ul li .infoTxt a {
	color: #533200;
	font-weight: bold;
	text-decoration: underline;
	display: inline;
}
#content .infoList ul li .infoTxt a:hover {
color: #B49000;
text-decoration: underline;
}
/*				Twitter
/*----------------------------------------*/

div#twitter {
    margin-top: 24px;
}

#top #twitter h2 {
	margin-bottom: 0;
	text-shadow: 0 1px #000;
}
#twitter #twitter_widget {
	height: 199px;
/*	border: 1px #ccc dotted !important; */
	border-top: none !important;
	background:#fff;
	overflow: hidden;
	padding-left: 1%;
	padding-right: 2%;
}
#twitter #twitter-widget-1 {
	padding: 0 3%;
	width: 94%;
	height: 199px;
}

/*			PSVITA版バナー他
/*----------------------------------------*/
#top p.gamebanner {

}
#top p.gamebanner + p{
	text-align:center;
	margin-left:1em;
	color: #d6d6d6;
}
.gamebanner_box {
	margin-bottom: 20px;
	padding: 1.4em 2% 20px;
	background: rgba(255, 255, 255, 0.64);
	overflow: hidden;
}
.sns_area > div,.originalnovel_area > div{
	padding: 1em;
	margin-bottom: 20px;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.64);
}

/*			製品情報
/*----------------------------------------*/
#grayout {
	position: relative;
}
#grayout::after {
	content: "";
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / 60%);
	position: absolute;
	top: 0;
	left: 0;
}
#top #spec{
	background: rgba(65, 44, 0, 0.64);
	/* background: url(./images/category_bg.png) repeat; */
	/* -webkit-border-radius: 12px 12px 0 0;
	-moz-border-radius: 12px 12px 0 0;
	border-radius: 12px 12px 0 0; */
	behavior: url(PIE.htc);
}

#top #spec h2 {
	margin-bottom: 0.6em;
	padding: 0;
	font-size: 18px;
	color: #d6d6d6;
	border: none;
	box-shadow: none;
	background: none;
	text-shadow: none;
}
#top #spec dl {
	padding-top: 0.8em;
	font-size: 12px;
	color: #d6d6d6;
}
#top #spec dl.horizon {
	margin:0 ;
	text-align: left;
}
#top #spec dt {
	margin-left: 0.5em;
	border-right: 2px #ccc solid;
	color: #d6d6d6;
	text-align: left;
}
#top #spec dd {
	padding: 0 0 0.8em 6.6em;
	text-align: left;
}
#top #spec dd.models {
	margin-left:0.5em;
}
#top #spec dd.models .os_model{
	margin-left: -1em;
}
#top #spec ul {
	text-align: center;
/*	display: none; */
}
#top #spec ul li {
	margin-right: 5px;
	display: inline;
}
#top #spec ul li img {
	display: inline;
}

#top .spec{

}

#top .spec h2 {
	margin-bottom: 0.6em;
	padding: 0;
	font-size: 18px;
	color: #d6d6d6;
	border: none;
	box-shadow: none;
	background: none;
	text-shadow: none;
}
#top .spec dl {
	padding-top: 0.8em;
	font-size: 12px;
}
#top .spec dl.horizon {
	margin:0 ;
	text-align: left;
}
#top .spec dt {
	margin-left: 0.5em;
	border-right: 2px #ccc solid;
	color: #333;
	text-align: left;
}
#top .spec dd {
	padding: 0 0 0.8em 6.6em;
	text-align: left;
}
#content #top .spec dl.horizon>dt {
	width: 8.2em;
}
#content #top .spec dl.horizon>dd {
	padding-left: 10em;
}
#top .spec dd.models {
	margin-left:0.5em;
}
#top .spec dd.models .os_model{
	margin-left: -1em;
}
#top .spec ul {
	text-align: center;
/*	display: none; */
}
#top .spec ul li {
	margin-right: 5px;
	display: inline;
}
#top .spec ul li img {
	display: inline;
}
#content #top #pub {
	margin-bottom: 20px;
}

/*		原作概要
/*----------------------------------------*/
#outline {
	margin-bottom: 60px;
	background: url(images/white_bg.png) repeat;
	padding: 2%;
}

/*			原作
/*----------------------------------------*/
#outline #original.section {
	margin-bottom: 40px;
}
#outline #original p {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.7em;
}
#outline #original p.caption {
	font-size: 11px;
	font-weight: normal;
	text-align: right;
}

/*			概要
/*----------------------------------------*/
#wrap #content #outline #cover, #wrap #content #outline .synopsis{
	margin-bottom: 0;
}
#outline #cover .ss,#outline .synopsis .ss {
	display: block;
	margin-bottom: 20px;
}
#outline #gaiyou #gaiyoubg {
	background-image: url(images/gaiyou.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	margin-bottom: 3%;
	height: 40px;
}

/*			ストーリー
/*----------------------------------------*/
#outline #story {
	margin-top:50px;
}
#outline #story h2 {
	margin: 0 auto;
	height: 46px;
	text-align: center;
	font-size: 24px;
	letter-spacing: 0.2em;
	color: #aa0000;
	text-shadow: 0 1px #330000;
	border: none;
	box-shadow: none;
}
#outline #story #storybg {
	background-image: url(images/story.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	margin-bottom: 3%;
	height: 40px;
}
#outline #story #staffbg{
	background-image: url(images/staff.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	margin-bottom: 3%;	
	height: 61px;
}

#outline #story .col3 img {
	display: none;
}
#outline #story p {
	padding-bottom: 0;
}
#outline #staff dl, dt, dd{
	text-align:center
}
#outline #story dt {
	font-size: 1.2em;
	color: #AD4319;
}

/*		キャラクター紹介一覧
/*----------------------------------------*/
#main #content.character_list {}

#main #content.character_list .child_page_block h4 a {
	height: 2.4em;
}
#content.character_list .child_page_block .childText p {
	line-height: 1.4em;
	min-height: 4.2em;
}

/*		キャラクター紹介
/*----------------------------------------*/
#character .pic {
	border: 6px #e2c9ba solid;
	background: url(images/chara_bg_sp.png) 50% 50% repeat;
	-webkit-border-radius: 57px;  /* Safari, Chrome用 */
	-moz-border-radius: 57px;  /* Firefox用 */
	border-radius: 57px;  /* CSS3 */
	behavior: url(PIE.htc);
}
#character #up {
	margin: -10px -6px 0px;
	padding-top: 16px;
}
#character .info {
	margin: 4% 0 4%;
}
#character .swich{
	max-width: 40%;
	margin: 6% auto;
}
#character .swichbtn-wrap {
	margin: 6px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#character .swichbtn,
#character .swichbtn[data-pushed="false"] {
	display: inline-block;
	width: calc(50% - 18px);
	height: 40px;
	font-size: 14px;
	line-height: 34px;
	font-weight: normal;
	border-radius: 10px;
	text-align: center;
	text-decoration: none;
	margin: 6px;
	transition: 0.3s;
	background-color: white;
	color: darkgoldenrod;
	border: 1px darkgoldenrod solid;
	box-sizing: border-box;
	background-color: darkgoldenrod;
	color: #fff;
	box-sizing: border-box;
	border: 3px #b18942 double;
}
#character .swichbtn[data-pushed="false"]:hover {
	opacity: 0.6;
}
#character .swichbtn[data-pushed="true"] {
	background-color: white;
	color: darkgoldenrod;
	border: 3px #b18942 double;
}

#main .entry-content #character .cname {
	margin-bottom: 10px;
	order: 10;
}

/*			名前
/*----------------------------------------*/
#character #name {
	margin-bottom: 4px;
	padding: 18px 0 4px;
	font-size: 30px;
	line-height: 1em;
	color: #DBDBDB;
	text-shadow: 0 1px #5A5A5A;
	border: none;
	border-bottom: 4px #2E2E2E solid;
	background: none;
	box-shadow: none;
}
#character .cname{
	max-width: 90%;
	float: left;
}
/*			ルビ
/*----------------------------------------*/
#character #ruby {
	margin-top: -12px;
	position: relative;
	top: -46px;
	font-size: 12px;

	font-weight: bold;
	line-height: 1em;
	letter-spacing: 0.1em;
	color: #920000;
}

/*			キャッチ
/*----------------------------------------*/
#character #catch {
	position: relative;
	top: -14px;
	margin-top: -25px;
	float: right;
	padding: 7px 0.8em 6px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	line-height: 1em;
	color: #fff;
	background: #FFA1C3;
	display: inline-block;
	-webkit-border-radius: 30px;  /* Safari, Chrome用 */
	-moz-border-radius: 30px;  /* Firefox用 */
	border-radius: 30px;  /* CSS3 */
	behavior: url(PIE.htc);
}

#character.c01 #catch {
	background: #860000;
}
#character.c02 #catch {
	background: #0C2E72;
}
#character.c03 #catch {
	background: #3A3A3A;
}
#character.c04 #catch {
	background: #CCC400;
}
#character.c05 #catch {
	background: #B7BDBD;
}

/*			キャスト
/*----------------------------------------*/
#character #cast {
	margin-top: 2px;
	text-align: right;
	font-size: 18px;
	font-weight: bold;
	color: #DFDFDF;
}
#character #cast .supp {
	font-size: 12px;
}

/*			紹介文
/*----------------------------------------*/
#character #prof {
	clear: both;
	margin-top: 0.3em;
}

/*			身体情報
/*----------------------------------------*/
#character #body {
	font-size: 12px;
}
#character #body li {
	margin: 0 1.8em 2px 0;
	display: block;
}
#character #body span {
	font-weight: bold;
}

/*			サンプルボイス
/*----------------------------------------*/
#samplev .mejs__container,
#samplev .mmejs__container .mejs__controls,
#samplev .mejs__embed,
#samplev .mejs__embed body {
	background-color: darkgoldenrod;
	border-radius: 10px;
}
.mejs__controls:not([style*="display: none"]) {
	background: none;
	border-radius: 10px;
}


#character #samplev,
.character_list #samplev {
	/*width:99%;*/
	margin: 17px 0 0;
	font-size: 12px;
	line-height: 1em;
	/*letter-spacing: 0.1em;*/
}
#samplev li {
	margin-bottom: 10px;
	overflow:hidden;
}
#samplev li:last-child {
	margin-bottom: 0;
}
#samplev span {
	float: left;
	/*margin: 4px 10px 0 0;*/
	font-size: 12px;
	font-weight: normal;
	line-height: 1em;
	/*color: #DBDBDB;*/
	border-color: transparent;
}
.audiojs {
	width: 70%;
	height: 20px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Arial,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size: 10px;
	background: none;
	box-shadow: none;
}
.audiojs .play-pause {
	position: relative;
	margin: 0px 0 0 0px;
	padding: 0;
	width: 20px;
	height: 20px;
	border-right: none;
	background: #4B4A4A;
	-webkit-border-radius: 10px;  /* Safari, Chrome用 */
	-moz-border-radius: 10px;  /* Firefox用 */
	border-radius: 10px;  /* CSS3 */
	behavior: url(PIE.htc);
}
.audiojs .play-pause:hover {
	background: #808080;
}
.audiojs .play {
	background: url(js/audiojs/audio_sprite.png) -5px -5px no-repeat;
}
.audiojs .pause {
	background: url(js/audiojs/audio_sprite.png) -5px -95px no-repeat;
}
.audiojs .loading {
	background-position: -4px -35px;
}
.audiojs .loading {
	background-position: -4px -65px;
}
.audiojs .scrubber {
	position: relative;
	margin: 6px 0 0 5px;
	width: 85%;
	height: 6px;
	background: #fff;
	border: 1px #808080 solid;
	-webkit-border-radius: 4px;  /* Safari, Chrome用 */
	-moz-border-radius: 4px;  /* Firefox用 */
	border-radius: 4px;  /* CSS3 */
	behavior: url(PIE.htc);
}
.audiojs .progress {  /* 読込後 */
	height: 100%;
	background: #808080;
	-webkit-border-top-left-radius: 3px;  /* Safari, Chrome用 */
	-moz-border-radius-topleft: 3px;  /* Firefox用 */
	border-top-left-radius: 3px;  /* CSS3 */
	-webkit-border-bottom-left-radius: 3px;  /* Safari, Chrome用 */
	-moz-border-radius-bottomleft: 3px;  /* Firefox用 */
	border-bottom-left-radius: 3px;  /* CSS3 */
	behavior: url(PIE.htc);
}
.audiojs .loaded {  /* 読込前 */
	width: 100% !important;
	height: 100%;
	background: #EBEBEB;
	-webkit-border-top-left-radius: 3px;  /* Safari, Chrome用 */
	-moz-border-radius-topleft: 3px;  /* Firefox用 */
	border-top-left-radius: 3px;  /* CSS3 */
	-webkit-border-bottom-left-radius: 3px;  /* Safari, Chrome用 */
	-moz-border-radius-bottomleft: 3px;  /* Firefox用 */
	border-bottom-left-radius: 3px;  /* CSS3 */
	-webkit-border-top-right-radius: 3px;  /* Safari, Chrome用 */
	-moz-border-radius-topright: 3px;  /* Firefox用 */
	border-top-right-radius: 3px;  /* CSS3 */
	-webkit-border-bottom-right-radius: 3px;  /* Safari, Chrome用 */
	-moz-border-radius-bottomright: 3px;  /* Firefox用 */
	border-bottom-right-radius: 3px;  /* CSS3 */
	behavior: url(PIE.htc);
}
.audiojs .time {  /* 時間 */
	margin: 5px 0 0 10px;
	padding: 0;
	line-height: 1em;
	color: #ccc;
	border-left: none;
	text-shadow: none;
	display: none;
}
.audiojs .played {  /* 再生時間 */
	color: #999;
}
.audiojs .duration {  /* 総時間 */
	font-weight: normal;
}

/*		ゲーム紹介
/*----------------------------------------*/
#introduction {}

/*			ゲーム
/*----------------------------------------*/
#introduction #game.section {
	margin-bottom: 60px;
}
#introduction #game h3 {
	font-weight: normal;
	color: #770000;
}

	
	
/*			スタッフ
/*----------------------------------------*/
#introduction #staff {
	margin-bottom: 20px;
}
#introduction #staff h2 {
	margin: -30px 0 10px;
	padding: 30px 0 0;
	height: 46px;
	text-align: center;
	font-size: 24px;
	letter-spacing: 0.2em;
	color: #770000;
	border: none;
	box-shadow: none;
	background: url(images/story_bg_over.html) center center no-repeat;
}
#introduction #staff dt {
	margin-bottom: 4px;
	text-align: center;
	color: #770000;
}
#introduction #staff>.col2>.box:nth-of-type(1) {
	margin-bottom: 28px;
}
#introduction #staff dd {
	text-align: center;
	font-size: 22px;
	line-height: 1.2em;
}
#introduction #staff dd+dd {
	margin-top: -2.2em;
}
#introduction #staff dd .supp {
	margin-top: -5px;
	font-size: 0.5em;
	display: block;
}

/*		関連商品
/*----------------------------------------*/
#goods h3 {
	padding-left: 0;
	padding-right: 0;
}

/*			原作小説
/*----------------------------------------*/
#goods .outline {
	margin-bottom: 1.4em;
}
#goods .detail {
	font-size: 12px;
	line-height: 1.4em;
}
#goods .detail li {
	margin-bottom: 0.6em;
}
#goods .link li {
	margin-right: 0.2em;
}
#goods .link li span {
	
}
#goods .link .btn {
	padding: 0.7em 0.8em;
	font-size: 12px;
	letter-spacing: 0.06em;
	-webkit-border-radius: 6px;  /* Safari, Chrome用 */
	-moz-border-radius: 6px;  /* Firefox用 */
	border-radius: 6px;  /* CSS3 */
	behavior: url(PIE.htc);
}
#goods .catch {
	padding: 0.5em 0.5em;
	font-size: 12px;
	font-weight: bold;
	line-height: 1em;
	color: #ff99cc;
	border: 1px #ff99cc dotted;
	display: inline-block;
}

/*			CD
/*----------------------------------------*/
#goods {
	margin-bottom: 60px;
}

#goods.cd h3 {
	font-size: 16px;
}
#goods.cd h4 {
	padding: 0;
	border-left: none;
	background: none;
}
#goods.cd .link p {
	margin-bottom: 0;
}

/*		スペシャル
/*----------------------------------------*/
#special {}

/*			キャストコメント
/*----------------------------------------*/
#castcomment .unit {
	margin-top: -10px;
	margin-left: -10px;
	margin-right: -10px;
	padding: 10px;
}
#content #castcomment .pic {
	margin-bottom: 0;
	padding: 6px;
}
#castcomment .pic img {
	margin-bottom: 0;
	width: 96%;
	border: 6px #fff solid;
	-webkit-box-shadow: 0px 1px 5px -1px #808080;  /* Safari, Chrome用 */
	-moz-box-shadow: 0px 1px 5px -1px #808080;  /* Firefox用 */
	box-shadow: 0px 1px 5px -1px #808080;  /* CSS3 */
	behavior: url(PIE.htc);
}
#castcomment .gold {
	color:#977828;
}

/*			キャラトーク
/*----------------------------------------*/
#charatalk h3 {
	font-size: 24px;
	font-weight: normal;
	line-height: 1em;
}
#charatalk h3:first-letter {
	font-family: Arial;
	font-size: 32px;
	font-weight: bold;
	color: #770000;
}
#charatalk h3 .supp {
	font-size: 0.5em;
	display: inline-block;
}
#charatalk dt {
	clear: both;
	float: left;
	margin: 0 0 2% 0;
	width: 14%;
	height: ;
}
#charatalk dt img {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(PIE.htc);
}
#charatalk dd {
	float: left;
	margin: 0 0 2% 1%;
	padding-left: 2%;
	width: 83%;
	background: 0.6% 10px no-repeat;
}
#charatalk dd.c01 {
	background-image: url(images/bubble_01.html);
}
#charatalk dd.c02 {
	background-image: url(images/bubble_02.html);
}
#charatalk dd.c03 {
	background-image: url(images/bubble_03.html);
}
#charatalk dd.c04 {
	background-image: url(images/bubble_04.html);
}
#charatalk dd.c05 {
	background-image: url(images/bubble_05.html);
}
#charatalk dd span {
	padding: 10px 14px;
	line-height: 1.6em;
	display: block;
	background: #e5e5e5;
	-webkit-text-shadow: 1px 0 0 #fff;  /* Safari, Chrome用 */
	-moz-text-shadow: 1px 0 0 #fff;  /* Firefox用 */
	text-shadow: 1px 0 0 #fff;  /* CSS3 */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(PIE.htc);
}
#charatalk dd.c01 span {
	background: #fcf5d1;
}
#charatalk dd.c02 span {
	background: #f3defa;
}
#charatalk dd.c03 span {
	background: #fde8ce;
}
#charatalk dd.c04 span {
	background: #e3e0fc;
}
#charatalk dd.c05 span {
	background: #e0f1d7;
}
/*			キャストコメント
/*----------------------------------------*/
#content #castcomment{
background: url(images/white_bg.png) repeat;
padding: 1%;
}
.castlist a {
	display: inline-flex;
}
/*			ギャラリー
/*----------------------------------------*/
#gallery{
	user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-webkit-touch-callout: none;
}

#gallery .stil{
	margin: 0 auto;
	width: 26%;
	float: left;
	padding-left: 4%;
	padding-bottom: 4%;
}

/*			SNSスタンプ
/*----------------------------------------*/
#stamp li {
	float: left;
	margin: 0 1% 1% 0;
	display: block;
	width: 24.25%;
}
#stamp li:nth-of-type(4n) {
	margin-right: 0;
}

/*			Twitter配布
/*----------------------------------------*/
#twheader li {
	margin: 0 2% 2% 0;
	display: block;
}
#twicon li {
	float: left;
	margin: 0 1% 1% 0;
	display: block;
	width: 19.2%;
}
#twicon li:nth-of-type(5n) {
	margin-right: 0;
}

/*			スマホ壁紙
/*----------------------------------------*/
#wallpaper li {
	margin: 0 2% 2% 0;
	display: block;
}

/*			応援バナー
/*----------------------------------------*/
#cheer li {
	float: left;
	margin: 0 2% 2% 0;
	display: block;
}

/*		お知らせ
/*----------------------------------------*/
#content h1.contentTitle,
#content h1.entryPostTitle {
text-shadow: 0 1px #353535;
clear: both;
font-size: 128.6%;
padding: 20px 15px 15px;
font-weight: bold;
color: #FFFFFF;
border: none;
position: relative;
line-height: 114.3%;
box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.20);
/*background: rgba(65, 44, 0, 0.64);*/
background: url(images/category_bg.png) repeat;
margin: 0;
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
behavior: url(PIE.htc);
border-bottom: 2px solid #3F2900;
}

#content .infoList .infoListBox {
background: url(images/white_bg.png) repeat;
box-shadow: none;
border-bottom: 1px #3F2900 dotted;
}
#content .infoList .infoListBox div.entryTxtBox.firstChild{
	padding: 0 2% 20px;
}
#content .infoList .infoListBox div.entryTxtBox{
	padding: 20px 2%;
    border-bottom: 1px #3F2900 dotted;
}
#content .infoList .infoListBox div.entryTxtBox.lastChild{
	padding: 20px 2% 0;
    border-bottom: none;
}
#content .infoList .infoListBox div.entryTxtBox h4.entryTitle {
	padding: 0;
	border-left: none;
	background:none;
}
#content .infoList .infoListBox div.entryTxtBox h4.entryTitle {
color: #533200;
text-shadow: none;
}
#content .infoList .infoListBox div.entryTxtBox h4.entryTitle a:hover {
text-decoration: underline;
color: #B49000;
text-shadow: none;
}
#content .infoList .infoListBox div.entryTxtBox p.entryMeta {
	margin-bottom: 10px;
	overflow: hidden;
	margin-right: 2%;
}
#content .infoList .infoListBox div.entryTxtBox p.entryMeta+p {
	clear: both;
	font-weight: normal;
}
#content .infoList .infoListBox div.entryTxtBox p.entryMeta .infoDate, #content .infoList .infoListBox div.entryTxtBox p.entryMeta .infoCate {
color: #814E00;
}
#content #post-contentbg {
	
background: url(images/white_bg.png) repeat;
padding-top: 20px;
}
#content .entry-meta {
	margin: 20px 0;
	text-align: right;
	color: #80684D;
	margin-right: 2%;
	margin-top: 0;
}
.navigation {
	border: none;
	margin: 2%;
}
.navigation a:link ,
.navigation a:visited {
	text-decoration: underline;
	color: #533200;
}
.navigation a:active ,
.navigation a:hover {
	text-decoration: underline;
	color: #B49000;
}
br.erasebr{
	display:none;
}
iframe.youtube-16-9 {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
max-width: 640px;
display: block;
}
/*		FAQ
/*----------------------------------------*/
#faq{
	background: url(images/white_bg.png) repeat;
	padding: 2%;
	}

#faq h2 {
	margin-bottom: 0.6em;
	padding: 0;
	text-align: center;
	letter-spacing: 0.4em;
	color: #811212;
	border: none;
	box-shadow: none;
	background: none;
	text-shadow: none;
}
#faq dt.que>span.raquo ,
#faq dd.ans>span.raquo {
	margin-left: 1.4em;
	text-indent: -1.4em;

}
#faq dt.que {
	cursor: pointer;
	margin: 6px 0 0 0;
	padding: 12px 16px;
	color: #fff;
	background: #422800;
	-webkit-border-radius: 10px 10px 0 0;  /* Safari, Chrome用 */
	-moz-border-radius: 10px 10px 0 0;  /* Firefox用 */
	border-radius: 10px 10px 0 0;  /* CSS3 */
	behavior: url(PIE.htc);
	text-align: left;
}
#faq dt.que:hover {
	background: #B49000;
}
#faq dd.ans {
	display: none;
	margin: 0;
	padding: 12px 16px;
	background: #F0EEDF;
	-webkit-border-radius: 0 0 10px 10px;  /* Safari, Chrome用 */
	-moz-border-radius: 0 0 10px 10px;  /* Firefox用 */
	border-radius: 0 0 10px 10px;  /* CSS3 */
	behavior: url(PIE.htc);
	text-align: left;
}
#faq dd.ans>span:first-letter {
	font-weight: bold;
	color: #811212;
}
#faq dd.ans a.btn {
	margin: 0.5em 0 0.5em;
}

/*		利用規約
/*----------------------------------------*/
#tos {
	background: url(images/white_bg.png) repeat;
	padding: 3%;
}

#tos h4 {
	padding: 8px 5px 0px;
	line-height: 1.2em;
	color: #3F2424;
	text-shadow: 0 1px #D5D5D5;
	border: none;
	border-left: 3px solid #AD723C;
	background: none;
	}
#tos a.btn{
	bottom:auto;
	top:5px;
	margin-top: 0.5em;
	padding: 0.5em 0.6em;
    font-size: 1em;
	font-weight: bold;
    line-height: 1em;
    color: #fff;
	text-indent: 0;
	display: inline-block;
	border: none;
	box-shadow: none;
    background: #422800;
    -webkit-border-radius: 4px;  /* Safari, Chrome用 */
    -moz-border-radius: 4px;  /* Firefox用 */
    border-radius: 4px;  /* CSS3 */
    behavior: url(PIE.htc);
}
#tos a.btn:hover {
	background: #AA7A00;
	text-decoration: none;
}


/*================================================================================*/
/*	Responsive Structure
/*================================================================================*/
@media (max-width: 319px) {
	#header #tieup #tieuplogo {
		width:100%;
		height:auto;
		max-height: none;



	}
}
@media (max-width: 330px) {
	#content p.othergames {
		font-size: 13px;
	}
}
@media (min-width: 340px) {
	.dlapplink2 {
	width: 300px;
	}
}

/*--------------------------------------------------------------------------------*/
/*		コンテンツ推奨サイズより大きい場合（660px以上）
/*--------------------------------------------------------------------------------*/
@media (min-width: 660px) { /* スクロール分余裕に20px */
	/*		section
	/*----------------------------------------*/
	#wrap #content .section {
		 margin-bottom: 60px;
	}

	/*		カラム
	/*----------------------------------------*/
	#wrap #content .box {
		margin-bottom: 3%;
		margin-top: 16px;

	}
	
	/*		2カラム
	/*----------------------------------------*/
	.col2_ab>.box:nth-of-type(1) {
		 float: left;
		 width: 50%;
	}
	.col2_ab>.box:nth-of-type(2) {
		 padding: 0 0 0 20px;
		 overflow: hidden;
		 zoom: 1;
	}
	.col2_ba>.box:nth-of-type(2) {
		 padding: 0 20px 0 0;
		 overflow: hidden;
		 zoom: 1;
	}
	.col2_ab>.box:nth-of-type(2) p:last-child ,
	.col2_ba>.box:nth-of-type(2) p:last-child {
		 margin-bottom: 0;
	}
	
	/*		固定_2カラム
	/*----------------------------------------*/
	#content .col2>.box {
		 /*float: left; */
		 /*margin-right: 2%;*/
		 /* width: 49%; */

	}
	#content .col2>.box:nth-of-type(2n) {
		 margin-right: 0;
	}
	#content .col2>.box>img {
		 width: 100%;
	}

	/*		固定_3カラム
	/*----------------------------------------*/
	#content .col3>.box {
		 float: left;
		 margin-right: 2%;
		 /*width: 32%;*/
	}
	#content .col3>.box:nth-child(3n) {
		 margin-right: 0;
	}
	#content .col3>.box>img {
		 width: 100%;
	}

	/*		可変_2カラム
	/*----------------------------------------*/
	#content .colx>.box {
		 float: left;
		 margin-right: 2%;
		 width: 49%;
	}
	#content .colx>.box:nth-of-type(2n) {
		 margin-right: 0;
	}
	
	/*		ゲーム紹介ページカラムセンタリング
	/*----------------------------------------*/
	#content .colstaff>.box {
		 /* float: left;*/
		 margin-right: 2%;
		margin-bottom: 60px;
		/*width: 49%;*/
		text-align: center;
	}
	#content .colstaff>.box:nth-of-type(2n) {
		 margin-right: 0;
	}
	#content .colstaff>.box>img {
		 width: 100%;
	}

	/*		ゲーム紹介ページ固定_3カラム
	/*----------------------------------------*/
	#content .col3game>.box {
		 float: left;
		 margin-right: 2%;
		 width: 32%;
	}
	#content .col3game>.box:nth-child(3n) {
		 margin-right: 0;
	}
	#content .col3game>.box>img {
		 width: 100%;
	}

	/*		横組み
	/*----------------------------------------*/
	.floatl {
		float: left;
		margin-right: 2%;
	}
	.floatl:last-child {
		margin-right: 0;
	}

	/*		ヘッダー
	/*----------------------------------------*/
	#header {
		height:83px;
	}
	#headerInner {
		padding: 0;
		display: block;
	}
	#header #site-title {
		display:block;
		width: auto;
	}
	#header #site-title a img {
		width: auto;
		max-height: 83px;
		margin:0;
	}
	#header #tieup {
		float:right;
		width:221px;
		height:83px;
		background:url(images/header_joyope_bg.png) 0 0 no-repeat;
	}
	#header #tieup a {
		width: auto;
	}
	#header #tieup #tieuplogo {
		margin-left: -2px;
		padding:27px 0 0;
		max-width: 100%;
	}
	#header #vita {
		width: 221px;
		height: 83px;
		float: left;
		margin-top: 20px;
		margin-right: 10px;
	}
	#header #headerlogoandvita {
		width: 460px;
		height: 83px;
		float: right;
	}


	/*		コンテンツ
	/*----------------------------------------*/
	#main #container {
		padding-top: 0px;/*10px;*/
	}
	#topFreeArea img ,
	#main .entry-content img {
		margin-bottom: 0;
		display: inline;
	}
	/* 660px以下で左右の余白ナシ
	#main .innerBox {
		margin: 0 3%;
		width: 94%;
	}*/
	#main #content.list .child_page_block:last-child {
		margin-bottom: 30px;
	}
	
	/*カテゴリーまとめ　ブロック　ボーダーなし、リンク色変更*/
	#main #content .child_page_block {
		border-top:none;
	}
	/*			ソーシャルボタン
	/*----------------------------------------*/
	#socialSet>ul {
		margin-bottom: -20px;
	}
	#socialSet>ul>li {
		margin-right: 12px;
	}

	/*		原作概要、ゲーム紹介
	/*----------------------------------------*/
	#outline #original h2 ,
	#introduction #game h2 {
		font-size: 34px;
		line-height: 1.7em;
		background-image: none;
	}
	#outline #original h2 .bg ,
	#introduction #game h2 .bg {
		padding: 0.1em 0.2em 0;
	}
     #outline #story h2 {
          height: 46px;
          text-align: center;
		font-size: 24px;
		letter-spacing: 0.2em;
		color: #aa0000;
		text-shadow: 0 1px #330000;
		border: none;
		box-shadow: none;
		background: url(images/story_bg_over.html) center center no-repeat;
	}

	#content h3:before,
	#content h3:after {
		height: 12px;
		background-size: auto 12px;
	}

	#outline #original p.caption {
		font-size: 13px;
		margin-top: 0;
	}

	/*		トップページ
	/*----------------------------------------*/
	#topMainBnr {
		padding: 1% 0;
	}
	
	#top .dl_ios {
    		margin-bottom: 4%;
    		float: left;
    		width: 47%;
	}
	#top .dl_android {
    		margin-bottom: 0;
    		float: left;
    		width: 40%;
    		margin-left: 1em;
	}
	p.dl2_p {
    		float: left;
    		clear: both;
	}
	.mainleft {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch;
	}
	.mainleftbox {
		width: 48%;
		margin: 0 1% 20px;
	}
	.mainright{
		width:50%;
		float:left;
		margin-top:0;
	}
	.sns_area > div, .originalnovel_area > div {
		height: 30%;
	}

	.re {
		background: rgb(241 232 212 / 64%);
		border-radius: 12px 12px 0 0;
		padding-top: 4%;
	}

	.headtitle_area{
	}
	#footerSiteMap .menu li a {
	box-shadow: 0px 1px #f5f5f5;
	}

	#wrap #content #banner {
		margin-bottom: 40px;
	} 

	/*			eshopボタン※未使用
	/*----------------------------------------*/
	.btn_eshop {
		font-size: 24px;
	}
	.btn_eshop .s {
		font-size: 20px;
	}
	.spec .btn_eshop {
		font-size: 18px;
	}
	.spec .btn_eshop .s {
		font-size: 14px;
	}

	/*			shoplinkボタン
	/*----------------------------------------*/
	.shoplink_wrap {
		flex-direction: row;
		width: 740px;
	}

	/*			PSVITA版バナー他
	/*----------------------------------------*/
	#top p.gamebanner {
		float: left;
	}
	#top p.gamebanner + p{
		text-align:left;
		float: left;
		margin-left:1em;
		color: #d6d6d6;
	}
	.gamebanner_box {
		/*margin-bottom: 20px;
		padding: 1.4em 2% 0;*/
		background: rgba(255, 255, 255, 0.64);
		overflow: hidden;
	}

	/*		ダウンロード&ムービーのDIV背景
	/*----------------------------------------*/

	.dl_movie.firstChild {
    	overflow: hidden;
		background: rgba(65, 44, 0, 0.64);
	}
	.dl_movie.lastChild {
	padding-bottom: 3%;
	overflow: hidden;
	}
	#top #dl2 {
	padding-top: 0;
	float: left;
	background:none;
	/* width: 49%; */
	}
	div#re_banner img {
		width: 600px;
	}
	.dlapplink2 {
	    width: 300px;
	}


	#dlandmovie {
	display:-webkit-box;
    display:-moz-box;
    display:-o-box;
	table-layout:fixed;
	-webkit-box-pack:justify;
	height:370px;
	width:100%;
	vertical-align:middle;
	display: inline-flex; 
    position: relative;
	padding-top: 180px;
	/*border-collapse: separate;   セルの間隔を空ける */
    /*border-spacing: 12px 0;   左右 上下で記述 */
	}

	/*		ダウンロード
	/*----------------------------------------*/
	#content #top #dldummy {
	width: 47%;
	}
	#content #top #dl {
	padding: 0;
	/* padding-bottom: 2%; */
	padding-bottom: 5%;
	vertical-align: middle;
	width: 50%;
	height:315px;
	margin-right:0;
	}
	
	#dl .dl_ios {
	margin-top: 6%;
	margin-bottom: 0%;
	}
	#content #top #dl .dlapplink {
	width: 70%;
	margin-left: 15%;
	}	
	#content #top #dl .qrcode1 {
	/*本番用*/
	margin-top: -2%;
	padding-right: 2%;
	padding-left: 6px;
	}
	
	#content #top #dl .qrcode2 {
	margin:auto;
	}

	/*			youtube
	/*----------------------------------------*/
	#content #top #youtube {
	text-align: center;
	padding: 0;
	margin-top: 0;
	margin-right:2%;
	margin-left: 0;
	margin-bottom: 40px;
	vertical-align: middle;
	/* height:315px; */
	width: 70%;
	float:left;
	line-height: 0;
	}
	
	/* ダミー用IE9→消さない */ /* IE9 */
	#content #top #youtube:not(:target) {
		/*text-align: center\9;*/ /* IE9 */
		/*padding: 2%\9;*/ /* IE9 */
		/*padding-top: 4.5%\9;*/ /* IE9 */
		/*margin-left: -1%\9;*/ /* IE9 */
		/*vertical-align: middle\9;*/ /* IE9 */
		/*height:315px\9;*/ /* IE9 */
		/*width: 48%\9;*/ /* IE9 */
		/*float:right\9;*/ /* IE9 */
		/*margin-top:-41%\9;*/ /* IE9 */
	}	
	/*本番用IE9*/
	#content #top #youtube:not(:target) {
		text-align: center\9;; /* IE9 */
		vertical-align: middle\9; /* IE9 */
		height:315px\9; /* IE9 */
		width: 48%\9; /* IE9 */
		float:right\9; /* IE9 */
		margin-top:-60%\9;
		margin-left:50%\9;
		padding-top:0%\9;
	}
	
	#youtube #youtubeimg {
	max-width: 100%;
	padding: 0;
	margin-top: -4px;
	width: 85%;
	}

	#content #top #pub {
		margin-bottom: 20px;
	}
	#content #topInfo ul {
		height: 552px;
		overflow:auto;
	}
	#twitter #twitter-widget-1 {
		padding: 0 0%;
		width: 96%;
	}
	#wrap #content #top #spec {
		margin-bottom: 80px;
		padding: 2%;
	}
	#top #spec>.box:nth-of-type(1)>img {
		width: auto;
	}
	#top #spec.col2>.box:nth-of-type(1) img {
		 float: right;
	}
	#top #spec.col2>.box:nth-of-type(2) {
		 margin-top: 5%;
	}
	#top #spec ul {
		text-align: left;
	}
	#top #banner ul {
		text-align: center;
	}
	#top #banner li {
		margin: 0 5px 0 0;
		display: inline;
	}
	#top #banner li:last-child {
		margin: 0;
	}

	/*		原作概要
	/*----------------------------------------*/
	#outline #original p {
		margin: 2em 0 0;
		font-size: 15px;
		line-height: 1.8em;
	}
	#outline #cover ,#outline .synopsis{
		width: auto;
		margin-top: 1em;
		display: flex;
        justify-content: space-around;
	}
	#outline #cover+.box {
		margin: 1em 0 0 4%;
				}
	#outline #cover .ss,#outline .synopsis .ss {
		width: 24%;
	}
	#outline #story {
	margin-top: 9px;
	}
	#outline #story #fix {
		display: none;
	}
	#outline #story .col3>.box {
		margin-right: 1%;
	}
	#outline #story .col3>.box:last-child {
		margin-right: 0;
	}
	#outline #story .col3 img {
		/*width: 28%;*/
		display: block;
	}
	#outline #story p {
		width: 100%;
		line-height: 1.8em;
	}
	/*		appbanner
	/*----------------------------------------*/
	#content p.othergames {
	 /* margin-left: 1em; */
	}
	#appbanner {
	  text-align:center;
	  padding: 0;
	  padding-top: 2.4em;
	}
	#appbanner ul{
	  width:625px;
	} 
	/*#appbanner ul li {
	  margin-left: 0;
	  padding-right: 2%;
	  margin-right:1%;
	  max-width: 30%;
	}*/

	#appbanner ul li {
	  margin-left: 0;
	  padding-right: 1%;
	  margin-right:1%;
	  max-width: 18%;
	}/*バナー4つのとき*/
	
	#vitabanner {
		text-align:center;
		padding: 0;
		padding-top: 2.4em;
	}
	#vitabanner ul.vitabannerList {
		width:100%;
	}
	#vitabanner ul li {
		margin-bottom: 0.65em;
	}
	#vitabanner ul.vitabannerList li {
		margin-left: 0;
		padding-right: 1%;
		margin-right:1%;
		max-width: 47%;
		display: inline-block;
	}



	/*		キャラクター紹介
	/*----------------------------------------*/
	#character .pic {
		height: 340px;
		background: url(images/chara_bg_tab.png) 0 0 no-repeat;
	}
	#character #up {
		height: 100%;
		-webkit-border-radius: 57px;  /* Safari, Chrome用 */
		-moz-border-radius: 57px;  /* Firefox用 */
		border-radius: 57px;  /* CSS3 */
		behavior: url(PIE.htc);
	}
	#character.c90 #up {
		background-image: url(images/chara_up_90.png);
		background-repeat: no-repeat;
	}
	#character.c01 #up {
		background-image: url(images/chara_up_01.png);
		background-repeat: no-repeat;
	}
	#character.c02 #up {
		background-image: url(images/chara_up_02.png);
		background-repeat: no-repeat;
	}
	#character.c03 #up {
		background-image: url(images/chara_up_03.png);
		background-repeat: no-repeat;
	}
	#character.c04 #up {
		background-image: url(images/chara_up_04.png);
		background-repeat: no-repeat;
	}
	#character.c05 #up {
		background-image: url(images/chara_up_05.png);
		background-repeat: no-repeat;
	}
	#character.c06 #up {
		background-image: url(images/chara_up_06.png);
		background-repeat: no-repeat;
	}
	#character.c07 #up {
		background-image: url(images/chara_up_07.png);
		background-repeat: no-repeat;
	}
	#character.c08 #up {
		background-image: url(images/chara_up_08.png);
		background-repeat: no-repeat;
	}
	#character.c09 #up {
		background-image: url(images/chara_up_09.png);
		background-repeat: no-repeat;
	}
	
	#character #full {
		float: right;
		margin-right: 20px;
	}
	#post-46 #character #full{
		margin-right: -24px;
	}
	#post-57 #character #full {
		margin-right: -10px;
	}
	#character .info {
		float: left;
		margin: 3% 0 3% 3%;
		width: 41.2%;
	}
	#character #ruby {
		top: -85px;
		letter-spacing: 0.2em;
	}
	#character #name {
		font-size: 42px;
		padding-bottom: 30px;
	}
	#character #catch {
		top: -13px;
		padding-left: 0.9em;
		letter-spacing: 0.1em;
	}
		#character #cast {
		margin-top: 5px;
	}

	#character #prof {
		width: 270px;
		margin: 0 auto;
	}

	#character .swichbtn-wrap {
		margin: 6px auto;
	}
	#character .swichbtn,
	#character .swichbtn[data-pushed="false"] {
		width: calc(50% - 24px);
		font-size: 13px;
		margin: 4px 2px;
	}
	#main .entry-content #character .cname {
		order: 0;
	}

	/*		お知らせ
	/*----------------------------------------*/

	br.erasebr{
	display:inline;
	}

	/*		ゲーム紹介
	/*----------------------------------------*/
	#introduction #game.section {
		margin-bottom: 80px;
	}
	#introduction #game h2 {
		font-size: 32px;
	}
	#introduction #game h3 {
		font-size: 20px;
	}
	#introduction #game p {
		font-size: 16px;
	}
	#introduction #game .col2>.box {
		 margin-right: 4%;
		 width: 48%;
	}
	#introduction #game .col2>.box:last-child {
		 margin-right: 0;
	}
	#introduction #game .col3>.box:nth-of-type(2) {
		position: relative;
		left: 1.4%;
	}
	#introduction #staff>.col2 {
		margin: 0 auto;
		width: 700px;
	}

	/*		関連商品
	/*----------------------------------------*/
	#goods>.col2>.pic {
		margin-right: 4%;
		width: 32%;
	}
	#goods>.col2>.info {
		width: 64%;
	}
	#goods.cd .outline {
		margin-bottom: 2em;
	}
	#goods.cd .jacket {
		margin-right: 5%;
		width: 30%;
	}
	#goods.cd .jacket img {
		margin-bottom: 1%;
	}

	/*			キャラコメント
	/*----------------------------------------*/
	#content #castcomment .col2>.box {
		float: left;
		margin-right: 2%;
		width: 49%;
	}				
	#content #castcomment .info {
		margin-right: 4%;
		width: 57%;
	}
				#container #content #castcomment .pic {
		width: 37%;
	}
				#container #content #castcomment .pic img {
		margin: -6px;
	}
	/*			Twitter配布
	/*----------------------------------------*/
	#twheader li {
		float: left;
		max-width: 49%;
	}
	#twheader li:nth-of-type(2n) {
		margin-right: 0;
	}
	#twheader li img {
		width: 100%;
	}

	/*			スマホ壁紙
	/*----------------------------------------*/
	#wallpaper li {
		float: left;
		max-width: 32%;
	}
	#wallpaper li:nth-of-type(3n) {
		margin-right: 0;
	}
	#wallpaper li img {
		width: 100%;
	}
}


/*--------------------------------------------------------------------------------*/
/*		PC、iPad3より大きい場合（770px以上）
/*--------------------------------------------------------------------------------*/
@media (min-width: 770px) {
	/*		ヘッダー
	/*----------------------------------------*/
	#headerInner {
	}
	#header #site-title {
		text-align: left;
	}
	#header #tieup {
	}

	/*		グローバルナビ
	/*----------------------------------------*/
	#gMenu {
		height: 40px;
		background: #b4b6de;
		-ms-filter: "none";
	}
	#gMenu .menu {
		margin: 0 0 0 -2px;
		border: none;
		border-left: 1px #7a7ecf solid;
	}
	#gMenu .menu li {
		-webkit-text-shadow: 1px 1px 0 #7a7ecf;  /* Safari, Chrome用 */
		-moz-text-shadow: 1px 1px 0 #7a7ecf;  /* Firefox用 */
		text-shadow: 1px 1px 0 #7a7ecf;  /* CSS3 */
		behavior: url(PIE.htc);
	}
	#gMenu .menu li:hover ul {
	border-top: none;
	}
	#gMenu .menu>li:last-child {
		border-right: 1px #63630B solid;  /* 明 */
	}
	#gMenu .menu li a {
		padding: 11px 25px;
		color: #fff;
		border-left: 1px #7a7ecf solid;  /* 明 */
		border-right: 1px #7a7ecf solid;  /* 暗 */
		box-shadow: none;
		background: url(images/arrow_gray.png) right bottom no-repeat;
		text-shadow: none;
	}
	#gMenu .menu li#menu-item-230 a {
		border-right-width: 2px;
	}
	#gMenu .menu li a:hover ,
	#gMenu .menu li.current_page_item a ,
	#gMenu .menu li.current_page_ancestor a {
		background-color: rgba(0, 37, 12, 0.23);
		background-image: url(images/arrow_white.gif);
	}
	#gMenu .sub-menu li a {
		border-bottom: 1px solid #968A74;
		border-bottom: 1px solid #968A74;
		-webkit-text-shadow: 1px 1px 0 #fff;  /* Safari, Chrome用 */
		-moz-text-shadow: 1px 1px 0 #fff;  /* Firefox用 */
		/*text-shadow: 1px 1px 0 #fff;*/  /* CSS3 */
		behavior: url(PIE.htc);
	}
	#gMenu .menu li:hover li  {
		border-bottom: none;
		color: #8B5400;
	}
	#gMenu .menu li:hover li a ,
	#gMenu .menu li.current_page_item li a ,

	#gMenu .menu li.current-menu-ancestor li a ,
	#gMenu .menu li.current-page-ancestor li a ,
	#gMenu .menu li.current_page_ancestor li a {
		background: url(images/arrow_gray.png) right bottom no-repeat;
		color: #3F2424;
		margin-right: -1px;
	}
	#gMenu .menu li:hover li a:hover ,
	#gMenu .menu li.current_page_item li a:hover ,
	#gMenu .menu li.current-menu-ancestor li a:hover ,
	#gMenu .menu li.current-page-ancestor li a:hover,
	#gMenu .menu li.current_page_ancestor li a:hover {
		background: url(images/arrow_white.gif) right bottom no-repeat  #ffe7eb;
		margin-right: -1px;
	}
	
	
	/*		フッター
	/*----------------------------------------*/
	#footMenu .menu li a {
		padding: 0 20px;
		letter-spacing: 0.2em;
		background: none;
	}
	#footMenu .menu li a:hover {
		background: none;
	}
	#footMenu .menu li.firstChild a {
	}
	#footerSiteMap .menu {
		overflow: hidden;
	}
	#footerSiteMap .menu>li {
		float: left;
		margin-right: 2.5%;
		width: 18%;
	}
	#footerSiteMap .menu>li:last-child {
		margin-right: 0;
	}
	#footerSiteMap .sub-menu>li {
		width: 100%;
	}

	/*		トップページ
	/*----------------------------------------*/
	#topMainBnr {
		padding: 20px 0;
	}
	/*		ダウンロード&ムービーのDIV背景
	/*----------------------------------------*/
	/*#dlandmovie {
	height: 450px;
	}*/
	/*		キャラクター紹介
	/*----------------------------------------*/
	#character .info {
		width: 45%;
	}
	#character #ruby {
		top: -56px;
	}	
	#character #name {
		padding-bottom: 0;
	}
	#character #catch {
		top: -13px;
	}
}

/*--------------------------------------------------------------------------------*/
/*		PC、iPad3より大きい場合（850px以上）
/*--------------------------------------------------------------------------------*/
@media (min-width: 850px) {
	/*		サイドバーなし
	/*----------------------------------------*/
	#main #container #content.wide {
		float: none !important;
	}
	
	/*		子ページインデックス
	/*----------------------------------------*/
	#main #container #content.list {
		float: none !important;
	}
	/*	 	フッターバナー部分
	/*----------------------------------------*/
	#appbanner ul{
	  width:800px;
	} 
	/*			ダウンロード&ムービーのDIV背景
	/*----------------------------------------*/
	#dlandmovie {
	height: 450px;
	}
	/*本番用IE9*/
	#content #top #youtube:not(:target)  {
		padding-top:10%¥9;
	}
}
/*youtube本番用*/
@media screen and(min-width: 850px),(-ms-high-contrast: active), (-ms-high-contrast: none) {
		#content #top #youtube:not(:target)  {
		margin-top: 0%\9 !important;
		margin-left: 0%\9 !important;
		padding-top: 0%\9 !important;
		}
}
/*--------------------------------------------------------------------------------*/
/*		フルサイズ（970px以上）
/*--------------------------------------------------------------------------------*/
@media (min-width: 970px) { /* スクロール分余裕に20px */

	/*		グローバルナビ
	/*----------------------------------------*/
	#gMenu .menu li ,
	#gMenu .menu li.current_page_item ,
	#gMenu .menu li.current_page_ancestor ,
	#gMenu .menu li:hover ul ,
	#gMenu .menu li:hover ul li {
		/*width: 190px;*/
		width: 237px;
		text-align: center;
	}
	#gMenu .menu li:hover ul li ul	{
		position:absolute;
		left: 190px;
		top:10px;
		border-top:none;
	}

	/*		可変_3カラム
	/*----------------------------------------*/
	#content .colx>.box {
		 margin-right: 2%;
		 width: 32%;
	}
	#content .colx>.box:nth-of-type(2n) {
		 margin-right: 2%;
	}
	#content .colx>.box:nth-of-type(3n) {
		 margin-right: 0;
	}
	

	/*		コンテンツ
	/*----------------------------------------*/
	#main #container {
		padding-top: 20px;
	}
	#main #container #content {
		width: 690px;
	}
	#main #container #content.wide ,  /* サイドバーなし */
	#main #container #content.list {  /* 子ページインデックス */
		width: 840px;
	}
	#main .innerBox {
		margin: 0 auto;
		width: 950px;
	}
	#content .childPageBox {
		display: none;
	}
	/*			ダウンロード&ムービーのDIV背景
	/*----------------------------------------*/
	#dlandmovie {
	height: 450px;
	}
	/*			ダウンロード
	/*----------------------------------------*/
	#content #top #dl {
		/*margin-top: 50px;
		margin-right: 1%;
		padding-left: 2%;*/
		height: 390px;
	}
	#top .dl_ios img {
		/*margin-bottom: 8%;*/
	}
	#top .dl_android img{
	/*margin-bottom: 0;
	padding-top: 20px;*/
	}
	#content #top #dl .qrcode1 {
	/*margin-left: -2%;*/
	}
	/*			youtube
	/*----------------------------------------*/
	#content #top #youtube {
	/*margin-top: 38px;
	margin-left: 0px;
	text-align: center;
	padding-bottom: 4%;
	height: 390px;*/
	margin-left: auto;
	margin-right: auto;
	}
	/*本番用IE9*/
	#content #top #youtube:not(:target) {
		text-align: center\9;; /* IE9 */
		vertical-align: middle\9; /* IE9 */
		height:315px\9; /* IE9 */
		width: 48%\9; /* IE9 */
		float:right\9; /* IE9 */
		margin-top:-52%\9;
		margin-left:50%\9;
		padding-top:0%\9;
	}
	#top #youtube p {
	font-size: 18px;
	font-weight: bold;
	color: #d6d6d6;
	margin-bottom: 3%;

	}
	#youtube #youtubeimg{
	width:85%;
	/*margin-top: -2%;*/
	}

	/*		お知らせ（トップ）
	/*----------------------------------------*/
	#content #topInfo ul li {
		position: static;
		min-height: inherit;
	}
	span.infoCate {
		position: static;
	}
	#content .infoList .infoCate a {
		margin: 0 0 1px 0.4em;
		padding: 3px 4px 2px;
	}

	/*	 	フッターバナー部分
	/*----------------------------------------*/
	#appbanner ul{
	  width:870px;
	  margin-left: 18px;
	} 
	/*		フッター
	/*----------------------------------------*/
	#footerSiteMap {
		width: 100%;
	}

	/*			ソーシャルボタン
	/*----------------------------------------*/
	#socialSet>ul {
		margin-left: auto;
		margin-right: auto;
		width: 950px;
	}
	
	/*			フッターカテゴリーメニュー
	/*----------------------------------------*/
	#content .childPageBox h4 {
		padding-bottom: 7px;
		font-weight: bold;
	}

	/*		各ページ共通設定
	/*----------------------------------------*/
	#main #container #content .narrow {
		margin: 0 auto;
		max-width: 740px;
	}
	
	/*		原作概要、ゲーム紹介
	/*----------------------------------------*/
	#outline #original h2 .bg ,
	#introduction #game h2 .bg {
		padding: 0;
	}
	/*		キャラクター紹介
	/*----------------------------------------*/
	#character .pic {
	background: url(images/chara_bg.png) 0 0 no-repeat;
	}
	#character .cname {
	width: 90%;
	}
}

/*index slides*/
.slides {
	position: relative;
	width: 100%;
	padding-top: 70.73%;
	overflow: hidden;
	z-index: 0;
}

.slides li {
	position: absolute;
	top: 0;
	left: 0;
}

.slides li:nth-of-type(1) {
	animation: fadeslide 20s 0s infinite both;
	z-index: 3;
}

.slides li:nth-of-type(2) {
	animation: fadeslide 20s 5s infinite both;
	z-index: 2;
}

.slides li:nth-of-type(3) {
	animation: fadeslide 20s 10s infinite both;
	z-index: 1;
}

.slides li:nth-of-type(4) {
	animation: fadeslide 20s 15s infinite both;
	z-index: 1;
}

/*slide3枚用
@keyframes fadeslide {
	0% { left: 0; opacity: 0; }
	10% { left: 0; opacity: 1; }
	30% { left: 0; opacity: 1; }
	40% { left: 0; opacity: 0; }
	41% { left: 100%; opacity: 0; }
	100% { left: 100%; opacity: 0; }
}
*/

/*slide4枚用*/
@keyframes fadeslide {
	0% { left: 0; opacity: 0; }
	12.5% { left: 0; opacity: 1; }
	25% { left: 0; opacity: 1; }
	37.5% { left: 0; opacity: 0; }
	38.5% { left: 100%; opacity: 0; }
	100% { left: 100%; opacity: 0; }
}