@charset "UTF-8";
html{
	height: 100%;
}

body{
	position: relative;
	width: 100%;
	height: 100%;
	background: url(../images/bgCommon.png) repeat;
	z-index: 1;

}


body *::selection {
	background: #ffee00;
}
body *::-moz-selection {
	background: #ffee00;
}

div.pageBox{
	z-index: 0;
	margin: 100px auto 100px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

div.pageBox.category{
	margin: 0 auto 100px;
}

div.pageBox.post{
	margin: 110px auto 100px;
}


header.articleHeader{
	background: url(../images/bgHeader.png) no-repeat center 95px #001436 fixed;
	height: 320px;
	overflow: hidden;
	position: relative;
	width: 100%;
	min-width: 1000px;
	z-index: 0;
	margin: 95px 0 0 0;
}


header.articleHeader h1{
	height: 9px;
	left: 0;
	position: absolute;
	top: -10000px;
}

#topicPath{
	padding:0;
	width:1000px;
	margin:0 auto;
	color:#1e1e1e;
}
	#topicPath ul{
		margin:20px 0 0 0;
		padding:0;
	}

	#topicPath ul li{
		margin:0;
		padding:0 ;
		float:left;
		display: inline-block;
		font-size: 0.8rem;
		max-width: 700px;
	}
	#topicPath ul li a{
		color:#1e1e1e;
		font-size:0.8rem;
		text-decoration:underline;
	}
	#topicPath ul li a:hover{
		text-decoration:none;
	}
	#topicPath ul li:after{
		content:">";
		width:18px;
		text-align:center;
		display:inline-block;
		color:#1e1e1e;;
	}
	#topicPath ul li:last-child:after{
		content: none;
	}

	#topicPath.noHeadBox{
		padding:130px 0 0 0;
	}

a{
	color: #1e1e1e;
	text-decoration:none;
}

a:visited { color: #db8413;}
a:hover { text-decoration:none; }


div.contentsBox{
	position: relative;
	width:1000px;
	margin:0 auto;
}

aside#secondaryMenu{
	margin: 10px 0 0;
	width : 218px;
	float: right;
}

aside#secondaryMenu h3{
	font-family:Arial;
	font-weight:800;
	font-size:1.2rem;
	letter-spacing:2px;
	color:#004dac;
	}

aside#secondaryMenu ul{
	margin: 10px 0 50px;
	list-style: none;
}
aside#secondaryMenu ul li{
	margin: 5px 0;
	font-size: 0.9rem;
}
aside#secondaryMenu ul li a{
	color: #1e1e1e;
	font-size: 0.9rem;
	text-decoration: underline;
}
aside#secondaryMenu ul li a:hover{
	text-decoration: none;
}



/*
--------------------------------------------header
*/

div#menuBox{
	position: fixed;
	z-index: 1000;
	width: 100%;
	background: url(../images/bgMenu01.png) #0748ae no-repeat right bottom;
	height:95px;
	min-width: 1060px;
	top: 0;
}

nav{
	position: relative;
	width: 100%;
	background:#ffffff;
	height: 77px;
	min-width: 1000px;
}

nav div#logo{
	position: absolute;
	border:none;
	left:12px;
	top:6px;
}

nav div#logo div#logoUnity{
	position: absolute;
	top:;
	left: 0;
	width: 197px;
}

nav div#logo div#logoUnity img{
	width: 100%;
}


nav div#logo div#logoText{
	position: absolute;
	top:12px;
	left: 208px;
}

nav ul#menu{
	position: absolute;
	list-style-type: none;
	height: 52px;
	padding: 24px 0 0;
	background:#ffffff;
	width: 850px;
	right: 0px;
}

nav ul#menu li{
	width: 120px;
	float: left;
	margin: 0;
	text-align: center;
	z-index: 100;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
	position:relative;
	text-indent: -9999px;
}

nav ul#menu li:first-child{
	width: 110px;
}

nav ul#menu li#menuNews{
	background: url(../images/menuNews.png) no-repeat center 8px;
}

nav ul#menu li#menuNews:hover{
	background: url(../images/menuNewsHOVER.png) no-repeat center 8px;
}

nav ul#menu li#menuAbout{
	background: url(../images/menuAbout.png) no-repeat center 8px;
}

nav ul#menu li#menuAbout:hover{
	background: url(../images/menuAboutHOVER.png) no-repeat center 8px;
}


nav ul#menu li#menuCharacter{
	background: url(../images/menuCharacter.png) no-repeat center 8px;
	padding: 0 10px;
}

nav ul#menu li#menuCharacter a{
	padding: 10px 0 0 10px;
}

nav ul#menu li#menuCharacter:hover{
	background: url(../images/menuCharacterHOVER.png) no-repeat center 8px;
}


nav ul#menu li#menuEvent{
	background: url(../images/menuEvent.png) no-repeat center 8px;
}

nav ul#menu li#menuEvent:hover{
	background: url(../images/menuEventHOVER.png) no-repeat center  8px;
}

nav ul#menu li#menuContent{
	background: url(../images/menuContents.png) no-repeat center 8px;
}

nav ul#menu li#menuContent:hover{
	background: url(../images/menuContentsHOVER.png) no-repeat center 8px;
}

nav ul#menu li.hasChild {
	height: 38px;
}

nav ul#menu li.hasChild span.parent{
	border-right:1px solid #d9d9d9;
	display: block;
	height: 28px;
}



nav ul#menu li a{
	display: block;
	width: 100%;
	margin: 0;
	color: #1e1e1e;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	padding: 10px 0 0;
	height: 18px;
	border-right:1px solid #d9d9d9;
}



nav ul#menu li#contactForm{
	width: 62px;
	margin:0 0 0 10px;
	padding:10px 6px 0 3px;
	border:none;
}

nav ul#menu li:nth-last-child(2) span.parent{
	border:none;
}

nav ul#menu li#btnDownload{
	width: 201px;
	max-width:none;
	padding: 0;
	border:none;
	margin: -10px 0 0 23px;
	text-indent: -9999px;
}

nav ul#menu li#btnDownload a{
	border-radius: 25px;
	color: #ffffff;
	display: block;
	width: 100%;
	background: url(../images/bgButtonDownloadFile.png) no-repeat 16px 15px #f95158;
	height: 33px;
	padding: 15px 0 0 20px;
	width: 180px;
	position: absolute;
	text-align: center;
}

nav ul#menu li#btnDownload a:hover{
	background: url(../images/bgButtonDownloadFile.png) no-repeat 16px 15px #fa7479;
}

nav div.btnMenuOpen{
	display: none;
	background:#004dac;
	position: absolute;
	height: 59px;
	width: 85px;
	top:25px;
	right:20px;
	padding: 26px 0 0;
}

nav div.btnMenuOpen span.border{
	display: block;
	height: 6px;
	width: 35px;
	background: #ffffff;
	margin: 0 auto 7px;
}

nav ul#menu li ul.children{
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	display:none;
	height:auto;
	width:180px;
	position:absolute;
	left:-20px;

}


nav ul#menu li ul.children li{
	position: relative;
	padding: 0;
	color: #ffffff;
	border:none;
	height:45px;
	width:170px;
	text-indent: 0;
}
nav ul#menu li ul.children li a{
	border:none;
	}

nav ul#menu li ul.children li:nth-child(odd){
	background: #3365c0;
}
nav ul#menu li ul.children li:nth-child(odd):hover{
	background: #5c84cd;
}

nav ul#menu li ul.children li:nth-child(even){
	background: #1750b7;
}
nav ul#menu li ul.children li:nth-child(even):hover{
	background:#4573c5;
}

nav ul#menu li ul li a{
	text-align: center;
	font-size: 13px;
	font-weight: normal;
	color:#ffffff;
	width:100%;
	display:block;
	height:30px;
	padding:15px 0 0 0;
}

nav ul#menu li:hover ul li:first-child{
	border-top: 0;
}
nav ul#menu li:hover ul li:last-child{
	border-bottom: 0;
}

	/* 省略措置 */
	nav ul#menu li.omit{
		height:0 !important;
	}
	nav ul#menu li ul.children li span{
		display: block;
/*		width: 100%;*/
		margin: 0;
		line-height: 1;
		padding: 15px 15px;
		text-align: center;
		font-size: 13px;
		height: 30px;
		font-weight: normal;
		color:#ffffff;
		cursor: pointer;
		background: #1750b7;
	}


/*
--------------------------------------------index.html
*/
body#topUnity article{
	position: relative;
	z-index: 10;
	margin: 0 0 500px;
	background: url(../images/bgCommon.png) repeat;
	width: 100%;
	min-width:1015px;
/*	display: inline-block;*/
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
	body#topUnity article {
			display: inline-block;
	}
}
section#top{
	background: url(../images/main.jpg) no-repeat center top;
	background-size:cover;
	width: 100%;
	min-width: 1000px;
	margin: 95px 0 0;
	height: 650px;
}

section#top a{
	width: 100%;
	display: block;
	min-height: 100%;
}

section#top p{
	text-align: center;
}
section#pickup{
	position: relative;
	min-width: 1000px;
	width: 100%;
	min-height: 404px;
	background: #ffffff;
	margin: 0 auto 40px;
	padding: 44px 0 0;
	overflow: hidden;
}

section#pickup h2{
	text-align: center;
}

section#pickup ul{
	position:relative;
	max-width: 1450px;
	width: 100%;
	margin: 35px auto;
	text-align: center;

}

section#pickup ul li{
	position:relative;
	list-style: none;
	height: 280px;
	width: 33.2%;
	max-width: 478px;
	min-width: 332px;
	background: url(../images/imgPickupDownload.png) no-repeat center center;
	display: inline-block;
	border-right:2px solid #ffffff;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}


/*section#pickup ul li#pickupBox01{
	background: url(../images/imgPickupDirectorCup.png) no-repeat center center;
}*/
/*section#pickup ul li#pickupBox01{
	background: url(../images/imgPickupC87.png) no-repeat center center;
}*/
section#pickup ul li#pickupBox01{
	background: url(../images/imgPickupC90.png) no-repeat center center;
}
section#pickup ul li#pickupBox02{
	background: url(../images/imgPickupAbout.png) no-repeat center center;
}
section#pickup ul li#pickupBox03{
	background: url(../images/imgPickupDownload.png) no-repeat center center;
}

section#pickup ul li:last-child{
	border: none;
	}

section#pickup ul li>a{
	display:block;
	width: 100%;
	height: 280px;
	text-indent: -9999px;
}

section#pickup ul li a:after{
	color: #1e1e1e;
	content: "";
	height: 100%;
	width: 100%;
	display: none;
	position: absolute;
	top:0;
	left:0;
	z-index: 100;
	background-color: #ffffff;
	opacity:0.2;
	cursor: pointer;
}

section#pickup ul li a:hover:after{
	display: block;
}

section#pickup ul li:last-child{
	margin: 0;
}

section#pickup ul li:first-child img{
	border-left: none;
}

div.rap{
	position: relative;
	width: 100%;
	min-height:1000px;
	min-width:1015px;
	margin: 0 auto;

}
	div.rap div.topContentsBox{
		margin-right:380px;
		margin-left:30px;
	}

	div.topContentsBox section#informationBox{
		position:absolute;
		right:30px;
		top:0;
	}
	div.topContentsBox section#informationBox div#license{
		margin:14px 0 0;
	}



div.topContentsBox h2{
	margin: 0 0 9px;
}


div#feed {
	min-height: 1800px;
}

div#feed h3{
	font-size: 0.14rem;
}

div#feed ul#rssArticle{
	list-style: none;
}

div#feed ul#rssArticle:empty{
	background:url(../images/712.gif) no-repeat 40% 50px;
	height:1000px;

}

div#feed ul#rssArticle li{
	vertical-align: top;
	position:relative;
	cursor: pointer;
	display: inline-block;
	margin: 0 20px 20px 0;
	width: 280px;
	min-height: 347px;
}


div#feed ul#rssArticle li span{
	position:absolute;
	top:0;
	left:0;
	background:#ff9731;
	color:#ffffff;
	padding:3px 10px 2px;
	max-width: 280px;
	height:20px;
	overflow:hidden;
	display: block !important;
	text-align: center;
	font-size: 0.8rem;
	z-index: 10;
}


div#feed ul#rssArticle li div.rssBox{
	position: relative;
	max-width: 280px;
	height: 347px;
	background: url(../images/btnList.png) no-repeat right bottom #ffffff;
}

div#feed ul#rssArticle li a{
	position: relative;
	color: #1e1e1e;
	display: block;
}

div#feed ul#rssArticle li a:after{
	color: #1e1e1e;
	content: "";
	height: 100%;
	width: 100%;
	display: none;
	position: absolute;
	top:0;
	left:0;
	z-index: 100;
	background-color: #ffffff;
	opacity:0.2;
	cursor: pointer;
}

div#feed ul#rssArticle li a:hover:after{
	display: block;
}


div#feed ul#rssArticle li div.rssBox h3{
	font-size: 1rem;
	margin: 20px auto 10px;
	padding: 0 15px;
	text-align: left;
/*	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;*/
	line-height: 1.4rem;
}

	div#feed ul#rssArticle li div.rssBox h3.exLink{
		background:url(../images/iconExLink.gif) no-repeat 0 4px;
		width: 238px;
		padding:0 0 0 20px;
		margin: 20px 0 0 10px;
	}

div#feed ul#rssArticle li div.rssBox p{
	font-size: 0.8rem;
	max-width: 250px;
	width: 100%;
	margin: 0 auto 15px;
	line-height: 1.2rem;
}

div#feed ul#rssArticle li div.rssBox time{
	font-size: 0.8rem;
	color: #828282;
	position: absolute;
	bottom:10px;
	padding: 0 15px;
}

div#feed ul#rssArticle li div.rssBox div.topThum {
	max-width:280px;
	height: 195px;
	overflow-y:hidden;
}
div#feed ul#rssArticle li div.rssBox div.topThum img{
	max-width:280px;
	height: auto;
}


div#footerContents{
	background:url(../images/bgTopFooter.jpg) no-repeat top center #001436;
	padding: 440px 0 0 0;
	width: 100%;
	margin: 80px 0 0 0;
	position: fixed;
	bottom:112px;
	z-index: 0;
}

/*
--------------------------------------------Category Top List Page
*/



article#primary{
	margin: 0 10px 0　0;
	width:742px;
	float: left;

}

div.articleListBox,
article.summaryPost{
	position: relative;
	margin: 8px 0 20px;
	width: 742px;
}
article.summaryPost {
  width: 1000px;
}

div.articleListBox a,
article.summaryPost a{
	position: relative;
	display: block;
	color: #1e1e1e;
	z-index: 0;
}
div.articleListBox a:after,
article.summaryPost a:after{
	content: "";
	height: 100%;
	width: 100%;
	display: none;
	position: absolute;
    top:0;
    left:0;
	z-index: 100;
	background-color: #ffffff;
	opacity:0.2;
	cursor: pointer;
	}
div.articleListBox a:hover:after,
article.summaryPost a:hover:after{
	display: block;
}


div.articleListBox div.articleBox{
	position: relative;
	background:url(../images/btnList.png) no-repeat #ffffff right bottom;
	width: 710px;
	height: 192px;
	padding: 12px 20px 12px 12px;
	position:relative;
	border-top:solid thin #ffffff;
}

article.summaryPost div.articleBox {
  position: relative;
  background-color: white;
	width: 968px;
	height: 220px;
	padding: 12px 20px 12px 12px;
	position:relative;
	border-top:solid thin #ffffff;
}
article.summaryPost a div.articleBox {
  background-image: url(../images/btnList.png);
  background-repeat: no-repeat;
  background-position: right bottom;
}

div.articleListBox div.articleBox div.entry{
	width:400px;
	margin: 0 0 0 300px;
}

div.articleListBox div.articleBox div.entry h2{
	font-size: 1rem;
	margin:5px 0 15px;
	font-weight:800;
	letter-spacing:1px;
}

div.articleListBox div.articleBox div.entry p.bodyText{
	font-size: 13px;
	height: 90px;
	margin:0 0 20px;
	letter-spacing:1px;
}

div.articleListBox div.articleBox div.entry time,
article.summaryPost section.chapter time{
	position:absolute;
	bottom:13px;
	left:310px;
	font-size:0.8rem;
	color:#818181;
}

article.summaryPost section.chapter {
  width: 516px;
  margin-left: 460px;
  background-color: white;
}
article.summaryPost section.chapter time {
	left: 470px;
}
article.summaryPost div.coming_soon section.chapter {
  color: #999999;
}

article div.postThumbnail{
	float: left;
	width: 280px;
	height: 192px;
	overflow-y:hidden;
}
article.summaryPost div.postThumbnail {
  width: 440px;
  height: 220px;
}

article div.postThumbnail img{
	width: 100%;
	height: auto;
	vertical-align: top;
}


/*pager
*/
div.wp-pagenavi{
	text-align: center;
	margin: 30px 0 0;
}

div.wp-pagenavi a{
	padding: 9px 0 0 0;
	height: 29px;
	width: 38px;
	background: #ffffff;
	color: #1750b7;
	display: inline-block;
	margin: 0 0 0 5px;
	position: relative;
	font-size:0.9rem;
}

div.wp-pagenavi a:hover{
	background: #1750b7;
	color:#ffffff;
	}

div.wp-pagenavi span.current{
	padding: 9px 0 0 0;
	margin: 0 0 0 5px;
	height: 29px;
	width: 38px;
	background: #1750b7;
	color:#ffffff;
	display: inline-block;
	font-size:0.9rem;
}

a.nextpostslink{
	background: url(../images/iconPageNextArrow.png) no-repeat #ffffff center center !important;
	text-indent: -9999px;
	}
a.nextpostslink:hover{
	background: url(../images/iconPageNextArrowHOVER.png) no-repeat #1750b7 center center !important;
}

a.previouspostslink{
	background: url(../images/iconPagePreviousArrow.png) no-repeat #ffffff center center !important;
	text-indent: -9999px;
}
a.previouspostslink:hover{
	background: url(../images/iconPagePreviousArrowHOVER.png) no-repeat #1750b7 center center !important;
}
/*
--------------------------------------------Single Post
*/

header div.postCategorytitle{
	width: 100%;
	font-size: 30px;
	z-index: 0;
	padding: 50px 0 0;
	text-align: center;
}

article#primary.singlePost{
	background: #ffffff;
	padding:30px;
	width:682px;
	margin: 10px 0 0;
}

div.headerInformation{
	background: url(../images/imageArticleLine.png) no-repeat left bottom;
}

article#primary.singlePost div.post h1{
	font-size: 1.4rem;
	color: #1e1e1e;
	line-height:1;
	margin: 0 0 2px;
	letter-spacing:1px;
	width: 100%;
}

article#primary.singlePost div.post time{
	font-size:0.8rem;
	color:#818181;
	letter-spacing:1px;
}

article#primary.singlePost div.post{
	font-size:0.9rem;
	letter-spacing:1px;
}

article#primary.singlePost div.post p{
	font-size:0.9rem;
	letter-spacing:1px;
	line-height:2.2;

}

article#primary.singlePost div.post a{
	color:#0048ae;
}

article#primary.singlePost div.post a:hover{
	color:#7099e5;
	text-decoration: none;
}

article#primary.singlePost div.post a:visited {
	color: #db8413;
	text-decoration:underline;
}

article#primary.singlePost div.post a:visited:hover {
	color: #e29d42;

}
article#primary.singlePost div.post img{
	max-width: 100%;
	height: auto;
	margin: 20px 0;
}

article#primary.singlePost div.pageLink{
	font-size:0.8rem;
	position: relative;
	background: url(../images/imageArticleLine.png) no-repeat left top;
	height: 40px;
}

article#primary.singlePost div.pageLink p#previousPage{
	position: absolute;
	left:0;
	bottom:0;
}

article#primary.singlePost div.pageLink p#nextPage{
	position: absolute;
	right:0;
	bottom:0;
}

article#primary.singlePost div.pageLink a{
	font-size: 1rem;
	color: #1e1e1e;
	text-decoration: underline;
}
article#primary.singlePost div.pageLink p#previousPage>a:before{
	content: url(../images/iconPagePreviousArrow.png);
	padding: 0 10px 0 0;
}
article#primary.singlePost div.pageLink p#nextPage>a:after{
	content: url(../images/iconPageNextArrow.png);
	padding: 0 0 0 10px;
}


/*
--------------------------------------------page.php
*/

div.pagePost{
	margin: 90px 0 0 0;
}

/*
--------------------------------------------about/Works
*/



article#about{
	width: 100%;
	background: url(../images/bgCommon.png) repeat;

}

article#about header.articleHeader {
	background: url(../images/bgHeaderAbout.jpg) center 95px fixed no-repeat #001436;
}


section#whatAboutUnity{
	position: relative;
	background: #066cb2;
	width: 100%;
	min-width: 1000px;
	min-height: 789px;
	overflow:hidden;
}

section#whatAboutUnity div.bgMark{
	background: url(../images/bgIE9white.png) no-repeat;
	background: linear-gradient(to bottom, #ffffff, #ffffff);
	background: -moz-linear-gradient(top, #ffffff, #ffffff);
	background: -webkit-gradient(linear,left top,left bottom, from(#ffffff), to(#ffffff));
	border-radius: 1368px;
	-webkit-border-radius: 1638px;
	-moz-border-radius: 1638px;
	left: 50%;
	margin-left: -1660px;
	height: 2934px;
	top: 65px;
	min-width: 2934px;
	position: absolute;
}


section#whatAboutUnity div#unityLogo{
	width: 1000px;
	margin: 0 auto;
	background:url(../images/bgAboutUnityChan.png) no-repeat top center;
	position: relative;
}

section#whatAboutUnity div.explainUnityChan{
	max-width: 580px;
	width: 100%;
	margin: 40px 0 0;
	padding:115px 0 0;
}

section#whatAboutUnity h2{
	font-size: 1.1rem;
	margin: 0 0 10px;
	letter-spacing:1px;
	font-weight:800;
}

section#whatAboutUnity h2.aboutLicense{
	margin: 30px 0 10px;
}

section#whatAboutUnity div.explainUnityChan p{
	font-size: 0.8rem;
	margin: 0 0 20px;
	letter-spacing:1px;
}

section#whatAboutUnity div#unityChan{
	position: absolute;
	right: -110px;
	top:5px;
}

section#whatAboutUnity div.btnLicense{
	margin: 50px 0 50px 0;
}

section#whatAboutUnity div.licenseMark{
	position: absolute;
	bottom:40px;
	left: 270px;
}



span.postTag{
	background: #ff9731;
    color: #ffffff;
    font-size: 0.8rem;
    padding: 3px 10px 2px;
    text-align: center;
    z-index: 10;
    min-width: 90px;
}

#works article#primary.singlePost div.post h1{
	margin: 20px 0 0;
}

#works h1{
	margin: 146px auto 0;
	width: 1000px;
}

section#worksLatest{
	position: relative;
	width: 100%;
	padding: 0 0 110px;
}

section#worksLatest div.worksBox{
	width: 1000px;
	margin: 0 auto;
	padding: 40px 0 0;
}


section#worksLatest div.worksBox div#worksArchive{
	text-align: right;
	margin: -42px 0 16px 0;
}

section#worksLatest ul#worksTag{
	list-style: none;
	position:relative;
	border-right:none;
	width:998px;
	height:54px;
	margin:0 0 28px 0;
	border-left:2px #004dac solid;

}

	section#worksLatest ul#worksTag li{
		font-size:0.8rem;
		float: left;
		min-width:165px;
		max-width: 248px;
		width: 24.8%;
		height:35px;
		font-size: 0.9rem;
		text-align:center;
		padding:15px 0 0 0;
		background:#ffffff;
		color:#004dac;
		border-right:2px #004dac solid;
		border-top:2px #004dac solid;
		border-bottom:2px #004dac solid;
		cursor: pointer;
	}
	section#worksLatest ul#worksTag li:hover{
		background:#004dac;
		color:#ffffff;
		position: relative;
	}
	section#worksLatest ul#worksTag li.active{
		background:#004dac;
		color:#ffffff;
		position: relative;
	}
	section#worksLatest ul#worksTag li.active:after{
		content:"#";
		display: block;
		position:absolute;
		bottom:-20px;
		left:115px;
		width: 0;
		height: 0;
		border: 10px solid transparent;
		border-top: 10px solid #1750b7;
		text-indent: -99999px;
	}

section#worksLatest div.workArticleList{
	background: #ffffff;
	padding: 30px;
}

section#worksLatest div.workArticleList div.worksArticleBox{
	background: url(../images/imgDotLine.png) repeat-x left bottom;
	margin:0 0 30px;
}

section#worksLatest div.workArticleList div.worksArticleBox.goods,section#worksLatest div.workArticleList div.worksArticleBox.event,section#worksLatest div.workArticleList div.worksArticleBox.usersgame{
	display: none;
}

section#worksLatest div.workArticleList div.worksArticleBox a{
	color: #1e1e1e;
	min-height: 75px;
	padding: 0 0 25px;
	display: block;
	width: 100%;
	background: url(../images/btnList.png) no-repeat right bottom;
	position: relative;
}

section#worksLatest div.workArticleList div.worksArticleBox a:after{
	content: "";
	height: 100%;
	width: 100%;
	display: none;
	position: absolute;
	top:0;
	left:0;
	z-index: 100;
	background-color: #ffffff;
	opacity:0.4;
	cursor: pointer;
}

section#worksLatest div.workArticleList div.worksArticleBox a:hover:after{
	display: block;
}


section#worksLatest div.workArticleList div.worksArticleBox h3{
	font-size: 1rem;
	font-weight: 800;
	letter-spacing: 1px;
	margin: 5px 0 15px;
}

section#worksLatest div.workArticleList div.worksArticleBox.exLink h3{
	background: url("../images/iconExLink.gif") no-repeat scroll 0px 7px;
    padding: 0 0 0 25px;
}


section#worksLatest div.workArticleList div.worksArticleBox p.bodyText{
	font-size: 0.8rem;
	height: auto;
	letter-spacing: 1px;
	margin: 0 0 15px;
}

section#worksLatest div.workArticleList div.worksArticleBox time{
	font-size: 0.75rem;
	color: #828282;
}

section#worksLatest div.workArticleList div.postThumbnail {
	max-width: 940px;
	float: none;
	width: auto;
	overflow:hidden;
	height: auto;
	margin:20px 0;
}
section#worksLatest div.workArticleList div.postThumbnail img{
    max-width: 940px;
    width: auto;
}











/*
--------------------------------------------comic
*/

#comic header.articleHeader{
	background: url(../images/bgHeaderWebcomic.jpg) no-repeat fixed center 95px #001436;

}

#comic div.contentsBox{
	margin: 8px auto 0;
}

#comic aside#secondaryMenu{
	margin: 0;
}

#comic aside#secondaryMenu ul li{
	margin: 5px 0 10px;
}

#comic section.chapter{
	background: #ffffff;
	padding: 30px;
	margin: 0 0 20px;
}

#comic section.chapter h2{
	margin: -18px -18px 0;
}

#comic section.chapter h3{
	font-size: 1rem;
	font-weight: 800;
	margin: 15px 0 0;
	letter-spacing: 1px;
}

#comic section ul.latestFiveStory{
	list-style: none;
	margin: 5px 0 0;
}

#comic section ul.latestFiveStory li{
	display: inline-block;
	margin: 0 20px 10px 0;
	font-size: 0.8rem;
}
/*#comic section ul.latestFiveStory li:last-child{
	margin: 0;
}*/

#comic p.firstStory{
	margin: 25px 0 0;
}



#comic section a{
	font-size: 0.8rem;
	color: #1e1e1e;
	text-decoration: underline;
}
#comic section a:hover{
	text-decoration: none;
	color: #004dac;
}
#comic section a:visited{
	text-decoration: none;
	color: #db8413;;
}


#comic section  p.firstStory a{
	font-size: 1rem;
	font-weight: 600;
}





article#primary.comicPost{
	padding:275px 30px 30px;
}

div#uniyon article#primary.comicPost{
	background:url(../images/bgPostuniyon.jpg) no-repeat left top #ffffff;
}

div#unity-4 article#primary.comicPost{
	background:url(../images/bgPostunity-4.jpg) no-repeat left top #ffffff;
}

div#nochoice article#primary.comicPost{
	background:url(../images/bgPostnochoice.jpg) no-repeat left top #ffffff;
}

article#primary.comicPost div.headerInformaiton{
	margin: 230px 0 0;
}

aside.comicList ul li a:visited{
	text-decoration: none;
	color: #db8413;
}



/*
--------------------------------------------staff-note
*/

#staff-note header.articleHeader{
	background: url(../images/bgHeaderStaffnote.jpg) no-repeat center 95px fixed #001436;;
}


/*
--------------------------------------------#cogen-city-journal
*/

#cogen-city-journal header.articleHeader{
	background: url(/images/bgHeaderCogencityJournal.jpg) no-repeat fixed center 95px #001436;;
}

#cogen-city-journal h1{
	font-size: 20px;
}

#cogen-city-journal div.articleListBox div.articleBox div.entry h2{
	font-size: 1rem;
}

#cogen-city-journal div.articleListBox div.articleBox div.entry time{
	bottom:auto;
	left:313px;
}

#cogen-city-journal div.title{
	font-size: 25px;
	height: 50px;
	background: none #6bd30e;
	background: url(/images/post_jnc2.jpg) no-repeat;
}


#cogen-city-journal.category div.post .entry p{
float: left;
}

#cogen-city-journal aside#secondaryMenu ul#newspaperCharacter li{
	font-size: 0.8rem;
	margin: 0 0 25px;
}

#cogen-city-journal aside#secondaryMenu ul#newspaperCharacter li div.faceBox{
	text-align: left;
	margin: 0 0 5px;
}

#cogen-city-journal aside#secondaryMenu ul#newspaperCharacter li h4{
	font-size: 0.9rem;
	padding: 0;
	margin: 0 0 10px;
}
#cogen-city-journal aside#secondaryMenu ul#newspaperCharacter li h4:before{
	content: "★";
}

#cogen-city-journal aside#secondaryMenu ul#newspaperCharacter li span:after{
	content: ":";
}

#cogen-city-journal aside#secondaryMenu ul#newspaperCharacter li p{
	font-size: 0.8rem;
	margin: 0 0 25px;
}


/*
--------------------------------------------interview
*/

#interview br.xs {
  display: none;
}
#interview br.sm {
  display: block;
}
#interview h2,
#interview h3,
#interview p,
#interview time,
#interview div.entry li {
  background-image:url(../images/interview/1px-transparent.gif);
}

#interview header.articleHeader.vocaloid {
	background: url(../images/bgHeaderVocaloidInterview.jpg) no-repeat center 95px fixed #001436;
}

#interview article.summaryPost section.chapter h2 {
  font-weight: normal;
  font-size: 1rem;
  margin: 10px 0 20px;
}
#interview article.summaryPost section.chapter p.excerpt {
  font-weight: bold;
  font-size: 1.2rem;
  margin: 20px 0;
}

#interview article.singlePost {
  position: relative;
  margin: 10px auto 0;
	width: 1000px;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: white;
	padding: 375px 0 4px;
}

#interview div.headerSNS {
  position: absolute;
  left: 30px;
  top: 340px;
  background: none;
}

#interview div.contentsBox {
  overflow: hidden;
}
#interview div.contentsBox:after {
  content: '';
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

#interview div.headerTimestamp {
  margin-left: 30px;
  position: absolute;
  left: 0;
  top: 375px;
  width: 680px;
}
#interview div.headerTimestamp time {
  font-size: 0.8rem;
  color: #818181;
  letter-spacing: 1px;
}

#interview div#primary {
  width: 680px;
  padding: 30px;
	float: left;
}

#interview div#primary div.wp-pagenavi {
  margin-top: 0;
}
#interview div#primary div.wp-pagenavi a,
#interview div#primary div.wp-pagenavi span {
  border: 1px solid #1750b7;
}
#interview div#primary a.nextsectionlink {
  display: inline-block;
  border: 1px solid #1750b7;
  padding: 0.5em 1em;
  padding-right: 26px;
  color: #1750b7;
  background: #ffffff;
  font-size:0.9rem;
  width: auto;
  height: auto;
  position: relative;
  text-align: left;
  text-decoration: none;
}
#interview div#primary a.nextsectionlink:hover {
  color:#ffffff;
  background: #1750b7;
}

#interview div#primary a.nextsectionlink:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 10px;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-image: url(../images/iconPageNextArrow.png);
  background-position: right center;
}
#interview div#primary a.nextsectionlink:hover:after {
  background-image: url(../images/iconPageNextArrowHOVER.png);
}

#interview div.entry {
  border-bottom: 1px solid #004dac;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
#interview div.entry section {
  border-top: 1px solid #004dac;
  padding-top: 30px;
  margin-top: 30px;
}
#interview div.entry h2 {
  font-weight: normal;
  font-size: 1.4rem;
  color: #004dac;
  margin-bottom: 1em;
}
#interview div.entry h2 br.nextlink {
  display: none;
}
#interview div.entry img {
  max-width: 100%;
}
#interview div.entry img.snapshot,
#interview div.entry img.capture,
#interview div.entry img.artwork,
#interview div.entry div.snapshot {
  display: block;
  height: auto;
  margin: 0 auto 1em;
  text-align: center;
}
#interview div.entry img.snapshot,
#interview div.entry div.snapshot {
  width: 335px;
}
#interview div.entry img.capture {
  width: 500px;
  border: 1px solid #dddddd;
}
#interview div.entry section:last-child img.snapshot {
  margin-bottom: 3em;
}
#interview div.entry div.snapshot img {
  margin: 0;
  width: 100%;
  height: auto;
}
#interview div.entry div.video {
  display: block;
  width: 460px;
  margin: 2em auto 3em;
}
#interview div.entry div.video h3 {
  font-weight: bold;
  font-size: 0.9rem;
  margin-top: 0;
  margin-bottom: 0.4em;
}
#interview div.entry div.youtube {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-top: 56.25%;
}
#interview div.entry div.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#interview div.entry p {
  font-size: 0.9rem;
  line-height: 2.0;
  color: #1e1e1e;
  margin-bottom: 1em;
}
#interview div.entry p.listener {
  font-weight: bold;
}
#interview div.entry p.caption {
  font-size: 0.8rem;
  color: #858585;
  letter-spacing: 0.1rem;
}
#interview div.entry abbr {
  display: inline-block;
  background-color: #cccccc;
  color: white;
  padding: 0.3em 0.9em 0.1em 1.2em;
  margin-right: 1em;
  letter-spacing: 0.3em;
  font-size: 0.8rem;
  line-height: 1.2;
  vertical-align: text-bottom;
  vertical-align: middle;
}
#interview div.entry abbr.type01 {
  background-color: #ffa229;
}
#interview div.entry abbr.type02 {
  background-color: #b0cb19;
}
#interview div.entry abbr.type03 {
  background-color: #83bc91;
}
#interview div.entry abbr.type04 {
  background-color: #64a7c9;
}
#interview div.entry abbr.type05 {
  background-color: #ae83bc;
}
#interview div.entry ul {
  list-style: none;
  margin-bottom: 2em;
}
#interview div.entry ul li {
  padding: 0.2em 0;
  font-size: 0.9rem;
}
#interview div.entry a {
  text-decoration: underline;
}
#interview div.entry a:hover,
#interview div.entry a:focus,
#interview div.entry a:visited {
  text-decoration: none;
}

#interview aside#secondary {
  background-color: #ebf0f5;
  margin: 4px 4px 4px 0;
  padding: 26px 15px 15px;
  width: 226px;
  float: right;
  padding-bottom: 10000px;
  margin-bottom: -10000px;
}

#interview aside#secondary h3,
#interview div#archive h3 {
	font-family:Arial;
	font-weight:800;
	font-size:1.2rem;
	letter-spacing:2px;
	color:#004dac;
}

#interview aside#secondary ul {
	margin-top: 10px;
	list-style: none;
}
#interview aside#secondary ul li p {
	font-size: 0.9rem;
}

#interview aside#secondary ul.profile li {
  text-align: center;
  background-position: left bottom;
  background-repeat: repeat-x;
  background-image: url(../images/interview/dot-pc.png);
  padding-bottom: 26px;
  margin-bottom: 30px;
}
#interview aside#secondary ul.profile li:last-child {
  margin-bottom: 0;
}
#interview aside#secondary ul.profile li img {
  display: block;
  width: 131px;
  height: auto;
  margin: 0 auto 10px;
}
#interview aside#secondary ul.profile li p.status {
  font-size: 0.7rem;
  line-height: 1.6;
  margin-bottom: 6px;
}
#interview aside#secondary ul.profile li p.name {
  display: inline-block;
  font-size: 1.0rem;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 10px;
  background: linear-gradient(transparent 20%, #cccccc 20%);
}
#interview aside#secondary ul.profile li p.name.type01 {
  background: linear-gradient(transparent 20%, #ffa229 20%);
}
#interview aside#secondary ul.profile li p.name.type02 {
  background: linear-gradient(transparent 20%, #b0cb19 20%);
}
#interview aside#secondary ul.profile li p.name.type03 {
  background: linear-gradient(transparent 20%, #83bc91 20%);
}
#interview aside#secondary ul.profile li p.name.type04 {
  background: linear-gradient(transparent 20%, #64a7c9 20%);
}
#interview aside#secondary ul.profile li p.name.type05 {
  background: linear-gradient(transparent 20%, #ae83bc 20%);
}
#interview aside#secondary ul.profile li p.description {
  text-align: left;
}

#interview div#archive {
  margin: 40px auto 0;
	width: 940px;
}

#interview div#archive ul {
  list-style: none;
  padding: 0;
  margin-left: -7.5px;
  margin-right: -7.5px;
  margin-top: 20px;
}
#interview div#archive ul li {
  position: relative;
  display: inline-block;
  margin: 0;
  padding-left: 7.5px;
  padding-right: 7.5px;
  width: 176px;
  line-height: 0;
}
#interview div#archive ul li img {
  width: 100%;
  height: auto;
}
#interview div#archive ul li p.title {
  position: absolute;
  left: 0;
  top: 0;
  padding: 5px 14px;
  color: #999999;
  font-size: 0.8rem;
  line-height: 1.6;
}

#interview div#archive a {
  position: relative;
  display: block;
  width: 176px;
  height: 176px;
}
#interview div#archive a:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
	background: url(../images/btnList.png) no-repeat right bottom;
}

@media screen and (max-width: 640px) {
  #interview br.xs {
    display: block;
  }
  #interview br.sm {
    display: none;
  }

  #interview article.singlePost {
    position: relative;
    margin: 10px auto 0;
  	width: 100%;
  	background-size: 100% auto;
  	padding: 320px 0 4px;
  	padding: 50vw 0 4px;
  }

  #interview div.headerTimestamp {
    position: relative;
    left: 0;
    top: 0;
    width: auto;
    margin: 0 30px;
  }
  #interview div.headerTimestamp time {
    font-size: 1.0rem;
  }

  #interview div.headerSNS {
    position: relative;
    left: 0;
    top: 0;
    margin: 43px 30px 0;
    padding-bottom: 20px;
  }
  #interview div.headerInformation div.sns {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 30px;
    top: 0;
  }

  #interview,
  #interview div.contentsBox {
    width: 100%;
  }
  #interview div#primary {
    width: auto;
    float: none;
    padding-bottom: 20px;
  }

  #interview div#primary div.wp-pagenavi {
    margin-top: 30px;
  }

  #interview div.entry img.snapshot,
  #interview div.entry img.capture,
  #interview div.entry div.snapshot,
  #interview div.entry div.video {
    width: 100%;
    height: auto;
  }
  #interview div.entry p.caption {
    font-size: 0.9rem;
  }
  #interview div.entry abbr {
    vertical-align: text-bottom;
  }

  #interview aside#secondary {
    width: auto;
    float: none;
    margin: 30px;
    padding: 30px;
  }

  #interview aside#secondary ul.profile li {
    background-size: 24px auto;
    background-image: url(../images/interview/dot.png);
    padding-bottom: 44px;
  }

  #interview aside#secondary ul.profile li img {
    width: 262px;
    height: auto;
    margin-bottom: 35px;
  }
  #interview aside#secondary ul.profile li p.status {
    font-size: 0.9rem;
    margin-bottom: 15px;
  }
  #interview aside#secondary ul.profile li p.name {
    font-size: 1.2rem;
    margin-bottom: 30px;
  }

  #interview div#archive {
    width: auto;
    padding: 0 30px;
  }

  #interview div#archive ul {
    margin-left: -15px;
    margin-right: -15px;
  }
  #interview div#archive ul li {
    display: inline-block;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
    width: 50%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  #interview div#archive ul li p.title {
    padding: 5px 26px;
    font-size: 0.9rem;
    line-height: 1.4;
  }
  #interview div#archive a {
    width: 100%;
    height: 100%;
  }
  #interview div#archive a:before {
    background-size: 20% auto;
  }
}

/*
--------------------------------------------news
*/



#news header.articleHeader {
	background: url(../images/bgHeaderNews.jpg) fixed center 95px no-repeat #001436;
}






/*
--------------------------------------------CHARACTER
*/

img.mobile{
	display: none;
}

article#characterArticle{
	background: #a9a49c;
	width:100%;
	min-width: 1000px;
	overflow: hidden;
}

header.articleHeader#character{
	background: url(../images/bgHeaderCharacter.jpg) no-repeat center 95px fixed #001436;
}


section#relation{
	background: url(../images/mapBg.png) no-repeat left top;
	position: relative;
	height:797px;
	width: 1000px;
	margin: 0 auto;
}

section#relation div.relationIcon{
	position: absolute;
}

section#relation div.relationIcon#mapKohaku{
	top:567px;
	left: 312px;
}

section#relation div.relationIcon#mapCindy{
	top:567px;
	left: 888px;
}
section#relation div.relationIcon#mapHolger{
	top:567px;
	left: 695px;
}
section#relation div.relationIcon#mapJack{
	top:396px;
	left: 508px;
}
section#relation div.relationIcon#mapMariabell{
	top:396px;
	left: 796px;
}
section#relation div.relationIcon#mapMarie{
	top: 262px;
	left: 408px;
}
section#relation div.relationIcon#mapRijityo{
	top: 91px;
	left: 214px;
}
section#relation div.relationIcon#mapMisaki{
	top: 262px;
	left: 227px;
}
section#relation div.relationIcon#mapTakeru{
	top:396px;
	left: 108px;
}
section#relation div.relationIcon#mapToko{
	top: 262px;
	left: 596px;
}
section#relation div.relationIcon#mapYuji{
	top:567px;
	left: 492px;
}
section#relation div.relationIcon#mapYukari{
	top: 262px;
	left: 22px;
}

section#relation div.relationIcon#mapYuko{
	top:396px;
	left: 314px;
}



article#characterArticle div#characterContents{
	width: 100%;
	background: #000000;
	position: relative;
}

section.characterBox {
	position: relative;
	background:#000000;
	margin: 0 auto;
	width: 100%;
	min-width: 1000px;
	max-width: 1920px;
}


article#characterArticle div.eachCharacter{
	background:#000000;
	width: 100%;
}

article#characterArticle section.characterBox h2{
	position: relative;
	width: 100%;
	text-align: center;
	z-index: 13;
	margin: 0 0 0 -460px;
	z-index: 20;
}


section.characterBox div.characterMoveBox{
	position: relative;
	margin: 0 auto;
	padding: 0;
	line-height: 0;
	text-align: center;
	z-index: 1;
	width: 1000px;
	height: 800px;
}

article#characterArticle section#kohaku{
	position: relative;
	background: url(../images/KohakuBg.png) no-repeat bottom center;
	height: 800px;
}

article#characterArticle section#kohaku img#kohaku_main,article#characterArticle section#kohaku img#kohaku_shadow01,article#characterArticle section#kohaku img#kohaku_shadow02,article#characterArticle section#kohaku img#kohaku_enono,article#characterArticle section#kohaku img#kohaku_name,article#characterArticle section#kohaku img#kohaku_foot,article#characterArticle section#kohaku img#kohaku_star{
	position: absolute;

}

article#characterArticle section#kohaku img#kohaku_main{
	z-index: 10;
	top: 78px;
	left:0;
}

article#characterArticle section#kohaku img#kohaku_shadow01{
	z-index: 9;
	top: 78px;
	left:0;
}

article#characterArticle section#kohaku img#kohaku_shadow02{
	z-index: 8;
	top: 78px;
	left:0;
}

article#characterArticle section#kohaku img#kohaku_enono{
	z-index: 13;
	left: 732px;
	top:0;
}

article#characterArticle section#kohaku img#kohaku_name{
		z-index: 11;
		left:-370px;
		top: 0px;
}

article#characterArticle section#kohaku img#kohaku_foot{
		z-index: 13;
		bottom: 0px;
		right:-460px;
}

article#characterArticle section#kohaku img#kohaku_star{
		z-index: 12;
		top:97px;
		left:-427px;
		opacity: 0;
}

article#characterArticle section#kohaku div.charaData{
	background: url(../images/KohakuData.png) no-repeat top right;
	height:193px;
	width: 529px;
	z-index: 24;
	position: absolute;
	right: 30px;
	top: 78px;
}

article#characterArticle section.characterBox h2 img{
	z-index: 24;
}

section.characterBox span.spec{
	display:block;
	position:absolute;
	top:79px;
	right:24px;
}


section.characterBox span.btnVoice{
	display:block;
	position:absolute;
	top:123px;
	width:40px;
	cursor: pointer;
}

	section.characterBox span.btnVoice#kohakuVoice01{
		right:298px;
	}
	section.characterBox span.btnVoice#kohakuVoice02{
		right:152px;
	}
	section.characterBox span.btnVoice#kohakuVoice03{
		right:7px;
	}


/*yuko
*/

article#characterArticle section#yuko{
	position: relative;
	background: url(../images/YukoBg.png) no-repeat bottom center;
	height: 800px;
}

article#characterArticle section#yuko img#yuko_main,article#characterArticle section#yuko img#yuko_shadow01,article#characterArticle section#yuko img#yuko_shadow02,article#characterArticle section#yuko img#yuko_enono,article#characterArticle section#yuko img#yuko_name,article#characterArticle section#yuko img#yuko_foot,article#characterArticle section#yuko img#yuko_star{
	position: absolute;
}

article#characterArticle section#yuko img#yuko_main{
	z-index: 10;
	top: 0;
	right:0;
}

article#characterArticle section#yuko img#yuko_shadow01{
	z-index: 9;
	top: 0;
	right:0;
}

article#characterArticle section#yuko img#yuko_shadow02{
	z-index: 8;
	top: 0px;
	right:0;
}

article#characterArticle section#yuko img#yuko_enono{
	z-index: 12;
	right: 766px;
}

article#characterArticle section#yuko img#yuko_name{
		z-index: 11;
		right:7px;
		top: 0px;
}

article#characterArticle section#yuko img#yuko_foot{
		z-index: 12;
		bottom: 0px;
		right:6px;
}

article#characterArticle section#yuko img#yuko_star{
		z-index: 11;
		top: 97px;
		right:-427px;
}

article#characterArticle section#yuko div.charaData{
	background: url(../images/YukoData.png) no-repeat top left;
	height:193px;
	width: 529px;
	z-index: 24;
	position: absolute;
	left: 30px;
	top: 78px;
}

	section.characterBox span.btnVoice#yukoVoice01{
		left:190px;
	}
	section.characterBox span.btnVoice#yukoVoice02{
		left:335px;
	}
	section.characterBox span.btnVoice#yukoVoice03{
		left:480px;
	}




/*misaki
*/


article#characterArticle section#misaki{
	position: relative;
	background: url(../images/MisakiBg.png) no-repeat bottom center;
	height: 800px;
}

article#characterArticle section#misaki img#misaki_main,article#characterArticle section#misaki img#misaki_shadow01,article#characterArticle section#misaki img#misaki_shadow02,article#characterArticle section#misaki img#misaki_enono,article#characterArticle section#misaki img#misaki_name,article#characterArticle section#misaki img#misaki_foot,article#characterArticle section#misaki img#misaki_star{
	position: absolute;
}

article#characterArticle section#misaki img#misaki_main{
	z-index: 10;
	top: 0px;
	left:0;
}
article#characterArticle section#misaki img#misaki_shadow01{
	z-index: 9;
	top: 0px;
	left:0;
}

article#characterArticle section#misaki img#misaki_shadow02{
	z-index: 8;
	top: 0px;
	left:0;
}

article#characterArticle section#misaki img#misaki_enono{
	z-index: 14;
	left: 733px;
	top:0;
}

article#characterArticle section#misaki img#misaki_name{
		z-index: 11;
		left:-370px;
		top: 0px;
}

article#characterArticle section#misaki img#misaki_foot{
		z-index: 14;
		bottom: 0px;
		right:-460px;
}

article#characterArticle section#misaki img#misaki_star{
		z-index: 12;
		top:97px;
		left:-427px;
}


article#characterArticle section#misaki div.charaData{
	background: url(../images/MisakiData.png) no-repeat top right;
	height:193px;
	width: 529px;
	z-index: 24;
	position: absolute;
	right: 30px;
	top: 78px;
}


	section.characterBox span.btnVoice#misakiVoice01{
		right:298px;
	}
	section.characterBox span.btnVoice#misakiVoice02{
		right:152px;
	}
	section.characterBox span.btnVoice#misakiVoice03{
		right:7px;
	}


/*
--------------------------------------------guideline
*/

.downloadUnityChan{
	width: 100%;
	min-width: 1000px;
	overflow: hidden;
}

.downloadBox{
	position: relative;
	width: 1000px;
	margin: 0px auto 100px;
	background: url(../images/bgDownload.png) no-repeat left top;
	min-height: 1000px;
	padding: 27px 0 0;
}

.assetBox{
	min-height: 800px;
}

.downloadBox a{
	color: #0048ae;

}

.downloadBox a:hover{
	color: #7099e5;
	text-decoration: none;
}


div.toggleLanguageBtn{
	position: absolute;
	right: 0;
	top:-26px;
}
p.engJp{
	font-size: 0.9rem;
	color: #ffffff;
	z-index: 10;
	width: 61px;
	height:26px;

	border:2px solid #004dac;
	background:#ffffff;
	float: left;
	text-align: center;
}

p.engJp.on{
	background:#004dac;
}
p.engJp a{
	text-decoration: none;
	color: #004dac;
	display: block;
	width: 100%;
	height: 25px;
	padding: 1px 0 0;
}

p.engJp a:hover{
	color: #ffffff;
	background:#004dac;
}



ul.pankuzu{
	width: 1000px;
	margin: 115px auto 0;
	height: 30px;
}
ul.pankuzu li {
	margin:0;
	padding:0 ;
	float:left;
	display: inline-block;
	font-size: 0.8rem;
	max-width: 700px;
	word-wrap: break-word;
}

	ul.pankuzu li a:hover{
		text-decoration:none;
	}
	ul.pankuzu li:after{
		content:">";
		width:18px;
		text-align:center;
		display:inline-block;
		color:#1e1e1e;;
	}
	ul.pankuzu li:last-child:after{
		content: none;
	}



div.downloadUnityChan ul.pankuzu{
	margin: 23px auto 0;
}

/*.downloadBox h2{
	margin: 0 0 0 40px;
	padding: 100px 0 0 0;
	height: 50px;
}


.downloadBox h2.japanH2{
	height: 70px;
	padding: 116px 0 0 0;
}

h2.enH2{
	padding: 144px 0 0 0;
}
*/
.downloadBox h1{
	background:url(../images/imageH3bg.png) no-repeat;
	height: 44px;
	font-size: 1.2rem;
	color: #ffffff;
	line-height: 2.5;
	margin: 23px 0 0;
	padding: 0 0 0 20px;
}

#newGirls{
	position: absolute;
	top: -3px;
	right: -289px;
}

#newGirls02{
	position: absolute;
	right: 0px;
}
.downloadText{
	background: #ffffff no-repeat right top;
	min-height: 1000px;
	padding: 50px;
}



.downloadAsset{
	min-height: 800px;
}

div.forDotLine{
	position: relative;
	background: url(../images/imageDotLine.png) no-repeat left bottom;
	margin: 0 0 30px;
	padding: 0 0 30px 0;

}


.centerText{
	text-align: center;
}

.centerText p{
	margin: 0 0 30px 0;
}

.centerText p>textarea{
	/*width: 865px;*/
    width: 100%;
	/*margin: 0 0 0 -50px;*/
	padding: 5px;
	font-size: 12px;
	font-family: inherit;
	line-height: 1.7;
}


.centerText img{
	margin: 50px 0 10px 0;
}

.lisenceArea{
	margin: -40px 0 0 0;
}

.lisenceArea a{
	margin: 0 5px 0 5px;
}

div.buttonCenter{
	margin: 90px 0 60px 0;
	text-align: center;
}

.buttonCenter p{
	margin: 0 0 30px 0;
}


.buttonCenter label{
cursor: pointer;
}

#submit{
	display:none;
}

p.girlSpace{
	width: 520px;
}



.downloadText h2{
	margin: 50px 0 15px 0;
	font-size: 0.8rem;
}

.downloadText h3{
	margin:25px 0 10px 0;
}


.downloadText h3:before{
	font-size: 1rem;
	content: '●';
	margin: 0 0 0;
}

.downloadText ul{
	list-style:disc;
	margin: 30px 0 30px 20px;
}

ol li{
	font-size: 0.8rem;
}

.outParentheses li{
	padding: 5px 0 5px 0;
}


div.licenseTexLink{
	margin: 30px 0 0 0;
}

div.licenseTexLink a{
	margin: 0 5px 0 5px;
}

p.pH6{
	font-size: 15px;
	margin: 40px 0 0 0;
}

.iconSquare{
	background: url(../images/iconSquare.png) no-repeat left center;
	padding-left:1.5em;
	font-size:18px;
	font-weight: bold;
	margin-top:40px;
}
.girlImage{
	margin-top:50px;
}

.girlRead{
	font-size:14px;
	margin-top:30px;
	width: 730px;
}
.girlRead02{
	font-size:14px;
	margin-top:30px;
}
.addressBox.girlRead{
	width: 100%;
	margin-top:30px !important;
	text-align:center;
}
.girlSpace02{
	width: 430px;
}
.girlImageTitle{
	width: 860px;
	height: 40px;
	margin-top:100px !important;
	padding-left:40px;
	line-height: 40px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background: #2b9ccc;
	position: relative;
}
.girlImageTitle:before{
	content: '';
	position: absolute;
	left:-20px;
	top:0px;
	border: 20px solid #fff;
	border-right: 20px solid #2b9ccc;
}
.girlImageTitle:after{
	content: '';
	position: absolute;
	right:-20px;
	top:0px;
	border: 20px solid #fff;
	border-left: 20px solid #2b9ccc;
}

.girlImageTitle img{
	position: absolute;
	top:-80px;
	right: 50px;
}

.possibleGirl{
	margin-top:25px;
}

.possibleGirl img{
	display: block;
	float: left;
}

.possibleGirl .balloon{
	display: block;
	float: right;
	width: 600px;
	padding:40px 50px;
}
.possibleGirl .balloon ul{
	margin:0px;
}
.possibleGirl .balloon ul li{
	list-style: none;
	margin-bottom:10px;
}

.possibleGirl .okBalloon{
	height: 130px;
	background: url(../images/imageSayOk02.png) no-repeat left top;
}
.possibleGirl .noBalloon{
	height: 170px;
	background: url(../images/imageSayNo02.png) no-repeat left top;
}
.possibleGirl .noBalloon.en{
	padding-top: 15px;
	height: 190px;
}

.licenseNotation{
	background: url(../images/bgFrame.png) no-repeat;
	width: 859px;
	height: 380px;
	margin: 0 auto;
	position: relative;
	margin-top: 25px;
	margin-bottom: 25px;
	text-align: center;
}

.licenseNotation .licenseNotationLeft{
	position: absolute;
	width: 280px;
	top:10px;
	left:45px;
}

.licenseNotation .licenseNotationLeft p{
	margin-top: 25px;
}

.licenseNotation .licenseNotationRight{
	position: absolute;
	width: 310px;
	top:-30px;
	right:45px;
}

.licenseNotation .licenseNotationRight p{
	margin-top: 70px;
}

.licenseNotation .licenseNotationCenter{
	position: absolute;
	width: 80px;
	top: 170px;
	left: 380px;
	text-align:center;
}
.licenseNotation .licenseNotationCenter{
	top: 180px;
}

.licenseNotation .licenseNotationRight .wavyLine{
	background: url(../images/bgWavyLine.png) no-repeat center top;
	color: #a1a1a1;
	padding: 13px 0;
	height: 60px;
	margin-top:30px;
}
.licenseNotation .licenseNotationRight .wavyLine.en{
	margin-top: 65px;
    height: 30px;
    padding-bottom: 28px;
    padding-top: 28px;
}


.licenseNotation .licenseNotationRight .copy{
	font-size: 19px;
	color: #000;
}

.txtRight{
	margin-top:15px;
	text-align: right;
}


.txtBlue{
	color: #069ebf;
}

.txtRed{
	color: #e2312c;
}

.girlUpdated{
	text-align:right;
	position: absolute;
	top:210px;
	right: 60px;
}
.girlUpdated.en{
	top:650px;
}









/*
-------------------------------------------- license */

.rightDate{
	text-align: right;
	padding: 30px 0 0 0;
	margin-bottom: 20px;
/*	height: 50px;*/
}

.downloadText h6{
	font-weight: normal;
	margin-bottom: 10px;
}

.downloadText ol{
	margin: 0 0 0 25px;
}

.outParentheses li{
	padding: 5px 0;
}

ol.parentheses{
	list-style: none outside;
	margin: 0 0 20px -8px;
}

ol.parentheses li{
	padding:15px 0 10px 2em;
	text-indent: -23px;
}

ol.parentheses li>span{
	display:inline-block;
	width: 25px;
}

ol.parentheses li span.textH6{
	width: auto;
}

.countNum ol.parentheses{
	margin: 0 0 0 -20px;
}

div.licenseBox{
	width: 850px;
	border:#e0e0e0 5px solid;
	margin: 20px 0;
	padding: 10px 20px;
}

div.licenseBox img{
	margin: 10px 0;
}

div.licenseBox p{
	margin: 0 0 10px 0;
}

div.licenseBoxSum{
	width: 850px;
	border:#e0e0e0 5px solid;
	margin: 20px 0 30px 0;
	padding: 10px 20px 10px 20px;
}

ol.countNum{
	list-style: none;
	margin: 0 0 0 -2px;
}

ol.countNum li{
	padding:15px 0 10px 2em;
	text-indent:-23px;
}

ol.countNum li span{
	font-size: 0.9rem;
}

/* sum ------------------------------- */



p.sumSub{
	margin: 0 0 20px 0;
	font-size: 18px;
	color: #1a3168;
}

p.sumSub img{
	vertical-align: middle;
	padding: 0 10px 0 0;
}

.okGirl{
	margin: 35px 0 0 0;
}


div.okComment{
	position: absolute;
	top:85px;
	right: -30px;
	background: url(../images/imageSayOk.png) no-repeat;
	height: 251px;
	width: 541px;
	padding: 90px 0 0 85px;
}

div.okEn{
	padding: 60px 0 30px 85px;
}

div.okComment p{
	font-size: 20px;
	color: #323a45;
	font-weight: bold;

}
div.okComment ul{
	width: 450px;
}

div.okComment ul li{
	font-size: 13px;
	margin: 10px 0;
}

.noGirl{
	text-align: right;
	margin: 35px 0 50px 0;
}

div.noComment{
	position: absolute;
	top:85px;
	left: -30px;
	background: url(../images/imageSayNo.png) no-repeat;
	height: 391px;
	width: 626px;
	vertical-align: middle;
	padding: 0 0 0 55px;
}

div.noComment p{
	color: #323a45;
	font-weight: bold;
	height: 291px;
}

div.noComment ul{
	width: 450px;

}


div.noCommentEn{
	position: absolute;
	top:85px;
	left: -40px;
	background: url(../images/imageSayNo.png) no-repeat;
	height: 391px;
	width: 626px;
	vertical-align: middle;
	padding: 0 0 0 45px;
}

div.noCommentEn ul{
	width: 480px;
}

div.noComment ul li{
	font-size: 13px;
}

.addressBox{
	margin: 10px 0 0 0 ;
}

/*
--------------------------------------------footer
*/
footer{
	position: absolute;
	background: #2f4052 center bottom;
	background-size:100%;
	width: 100%;
	height: 112px;
	min-width: 1000px;
}

footer a{
	color: #ffffff;
}

div#goTop{
	position: fixed;
	right:30px;
	bottom:70px;
	height: 61px;
	width: 61px;
	background: url(../images/imgGoTop.png) no-repeat center center #1750b7;
	z-index: 100;
	text-indent: -9999px;
	display: none;
}

div#goTop:hover{
	background: url(../images/imgGoTop.png) no-repeat center center #4573c5;
}

div#goTop a{
	display: block;
	width: 100%;
	height: 61px;
	text-indent: -9999px;
}

footer div.siteInfo{
	position: relative;
	width: 600px;
	margin: 0 auto;
}

footer div.siteInfo div.unityLogo{
	position: absolute;
	top: 32px;
	left: 0;
}

footer div.siteInfo div.sns{
	position: absolute;
	top: 45px;
	left: 185px;
	font-size: 9px;
}
footer div.siteInfo div.sns p{
	height: 7px;
}

footer p.copyright{
	color: #fff;
	font-size: 8px;
}

/*sns*/


div.sns ul li{
	list-style: none;
	float: left;
	margin-right: 10px;
}


a#btnMobileContact{
	display: none;
}

/*SinglePageSNS
*/

div.headerInformation div.sns{
	height: 50px;
	margin: 0 0 30px;
	padding: 13px 0 0;
}


/*
--------------------------------------------/contact
*/

article#contact{
	width: 685px;
	margin: 130px auto;
	background: #ffffff;
	height: 713px;
	padding: 70px;
}


article#contact div.headerInformation{
	padding: 0 0 30px !important;
	margin: 0 0 30px;
}


article#contact h1{
	margin: 0 0 10px;
}


article#contact div.headerInformation p{
	margin: 0;
}

article#contact p{
	margin: 0 0 30px;
	font-size: 0.9rem;
}


span.wpcf7-form-control-wrap input{
	border:1px solid #999fa9;
	width: 375px;
	height: 30px;
	margin: 5px 0 0;
	font-size: 0.9rem;
	padding: 0 0 0 5px;
}

span.wpcf7-form-control-wrap textarea{
	width:670px;
	height:250px;
	border:1px solid #999fa9;
	padding: 5px 5px;
	font-size: 0.9rem
}

p.submitbtn{
	background: url(../images/btnSubmitHOVER.png) no-repeat center top;
	text-align: center;
}

input.submit:hover {
	opacity:0;
}

div.wpcf7-validation-errors{
	border:none !important;
	color:#f00;
}

div.wpcf7-response-output{
	margin: -1em 0 0 !important;
}
div.wpcf7-mail-sent-ok{
	border:none !important;
	text-align: center;
	font-size: 1.2rem;
}


/*
--------------------------------------------/Resp
*/

@media screen and (max-width: 1350px) {
	div#logoText{
		display: none;
	}



}




	/* 640px以下用（タブレット／スマートフォン用）の記述 */
@media screen and (max-width: 640px) {

body{
	-webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
}



/*
--------------------------------------------/Common
*/
div#menuBox{
	min-width: 100%;
	padding: 0 0 25px;
	overflow-y:hidden;
	background:none #004dac left top;
	height:118px;

}

div#menuBox.visible{
	background: none;
	overflow-y: visible;
	min-height: 100%;
	height: auto;
	height: 100% !important;
}



nav{
	min-width: 100%;
	min-height: 100%;
	border-top:9px solid #004dac;
}

div#menuBox.visible nav{
	overflow: auto;
}

nav div#logo{
	position: absolute;
	border:none;
	left:12px;
	top:6px;
}


nav ul#menu{
	position: relative;
	list-style-type: none;
	height: auto;
	width: 100%;
	top:95px;
	padding:40px 0;
	overflow: hidden;
	margin: 15px 0 0 0;
}

nav ul#menu.openChange{
	background: url(../images/bgMenu01.png) no-repeat right bottom #ffffff;
}

nav ul#menu li{
	float: none;
	width: auto;
	text-indent: 0;
	background: none !important;
	height: auto;
}



nav ul#menu li:first-child{
	width: auto;
}

nav ul#menu li.hasChild{
	height: auto;
}

nav ul#menu li a{
	display: block;
	width: 100%;
	margin: 0;
	color: #1e1e1e;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	height: 78px;
	padding: 20px 0 0;
	border: none;
}

nav ul#menu li a:hover{
	color: #004dac;
}


nav ul#menu li#btnDownload{
	width: 100%;
	text-indent: 0;
	margin: 0 0 40px;
}
nav ul#menu li#btnDownload a{
	background: none;
	color:#000000;
	border-radius: 0;
	width: 100%;
	height: 78px;
	padding: 20px 0 0;
}

nav ul#menu li#btnDownload a:hover{
	background: none;
	color: #004dac;
}

nav ul#menu li.hasChild span.parent{
	font-size: 1.4rem;
	height: 78px;
	padding: 20px 0 0;
	margin: 0 30px 0;
	border: none;
	background: url(../images/bgMenuMobileParent.png) no-repeat right 23px;
}

nav ul#menu li.hasChild span.parent:hover{
	color: #004dac;
}

nav div.btnMenuOpen{
	display: block;
}


nav div#logo{
	left: 50%;
	margin: 0 0 0 -124px;
	top:16px;
}
nav div#logo div#logoUnity{
	width: 248px;
}

nav ul#menu li.hasChild ul.children{
	list-style: none;
	margin: 0 0 30px 0;
	padding: 0;
	overflow: hidden;
	display:none;
	height:auto;
	width:100%;
	position:relative;
	left:0;
}

nav ul#menu li ul.children li{
	width: 100%;
	margin: 0;
	height:100px;
}

nav ul#menu li ul.children li span{
	text-align: center;
	font-size: 1.4rem;
	height: 60px;
	padding: 40px 0px 0px;
	font-weight: normal;
	color:#ffffff;
	cursor: pointer;
	background: #1750b7;
}

nav ul#menu li ul.children li:nth-child(odd){
	background: #3365c0 !important;
}

nav ul#menu li ul.children li:nth-child(even){
	background: #1750b7 !important;
}

nav ul#menu li ul li a{
	text-align: center;
	font-size: 1.4rem;
	font-weight: normal;
	color:#ffffff;
	width:100%;
	display:block;
	height:60px;
	padding:40px 0 0 0;
}

nav ul#menu li ul li a:hover{
	color:#ffffff;
}

section#informationBox{
	display: none;
}

body#topUnity article{
	width:640px !important;
	min-width:640px !important;
	margin-bottom:0;
}


div.rap{
	width:640px !important;
	min-width:640px !important;
	margin:0 !important;
	padding:0 !important;
}

div.topContentsBox {
	width:610px !important;
	min-width:610px !important;
	margin:0 0 0 30px !important;
	padding:0 !important;
}


#footerContents{
	width:640px !important;
	min-width:640px;
	position:static !important;
	bottom:0 !important;
	left:0 !important;
	z-index:1000 !important;
}

section#top,section#pickup{
	min-width: 100%;
}


header.articleHeader{
	min-width: 640px;
	background-position: center 123px !important;
	margin: 75px 0 0;
}



#topicPath{
	width: 640px;
}

#topicPath ul{
	width: 580px;
	margin: 30px auto;
}

aside#secondaryMenu{
	margin: 0 0 100px 10px;
	padding: 0 20px;
	width: 590px;
	float: none;
}

aside#secondaryMenu ul li{
	margin: 0 0 10px;
}

div.contentsBox{
	width: 640px;
}


footer {
	min-width: 640px;
	height: 194px;
}

footer div.siteInfo{
	text-align: center;
}
footer div.siteInfo div.unityLogo{
	position: static;
	margin: 25px 0 0;
}

footer div.siteInfo div.sns{
	position: static;
}

footer div.siteInfo div.sns ul{
	width: 450px;
	margin: 20px auto 0;
}


footer div.siteInfo div.sns p{
	width: 300px;
	margin:0 auto;
}

/*
--------------------------------------------/index.html
*/
section#top{
	background: url(../images/main.jpg) no-repeat scroll left 48px;
}


section#pickup ul{
	width: 600px;
	margin: 20px auto 0;

}
section#pickup ul li{
	display: block;
	min-width: 100%;
	max-width: 100%;
	width: 600px;
	height: 348px;
	margin: 0 auto 20px;
	background-size: 100% !important;
}

section#pickup ul li:last-child {
	margin: 0 auto 30px;
}

div#feed ul#rssArticle li div.rssBox h3{
	margin: 10px 0;
}

/*
--------------------------------------------/Category
*/


div.pageBox.category{
	margin: 0 auto;
}


article#primary{
	margin: 0 auto 50px;
	width:640px;
	float: none;
}

div.articleListBox{
	width:640px;
	margin: 20px auto;
}

article#primary div.articleListBox:first-child{
	margin:20px auto;
	}

div.articleListBox div.articleBox{
	width:608px;
}
div.articleListBox div.articleBox div.entry{
	width: 250px;
}
div.articleListBox div.articleBox p.bodyText{
	display: none;
}

div.posts {
  margin-bottom: 50px;
}
article.summaryPost{
	width: 100%;
	margin: 20px auto;
}
article.summaryPost div.articleBox {
  width: auto;
  height: auto;
  padding: 12px;
}
article.summaryPost section.chapter {
  margin-left: 0;
  width: auto;
  padding: 10px 22px 0;
}
article.summaryPost section.chapter time {
  position: relative;
  left: 0;
}
article.summaryPost div.postThumbnail {
  float: none;
  width: 100%;
  height: auto;
  overflow: auto;
}


/*
--------------------------------------------/Post
*/

article#primary.singlePost{
	margin: 30px auto 50px;
	width: 580px;
}

div.pageBox.post{
	margin: 170px auto 0;
	width: 640px;
}


/*
--------------------------------------------/bg
*/

#news header.articleHeader{
background: url(../images/bgHeaderNews640.jpg) no-repeat center 95px fixed #001436;
}

#staff-note header.articleHeader{
background: url(../images/bgHeaderStaffnote640.jpg) no-repeat center 95px fixed #001436;
}


#cogen-city-journal header.articleHeader{
background: url(../images/bgHeaderCogencityJournal640.jpg) no-repeat center 95px fixed #001436;
}

#about header.articleHeader{
background: url(../images/bgHeaderAbout640.jpg) no-repeat center 95px fixed #001436;
}

#interview header.articleHeader.vocaloid{
background: url(../images/bgHeaderVocaloidInterview640.jpg) no-repeat center 95px fixed #001436;
}


header#downloadHeader{
	min-width: 1000px;
}


section#whatAboutUnity{
	min-width: 640px;
}

section#whatAboutUnity div#unityLogo{
	background-size: 100%;
	width: 600px;
	margin: 0 auto;
}

section#whatAboutUnity div.explainUnityChan{
	margin: 40px auto 0;
}

section#whatAboutUnity div#unityChan{
	position: static;
	text-align: center;
	margin: -30px 0 30px 30px;
}

div.explainUnityChan br{
	display: none;
}

section#worksLatest div.worksBox{
	width: 100%;
	min-width: 640px;
}

section#worksLatest div.worksBox h2{
	margin: 0 30px;
}

section#worksLatest div.worksBox div#worksArchive{
	margin: -42px 30px 16px 0;
}

section#worksLatest ul#worksTag{
	width: 590px;
	margin: 0 30px 28px;
}

section#worksLatest ul#worksTag li{
	max-width: 100%;
	transition: max-height 200ms ease 0s;
	max-width: auto;
	width:143px;
	max-width: auto;
	min-width: 100px;
	font-size: 0.9rem;
}

section#worksLatest ul#worksTag li.active:after{
	left: 56px;
}

section#worksLatest div.workArticleList{
	width: 580px;
}

section#worksLatest div.workArticleList div.postThumbnail {
	max-width: 600px;
}


section#worksLatest div.workArticleList div.postThumbnail img{

	max-width: 600px;
}



#works h1{
	width: 580px;
	margin: 180px auto 0;
}





/*
--------------------------------------------/comic
*/

article#about header.articleHeader{
background: url(../images/bgHeaderWebcomic640.jpg) no-repeat center 95px fixed #001436;
}

#comic h2 img{
	width: 100%;
}






/*
--------------------------------------------/character
*/



header.articleHeader#character{
	min-width: 1000px;
}

article#characterArticle{
	width: 1000px;
}

footer{
	width: 100%;
}


/*
--------------------------------------------/download
*/



article#about header.articleHeader{
background: url(../images/bgHeaderDownload640.jpg) no-repeat center 95px fixed #001436;
}



/*
--------------------------------------------guideline
*/

.downloadUnityChan{
	min-width: 640px;
	margin:0;
}

div.downloadUnityChan ul.pankuzu{
	margin: 75px 30px 0 10px;
	width: 475px;
}

ul.pankuzu li{
	font-size: 0.7rem;
}

.downloadBox{
	min-width: 600px;
	width: 640px;
	background: none;
}

.downloadText{
	padding: 50px 30px;
}

.downloadText p{
	font-size: 0.7rem;
}

p#newGirls{
	display: none;
}

div.toggleLanguageBtn{
	right: 20px;
	top:-38px;
}

.downloadBox h2{
	padding: 5px 0 0 20px;
	font-size: 1rem;
}

div.licenseBox{
	width: 525px;
}



article#contact{
	width: 590px;
	padding: 30px;
}

span.wpcf7-form-control-wrap textarea{
	width: 578px;
}

p.okGirl,p.noGirl{
	text-align: center;
}

div.okComment, div.noComment,div.noCommentEn{
	position: static;
	background: none;
	padding: 0;
	height: auto;

}

div.noComment ul,div.okComment ul{
	width: 570px;
	margin: 0 20px;
}

.downloadBox h1{
	background:url(../images/girlTitle_bg01.png) repeat scroll center center;
	width: 95%;
	height: auto;
	margin:0 auto;
	margin-top: 25px;
	padding:5px 20px !important;
	font-size: 26px !important;
	line-height: 1.3em;
	position: relative;

	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;

	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}


.downloadBox h1:after {
    border-color: transparent transparent transparent #fff;
    border-image: none;
    border-style: solid;
    border-width: 10px;
    content: "";
    position: absolute;
    left:0px;
    bottom: -10px;
}

.downloadBox h1:before {
    border-color: transparent transparent transparent #fff;
    border-image: none;
    border-style: solid;
    border-width: 10px;
    content: "";
    position: absolute;
    right:0px;
    top: -10px;
    transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
}



#newGirls02{
	display: none;
}

.girlImageTitle{
	padding: 10px 30px !important;
	line-height: 1.5em;
	font-size: 26px;
	width: auto;
	height: auto;
	position: relative;;
	background:#32a6d2;
}

.girlImageTitle:before {
    content: '';
    position: absolute;
	background:url(../images/girlTitle_bg02.png) no-repeat left center;
	background-size: 20px 101%;
	-webkit-background:url(../images/girlTitle_bg02.png) no-repeat left center;
	-webkit-background-size: 20px 101%;
	-moz-background:url(../images/girlTitle_bg02.png) no-repeat left center;
	-moz-background-size: 20px 101%;
    height: 100%;
    width: 20px;
    left:-1px;
    top:0px;
}

.girlImageTitle:after {
    content: '';
    position: absolute;
	background:url(../images/girlTitle_bg03.png) no-repeat left center;
	background-size: 20px 101%;
	-webkit-background:url(../images/girlTitle_bg03.png) no-repeat left center;
	-webkit-background-size: 20px 101%;
	-moz-background:url(../images/girlTitle_bg03.png) no-repeat left center;
	-moz-background-size: 20px 101%;
    height: 100%;
    width: 20px;
    right:-1px;
    top:0px;
}

.girlImageTitle:after{
	border: none;
}

.girlImageTitle:before{
	border: none;
}

.girlImageTitle img{
	display: none;
}

.girlSpace02{
	width: auto;
}
.girlUpdated{
	top:250px;
}

.iconSquare {
	margin-top: 130px;
	padding-left:1em;
	font-size: 28px !important;
	background-position: left 0.5em;
}
.girlRead {
    font-size: 24px !important;
    width: auto;
}
.girlImage {
    margin-top: 50px;
    width: 95%;
}
.girlUpdated{
    top:250px !important;
}

.possibleGirl img{
	float:none !important;
	margin: 0 auto;
}
.possibleGirl .balloon{
	float: none !important;
    width: auto;
    height: auto;
    padding-top:70px;
    margin-top:10px;
}
.possibleGirl .okBalloon{
    background:url(../images/imageSayOk02_sp.png) no-repeat scroll center top;
    min-height: 345px;
}

.possibleGirl .noBalloon{
    background:url(../images/imageSayNo02_sp.png) no-repeat scroll center top;
    min-height: 595px !important;
    padding-top: 70px !important;
}

.downloadText .buttonCenter p,
.downloadText .buttonCenter #submitDis{
	display: none;
}

.licenseNotation{
  background:url(../images/bgFrame_sp.png) no-repeat scroll 0 0;
    width: 560px;
    height: 868px;
    margin: 25px auto;
    position: relative;
}

.licenseNotation .licenseNotationLeft {
    left: 150px;
}

.licenseNotation .licenseNotationLeft p {
    margin-top: 15px;
}

.licenseNotation .licenseNotationRight{
    left: 125px;
	top:500px;
}

.licenseNotation .licenseNotationCenter{
	left:240px;
	top:428px;
}


.faqTitle02,
.faqAnswerBox,
.faqAnswerBox .faqAnswertxt{
	width: auto !important;
}
.faqAnswerBox .faqAnswerImage,
.faqAnswerBox .faqAnswertxt{
	float:none !important;
}
.faqAnswerBox .faqAnswerImage{
	margin:0 auto 40px;
	display: block;
}
.faqAnswerBox {
    background:url(/images/imageDotLine_sp.png) no-repeat scroll center bottom !important;
	background-size: contain !important;
	-webkit-background-size: contain !important;
	-moz-background-size: contain !important;
}

}









/*
--------------------------------------------/スマホ対応
*/

body.sp h1, body.sp h2, body.sp h3, body.sp p, body.sp ul, body.sp ol, body.sp dl, body.sp dt, body.sp dd, body.sp li, body.sp table, body.sp td, body.sp th{
	line-height:1.5;
}

body.sp div.unityLogo a#unityWebsite{
	margin: 0 17px 0 -5px;
}
body.sp div.unityLogo a#unityWebsite img{
	vertical-align: middle;
}

body.sp div.unityLogo a#btnMobileContact img{
	vertical-align: middle;
}


body.sp div.sns ul li{
	float: none;
	display:inline-block;
	vertical-align:top;
}


body.sp div.sns ul li#btnFacebook{
	width: 190px;
	margin-left: 130px;
}

body.sp div.sns ul li#btnTwitter{
	width: 120px;
	margin: 3px 0 0;
}


body.sp div.sns ul li:last-child{
	margin: 0;
}

body.sp div#feed ul#rssArticle li div.rssBox{
	height: 430px;
}

body.sp div#feed ul#rssArticle li span{
	padding:0px 10px 2px;
	height:23px;
}



body.sp div.sns ul li{
	transform:scale(2);
	-webkit-transform:scale(2);
	-moz-transform:scale(2);
}


body.sp .post div.headerInformation div.sns{
	margin: 30px 0 30px 42px;
	position: relative;
}

body.sp .post div.headerInformation div.sns ul li{
	position: absolute;
}

body.sp .post div.headerInformation div.sns ul li#twbtn{
	left: 0;
	top:2px;
}

body.sp .post div.headerInformation div.sns ul li#fbbtn{
	left: 230px;
	top:0;
}

body.sp div.sns ul li#btnContact{
	display: none;
}
body.sp a#btnMobileContact{
	display: inline-block;
}


body.sp footer div.siteInfo div.sns ul{
	width: 600px;
	margin: 30px 0 0;
}

body.sp footer div.siteInfo div.sns p{
	margin: 18px 0 0;
}


body.sp div.wp-pagenavi span.current, body.sp div.wp-pagenavi a{
    font-size: 1.1rem;
    height: 48px;
    padding: 12px 0 0;
    width: 60px;
}

body.sp a.nextpostslink{
	background-size: 20% auto !important;
}

body.sp a.previouspostslink{
	background-size: 20% auto !important;
}


/*
--------------------------------------------/character
*/

body.sp header.articleHeader#character{
	min-width: 640px;
}
body.sp article#characterArticle{
	min-width: 640px;
	width: 100%;
}

body.sp section#relation{
	width: 100%;
	height: auto ;
	background:none;
}

body.sp section.characterBox{
	width: 100%;
	max-width: 640px;
	min-width: 640px;
}
body.sp section.characterBox div.charaData,body.sp section.characterBox div.characterMoveBox,body.sp div.relationBox{
	display: none;
}

body.sp img.mobile{
	display: block;
	width: 100%;
}

body.sp article#characterArticle section#kohaku,body.sp article#characterArticle section#misaki,body.sp article#characterArticle section#yuko{
	height: auto;
}

/*
--------------------------------------------/download/guideline/license
*/

body.sp .downloadBox h1{
	font-size: 0.7rem;
	padding: 10px 0 0 10px;
}

body.sp footer div.siteInfo div.sns p{
	width: 600px;
}
body.sp .downloadText p,body.sp .downloadText li{
	font-size: 1rem;
}


body.sp p.girlSpace{
	width: 100%;
}


/*
--------------------------------------------/works
*/
body.sp article#primary.singlePost div.post, body.sp section#worksLatest div.workArticleList div.worksArticleBox p.bodyText, body.sp section#whatAboutUnity div.explainUnityChan p{
	font-size: 1rem;
}


body.sp section#worksLatest ul#worksTag li{
	font-size: 0.7rem;
}



/*
--------------------------------------------/faq
*/

.faqTitle01{
	font-size: 33px;
	font-weight: bold;
	color: #36a8d1;
}
.faqTitle02{
	width: 860px;
	padding: 0 20px;
	font-size: 18px;
	color: #fff;
	line-height: 40px;
	height: 40px;
	background: url(/images/bgFaqTitle.png) repeat top center;
	border-radius: 20px;
}
.faqTitle03{
	padding-left:60px;
	height: 50px;
	background: url(/images/iconQuestion.png) no-repeat center left;
	display: table;
}
.faqTitle03 p{
	font-size: 18px;
	color: #1b327d;
	display: table-cell;
	vertical-align: middle;
}
.downloadText h3.faqTitle03::before {
    content: "";
    font-size: 0rem;
    margin: 0;
}

.faqAnswerBox{
	width: 860px;
	padding: 0 20px;
	padding-bottom:40px;
	margin-top: 35px;
	background: url(/images/imageDotLine.png) no-repeat bottom center;
}
.faqAnswerImage{
	float: left;
}
.faqAnswertxt{
	width: 700px;
	float: right;
}

.faqAnswertxt img{
	display: block;
	margin-top: 25px;
}